personal-website 0.2.0 → 0.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/external-item.html +2 -2
  3. data/_layouts/external.html +4 -3
  4. data/_layouts/home.html +3 -3
  5. data/_layouts/post.html +1 -1
  6. data/_sass/experience.scss +1 -0
  7. data/_sass/external-home.scss +4 -3
  8. data/_sass/external.scss +10 -4
  9. data/_sass/home.scss +5 -3
  10. data/_sass/post.scss +6 -3
  11. data/_sass/project.scss +2 -3
  12. data/assets/js/external.js +4 -2
  13. data/assets/js/header.js +8 -1
  14. metadata +11 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3280a79b2f3290c8a06508cf778b668effccd6f3c98fea092aca351f8d8fc351
4
- data.tar.gz: 9f78947265b59c0355473bae5e77606258a763a3b0cf7d9e5ac3494781e1380c
3
+ metadata.gz: 757a8a9bd3b5d2b8746326c72d29d17d55e2d16713e210d97f35a1a50bb21da7
4
+ data.tar.gz: f3f6fd6b23af88c9ed73ce2ca82710af173d5342bea70afe937f47f10086266b
5
5
  SHA512:
6
- metadata.gz: 921b960f21f232646cec973d1f2bf02743e96c1a5718d0939e7fbc6e9a9e2b3762492221df5ec6ec4b831af1ac4e1bffd93cb459d45aec45bb04dd6c55aee6fc
7
- data.tar.gz: ef581c457e5174c43b5de587561967765f52f289377bb687baae906a7ba60af90d592b343759b1de65055b55c0b800b5c9f69229368ec49bf49c8201db2a8087
6
+ metadata.gz: d4ffe3dd23ddf05a1dd9ac129d6d3d10fed3dcba83b0a7e8a3c980f65bd10bb247e46169c1efa6d907f60cee4aaff8a6594f36d2d8f73571e1fbe7fea8f8d24b
7
+ data.tar.gz: d4b5575144fc781506ce5a3ba8046a11ee4eae8952bd1e88f738730b30c0f28d585edb5890451a80220f8cba129e661c5a1c4c2c6dd1e0112bb87be32b633484
data/_includes/external-item.html CHANGED
@@ -3,7 +3,7 @@
3
3
  {% if ext.url == nil %}
4
4
  <span class="image"><img src="{{ ext.image }}"></span>
5
5
  {% else %}
6
- <a href="{{ ext.url }}" target="_blank" class="image"><img src="{{ ext.image }}"></a>
6
+ <a href="{{ ext.url }}" target="_blank" class="image" referrerpolicy="no-referrer"><img src="{{ ext.image }}"></a>
7
7
  {% endif %}
8
8
  {% endif %}
9
9
  <div {% if ext.image == nil %}class="no-img"{% endif %}>
@@ -11,7 +11,7 @@
11
11
  {% if ext.url == nil %}
12
12
  {{ ext.title }}
13
13
  {% else %}
14
- <a href="{{ ext.url }}" target="_blank">{{ ext.title }}</a>
14
+ <a href="{{ ext.url }}" target="_blank" referrerpolicy="no-referrer">{{ ext.title }}</a>
15
15
  {% endif %}
16
16
  <br>
17
17
  {% if ext.subtitle %}
data/_layouts/external.html CHANGED
@@ -8,7 +8,7 @@ layout: default
8
8
  <head>
9
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
10
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
11
- <link rel="stylesheet" href="/assets/css/external.css">
11
+ <link rel="stylesheet" href="/assets/css/external.css?version=0.2.1">
12
12
  {% seo %}
13
13
  </head>
14
14
 
@@ -16,9 +16,10 @@ layout: default
16
16
  {% include header.html %}
17
17
  <div class="external mx-auto">
18
18
  <div class="sidebar">
19
+ <a href="/{{ page.external }}" year="all"><p>All</p></a>
19
20
  {% assign grouped = site.data.external[page.external].list | group_by: "year" %}
20
21
  {% for year in grouped %}
21
- <a href="/{{ page.external }}?year={{ year.name }}" class="active"><p>{{ year.name }}</p></a>
22
+ <a href="/{{ page.external }}?year={{ year.name }}" year="{{year.name}}"><p>{{ year.name }}</p></a>
22
23
  {% endfor %}
23
24
  </div>
24
25
  <div class="content">
@@ -40,5 +41,5 @@ layout: default
40
41
 
