personal-website 0.1.4 → 0.2.0
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.
- checksums.yaml +4 -4
- data/_includes/external-item.html +29 -0
- data/_includes/footer.html +1 -1
- data/_includes/post.html +2 -2
- data/_layouts/external.html +44 -0
- data/_layouts/home.html +15 -0
- data/_sass/external-home.scss +73 -0
- data/_sass/external.scss +51 -0
- data/_sass/home.scss +4 -7
- data/_sass/post.scss +7 -1
- data/assets/css/external.scss +6 -0
- data/assets/css/home.scss +1 -0
- data/assets/js/external.js +4 -0
- data/assets/js/header.js +7 -5
- metadata +8 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3280a79b2f3290c8a06508cf778b668effccd6f3c98fea092aca351f8d8fc351
|
|
4
|
+
data.tar.gz: 9f78947265b59c0355473bae5e77606258a763a3b0cf7d9e5ac3494781e1380c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 921b960f21f232646cec973d1f2bf02743e96c1a5718d0939e7fbc6e9a9e2b3762492221df5ec6ec4b831af1ac4e1bffd93cb459d45aec45bb04dd6c55aee6fc
|
|
7
|
+
data.tar.gz: ef581c457e5174c43b5de587561967765f52f289377bb687baae906a7ba60af90d592b343759b1de65055b55c0b800b5c9f69229368ec49bf49c8201db2a8087
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<div class="item" year="{{ ext.year }}">
|
|
2
|
+
{% if ext.image %}
|
|
3
|
+
{% if ext.url == nil %}
|
|
4
|
+
<span class="image"><img src="{{ ext.image }}"></span>
|
|
5
|
+
{% else %}
|
|
6
|
+
<a href="{{ ext.url }}" target="_blank" class="image"><img src="{{ ext.image }}"></a>
|
|
7
|
+
{% endif %}
|
|
8
|
+
{% endif %}
|
|
9
|
+
<div {% if ext.image == nil %}class="no-img"{% endif %}>
|
|
10
|
+
<p>
|
|
11
|
+
{% if ext.url == nil %}
|
|
12
|
+
{{ ext.title }}
|
|
13
|
+
{% else %}
|
|
14
|
+
<a href="{{ ext.url }}" target="_blank">{{ ext.title }}</a>
|
|
15
|
+
{% endif %}
|
|
16
|
+
<br>
|
|
17
|
+
{% if ext.subtitle %}
|
|
18
|
+
<span class="sub font-italic">{{ ext.subtitle }}</span><br>
|
|
19
|
+
{% endif %}
|
|
20
|
+
<span class="sub">
|
|
21
|
+
{% if ext.location %}
|
|
22
|
+
{{ ext.location }} -
|
|
23
|
+
{% endif %}
|
|
24
|
+
{{ ext.year }}
|
|
25
|
+
</span>
|
|
26
|
+
</p>
|
|
27
|
+
<p class="sub">{{ ext.authors }}</p>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
data/_includes/footer.html
CHANGED
data/_includes/post.html
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<div class="post">
|
|
2
|
-
<a href="{{ post.url }}"><img src="{{ post.image }}"></a>
|
|
2
|
+
<a href="{{ post.url }}" target="_blank"><img src="{{ post.image }}"></a>
|
|
3
3
|
<div class="desc">
|
|
4
4
|
<p>
|
|
5
5
|
<span class="text-secondary">{{ post.date | date: "%a, %b %d, %y" }}</span><br>
|
|
6
6
|
By @{{ post.authors | join: ", @" }}
|
|
7
7
|
</p>
|
|
8
|
-
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
|
|
8
|
+
<h3><a href="{{ post.url }}" target="_blank">{{ post.title }}</a></h3>
|
|
9
9
|
<p>{{ post.description }}</p>
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<!DOCTYPE html>
|
|
6
|
+
<html>
|
|
7
|
+
|
|
8
|
+
<head>
|
|
9
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
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">
|
|
12
|
+
{% seo %}
|
|
13
|
+
</head>
|
|
14
|
+
|
|
15
|
+
<body>
|
|
16
|
+
{% include header.html %}
|
|
17
|
+
<div class="external mx-auto">
|
|
18
|
+
<div class="sidebar">
|
|
19
|
+
{% assign grouped = site.data.external[page.external].list | group_by: "year" %}
|
|
20
|
+
{% for year in grouped %}
|
|
21
|
+
<a href="/{{ page.external }}?year={{ year.name }}" class="active"><p>{{ year.name }}</p></a>
|
|
22
|
+
{% endfor %}
|
|
23
|
+
</div>
|
|
24
|
+
<div class="content">
|
|
25
|
+
<div>
|
|
26
|
+
{% assign content_stripped = content | strip %}
|
|
27
|
+
{% if content_stripped != "" %}
|
|
28
|
+
<div>{{ content }}</div>
|
|
29
|
+
{% endif %}
|
|
30
|
+
</div>
|
|
31
|
+
<div class="list">
|
|
32
|
+
{% for ext in site.data.external[page.external].list %}
|
|
33
|
+
{% include external-item.html %}
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
{% include footer.html %}
|
|
39
|
+
</body>
|
|
40
|
+
|
|
41
|
+
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
|
42
|
+
<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
|
+
</html>
|
data/_layouts/home.html
CHANGED
|
@@ -64,6 +64,21 @@ layout: default
|
|
|
64
64
|
</div>
|
|
65
65
|
</div>
|
|
66
66
|
{% endif %}
|
|
67
|
+
{% if site.data.external %}
|
|
68
|
+
{% for external in site.data.external %}
|
|
69
|
+
<div class="external" id="{{ external[0] }}">
|
|
70
|
+
<h1>{{ external[1].name }}</h1>
|
|
71
|
+
<div class="list">
|
|
72
|
+
{% for ext in external[1].list limit:external[1].limit %}
|
|
73
|
+
{% include external-item.html %}
|
|
74
|
+
{% endfor %}
|
|
75
|
+
</div>
|
|
76
|
+
{% if external[1].list.size > external[1].limit %}
|
|
77
|
+
<a href="/{{ external[0] }}" target="_blank" class="more">More</a>
|
|
78
|
+
{% endif %}
|
|
79
|
+
</div>
|
|
80
|
+
{% endfor %}
|
|
81
|
+
{% endif %}
|
|
67
82
|
</div>
|
|
68
83
|
{% include footer.html %}
|
|
69
84
|
</body>
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
|
|
2
|
+
.external{
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
width: 100%;
|
|
5
|
+
flex-wrap: wrap;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.external h1{
|
|
9
|
+
width: 100%;
|
|
10
|
+
text-align: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.external .list{
|
|
14
|
+
width: 100%;
|
|
15
|
+
display: inline-flex;
|
|
16
|
+
flex-wrap: wrap;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.external .item{
|
|
21
|
+
display: inline-flex;
|
|
22
|
+
flex-wrap: wrap;
|
|
23
|
+
margin: 25px;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.external .item .image{
|
|
28
|
+
margin: 0 auto;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.external .item img{
|
|
32
|
+
height: 250px;
|
|
33
|
+
max-width: min(calc(100vw - 40px), 400px);
|
|
34
|
+
object-fit: contain;
|
|
35
|
+
transition: transform .5s ease;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.external .item img:hover{
|
|
39
|
+
text-decoration: none;
|
|
40
|
+
-webkit-transform: scale(1.1);
|
|
41
|
+
transform: scale(1.1);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.external .item div{
|
|
45
|
+
margin-top: 10px;
|
|
46
|
+
max-width: min(calc(100vw - 40px), 400px);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.external .item .sub{
|
|
50
|
+
color: grey;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.external .item a:hover{
|
|
54
|
+
text-decoration: none;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.external .item p:last-child{
|
|
58
|
+
margin-bottom: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.external .more{
|
|
62
|
+
margin-left: auto;
|
|
63
|
+
margin-right: 2vw;
|
|
64
|
+
padding: 10px;
|
|
65
|
+
display: inline-flex;
|
|
66
|
+
border: 1px black solid;
|
|
67
|
+
border-radius: 5px;
|
|
68
|
+
color: initial;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.external .more:visited{
|
|
72
|
+
color: initial;
|
|
73
|
+
}
|
data/_sass/external.scss
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.external{
|
|
2
|
+
margin: 50px;
|
|
3
|
+
width: min(900px, calc(100% - 100px));
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-wrap: wrap;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.external .sidebar{
|
|
9
|
+
padding: 15px 50px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.external .content{
|
|
13
|
+
width: calc(100% - 140px);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.external .list{
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.external .item:nth-child(odd){
|
|
22
|
+
background-color: #f5f5f5;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.external .item{
|
|
26
|
+
width: 100%;
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
flex-wrap: wrap;
|
|
29
|
+
padding: 25px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.external .item .image{
|
|
33
|
+
align-self: center;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.external .item img{
|
|
37
|
+
width: 200px;
|
|
38
|
+
margin-right: 25px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.external .item div{
|
|
42
|
+
width: calc(100% - 225px);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.external .item p:last-child{
|
|
46
|
+
margin-bottom: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.external .item div.no-img{
|
|
50
|
+
width: 100%;
|
|
51
|
+
}
|
data/_sass/home.scss
CHANGED
|
@@ -17,8 +17,11 @@
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.posts{
|
|
20
|
-
grid-template-columns: repeat(auto-fit, max(600px, 40%));
|
|
21
20
|
gap: 50px 75px;
|
|
21
|
+
width: 100%;
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
flex-wrap: wrap;
|
|
24
|
+
justify-content: center;
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
.projects{
|
|
@@ -30,12 +33,6 @@
|
|
|
30
33
|
margin-right: 0;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
|
-
@media screen and (max-width: 1374px){
|
|
34
|
-
.posts{
|
|
35
|
-
grid-template-columns: repeat(auto-fit, min(800px, 90%));
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
36
|
@media screen and (max-width: 768px){
|
|
40
37
|
#home-content{
|
|
41
38
|
margin-top: 0px;
|
data/_sass/post.scss
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
+
.post{
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
margin: 0 15px;
|
|
4
|
+
}
|
|
5
|
+
|
|
1
6
|
.post img{
|
|
2
7
|
margin: 5px 10px;
|
|
3
|
-
width:
|
|
8
|
+
width: 400px;
|
|
4
9
|
height: 15em;
|
|
5
10
|
object-fit: cover;
|
|
6
11
|
}
|
|
@@ -46,6 +51,7 @@ th{
|
|
|
46
51
|
@media screen and (max-width: 768px){
|
|
47
52
|
.post{
|
|
48
53
|
margin: 0 25px;
|
|
54
|
+
display: initial;
|
|
49
55
|
}
|
|
50
56
|
|
|
51
57
|
.post img, .post .desc{
|
data/assets/css/home.scss
CHANGED
data/assets/js/header.js
CHANGED
|
@@ -10,10 +10,10 @@ $(window).resize(function(e){
|
|
|
10
10
|
$("#photo").outerHeight('');
|
|
11
11
|
$(".social").outerHeight('');
|
|
12
12
|
$("#photo").css("margin", '');
|
|
13
|
-
me_height =
|
|
14
|
-
social_height =
|
|
15
|
-
me_margin =
|
|
16
|
-
|
|
13
|
+
me_height = .24 * vh + .12 * vw // 24vh + 12vw
|
|
14
|
+
social_height = .05 * vw;
|
|
15
|
+
me_margin = .02 * vw;
|
|
16
|
+
scroll_header(e);
|
|
17
17
|
});
|
|
18
18
|
|
|
19
19
|
$(window).scroll(scroll_header);
|
|
@@ -34,4 +34,6 @@ function scroll_header(e){
|
|
|
34
34
|
if($(window).width() <= 945) return;
|
|
35
35
|
// Resize social media icons
|
|
36
36
|
$(".social").outerHeight(social_height - scroll_top / 5);
|
|
37
|
-
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
$(window).resize();
|
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.
|
|
4
|
+
version: 0.2.0
|
|
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-
|
|
11
|
+
date: 2021-03-08 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -119,6 +119,7 @@ files:
|
|
|
119
119
|
- LICENSE.txt
|
|
120
120
|
- README.md
|
|
121
121
|
- _includes/education.html
|
|
122
|
+
- _includes/external-item.html
|
|
122
123
|
- _includes/footer.html
|
|
123
124
|
- _includes/header.html
|
|
124
125
|
- _includes/post.html
|
|
@@ -126,17 +127,22 @@ files:
|
|
|
126
127
|
- _includes/share-buttons.html
|
|
127
128
|
- _includes/work.html
|
|
128
129
|
- _layouts/default.html
|
|
130
|
+
- _layouts/external.html
|
|
129
131
|
- _layouts/home.html
|
|
130
132
|
- _layouts/post.html
|
|
131
133
|
- _sass/experience.scss
|
|
134
|
+
- _sass/external-home.scss
|
|
135
|
+
- _sass/external.scss
|
|
132
136
|
- _sass/footer.scss
|
|
133
137
|
- _sass/header-mini.scss
|
|
134
138
|
- _sass/header.scss
|
|
135
139
|
- _sass/home.scss
|
|
136
140
|
- _sass/post.scss
|
|
137
141
|
- _sass/project.scss
|
|
142
|
+
- assets/css/external.scss
|
|
138
143
|
- assets/css/home.scss
|
|
139
144
|
- assets/css/post.scss
|
|
145
|
+
- assets/js/external.js
|
|
140
146
|
- assets/js/header.js
|
|
141
147
|
homepage: https://github.com/lbulgarelli/personal-website
|
|
142
148
|
licenses:
|