41
42
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
42
43
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
43
- <script src="/assets/js/external.js"></script>
44
+ <script src="/assets/js/external.js?version=0.2.1"></script>
44
45
  </html>
data/_layouts/home.html CHANGED
@@ -8,7 +8,7 @@ layout: default
8
8
  <head>
9
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
10
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
11
- <link rel="stylesheet" href="/assets/css/home.css">
11
+ <link rel="stylesheet" href="/assets/css/home.css?version=0.2.1">
12
12
  {% seo %}
13
13
  </head>
14
14
 
@@ -56,7 +56,7 @@ layout: default
56
56
  {% endif %}
57
57
  {% if site.data.projects %}
58
58
  <div>
59
- <h1 class="text-center">Projects</h1>
59
+ <h1 class="text-center mb-4">Projects</h1>
60
60
  <div class="projects">
61
61
  {% for project in site.data.projects %}
62
62
  {% include project.html %}
@@ -85,5 +85,5 @@ layout: default
85
85
 
86
86
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
87
87
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
88
- <script src="/assets/js/header.js"></script>
88
+ <script src="/assets/js/header.js?version=0.2.1"></script>
89
89
  </html>
data/_layouts/post.html CHANGED
@@ -8,7 +8,7 @@ layout: default
8
8
  <head>
9
9
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
10
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
11
- <link rel="stylesheet" href="/assets/css/post.css">
11
+ <link rel="stylesheet" href="/assets/css/post.css?version=0.2.1">
12
12
  {% seo %}
13
13
  </head>
14
14
 
data/_sass/experience.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  .exp img{
6
6
  height: 75px;
7
7
  width: 100px;
8
+ max-width: 100%;
8
9
  margin: 5px;
9
10
  object-fit: contain;
10
11
  }
data/_sass/external-home.scss CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  .external{
3
2
  display: inline-flex;
4
3
  width: 100%;
@@ -18,6 +17,7 @@
18
17
  }
19
18
 
20
19
  .external .item{
20
+ max-width: 400px;
21
21
  display: inline-flex;
22
22
  flex-wrap: wrap;
23
23
  margin: 25px;
@@ -30,7 +30,7 @@
30
30
 
31
31
  .external .item img{
32
32
  height: 250px;
33
- max-width: min(calc(100vw - 40px), 400px);
33
+ max-width: min(100%, 400px);
34
34
  object-fit: contain;
35
35
  transition: transform .5s ease;
36
36
  }
@@ -59,8 +59,9 @@
59
59
  }
60
60
 
61
61
  .external .more{
62
+ margin-top: 50px;
63
+ margin-right: 25px;
62
64
  margin-left: auto;
63
- margin-right: 2vw;
64
65
  padding: 10px;
65
66
  display: inline-flex;
66
67
  border: 1px black solid;
data/_sass/external.scss CHANGED
@@ -3,14 +3,17 @@
3
3
  width: min(900px, calc(100% - 100px));
4
4
  display: flex;
5
5
  flex-wrap: wrap;
6
+ justify-content: space-around;
6
7
  }
7
8
 
8
9
  .external .sidebar{
9
10
  padding: 15px 50px;
11
+ flex-basis: 140px;
10
12
  }
11
13
 
12
14
  .external .content{
13
- width: calc(100% - 140px);
15
+ flex-basis: 250px;
16
+ flex-grow: 1;
14
17
  }
15
18
 
16
19
  .external .list{
@@ -31,15 +34,18 @@
31
34
 
32
35
  .external .item .image{
33
36
  align-self: center;
37
+ flex-basis: 200px;
38
+ flex-grow: 1;
34
39
  }
35
40
 
36
41
  .external .item img{
37
- width: 200px;
38
- margin-right: 25px;
42
+ width: 100%;
39
43
  }
40
44
 
41
45
  .external .item div{
42
- width: calc(100% - 225px);
46
+ margin: 15px;
47
+ flex-basis: 200px;
48
+ flex-grow: 99;
43
49
  }
44
50
 
45
51
  .external .item p:last-child{
data/_sass/home.scss CHANGED
@@ -25,7 +25,9 @@
25
25
  }
26
26
 
27
27
  .projects{
28
- grid-template-columns: repeat(auto-fit, min(100vw, 600px));
28
+ grid-template-columns: repeat(auto-fit, min(calc(100vw - 50px), 500px));
29
+ grid-row-gap: 25px;
30
+ grid-column-gap: 25px;
29
31
  }
30
32
 
31
33
  .row{
@@ -39,7 +41,7 @@
39
41
  }
40
42
 
41
43
  #home-content > div{
42
- padding-right: 0px;
43
- padding-left: 0px;
44
+ padding-right: 15px;
45
+ padding-left: 15px;
44
46
  }
45
47
  }
data/_sass/post.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  .post img{
7
7
  margin: 5px 10px;
8
8
  width: 400px;
9
- height: 15em;
9
+ height: 250px;
10
10
  object-fit: cover;
11
11
  }
12
12
 
@@ -50,11 +50,14 @@ th{
50
50
 
51
51
  @media screen and (max-width: 768px){
52
52
  .post{
53
- margin: 0 25px;
54
53
  display: initial;
55
54
  }
56
55
 
57
56
  .post img, .post .desc{
58
- width: calc(100% - 20px);
57
+ width: calc(100vw - 60px);
58
+ }
59
+
60
+ .post img{
61
+ height: calc(62.5vw - 60px);
59
62
  }
60
63
  }
data/_sass/project.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  .project{
2
2
  background: rgba(0,0,0,.025);
3
3
  padding: 40px;
4
- margin: 25px;
5
4
  display: inline-block;
6
5
  transition: transform .5s ease;
7
6
  }
@@ -22,6 +21,6 @@
22
21
 
23
22
  .project:hover{
24
23
  text-decoration: none;
25
- -webkit-transform: scale(1.1);
26
- transform: scale(1.1);
24
+ -webkit-transform: scale(1.05);
25
+ transform: scale(1.05);
27
26
  }
data/assets/js/external.js CHANGED
@@ -1,4 +1,6 @@
1
1
  let searchParams = new URLSearchParams(window.location.search)
2
- let year = searchParams.get("year")
2
+ let year = searchParams.get("year");
3
3
 
4
- if(year != null) $(".external .item[year!="+year+"]").remove();
4
+ if(year != null) $(".external .item[year!="+year+"]").remove();
5
+ year = year || "all";
6
+ $("a[year="+year+"]").css("color", "grey");
data/assets/js/header.js CHANGED
@@ -1,18 +1,25 @@
1
1
  // Get viewport dimensions
2
2
  vw = $(window).width();
3
- vh = $(window).height()
3
+ vh = $(window).height();
4
4
 
5
5
  me_height = .24 * vh + .12 * vw // 24vh + 12vw
6
6
  social_height = .05 * vw;
7
7
  me_margin = .02 * vw;
8
8
 
9
9
  $(window).resize(function(e){
10
+ // Get viewport dimensions
11
+ vw = $(window).width();
12
+ vh = $(window).height();
13
+
14
+ // Reset
10
15
  $("#photo").outerHeight('');
11
16
  $(".social").outerHeight('');
12
17
  $("#photo").css("margin", '');
13
18
  me_height = .24 * vh + .12 * vw // 24vh + 12vw
14
19
  social_height = .05 * vw;
15
20
  me_margin = .02 * vw;
21
+
22
+ // Scroll
16
23
  scroll_header(e);
17
24
  });
18
25
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: personal-website
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.13
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lucas Bulgarelli
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-03-08 00:00:00.000000000 Z
11
+ date: 2021-08-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -72,14 +72,20 @@ dependencies:
72
72
  requirements:
73
73
  - - "~>"
74
74
  - !ruby/object:Gem::Version
75
- version: 2.1.4
75
+ version: '2.2'
76
+ - - ">="
77
+ - !ruby/object:Gem::Version
78
+ version: 2.2.10
76
79
  type: :development
77
80
  prerelease: false
78
81
  version_requirements: !ruby/object:Gem::Requirement
79
82
  requirements:
80
83
  - - "~>"
81
84
  - !ruby/object:Gem::Version
82
- version: 2.1.4
85
+ version: '2.2'
86
+ - - ">="
87
+ - !ruby/object:Gem::Version
88
+ version: 2.2.10
83
89
  - !ruby/object:Gem::Dependency
84
90
  name: rake
85
91
  requirement: !ruby/object:Gem::Requirement
@@ -163,7 +169,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
163
169
  - !ruby/object:Gem::Version
164
170
  version: '0'
165
171
  requirements: []
166
- rubygems_version: 3.1.4
172
+ rubygems_version: 3.2.25
167
173
  signing_key:
168
174
  specification_version: 4
169
175
  summary: Jekyll theme for personal websites.