personal-website 0.1.2 → 0.1.4
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/header.html +1 -1
- data/_includes/post.html +11 -0
- data/_includes/project.html +1 -1
- data/_includes/share-buttons.html +18 -0
- data/_layouts/home.html +20 -10
- data/_layouts/post.html +40 -0
- data/_sass/header-mini.scss +12 -0
- data/_sass/header.scss +5 -1
- data/_sass/home.scss +48 -0
- data/_sass/post.scss +54 -0
- data/_sass/project.scss +3 -6
- data/assets/css/home.scss +2 -1
- data/assets/css/post.scss +6 -0
- data/assets/js/header.js +9 -5
- metadata +52 -4
- data/_sass/content.scss +0 -28
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1f33f6a08aa257f1c0dadeca47fd96489ec3961a725f3cee51c21bf3cab05128
|
|
4
|
+
data.tar.gz: c462d690e55782704ec424377fff71672395556fd50e65716b8103e5bbb81cfc
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a09b30a5553c8f9baa78a17085bfaf75e9104c7a99c4bbf3e2aea92895cbb5816683b4cd73f55d7dc87484d2012aaa1c2948b6c731103a3ad634468b963fc03f
|
|
7
|
+
data.tar.gz: b7cb4b985e871833102030d777bc730d93d4a8f3758994d9233e952c77500a506e8b6e0fdd8415da9a9c938ab42eccd44eccc23af29a77b3fa71f48dfb2b8fe7
|
data/_includes/header.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<header class="container-fluid fixed-top bg-dark py-5 py-md-0">
|
|
2
2
|
<div class="row align-items-center">
|
|
3
3
|
<div class="col-md-auto text-center">
|
|
4
|
-
<img src="{{ site.
|
|
4
|
+
<a href="/"><img src="{{ site.image }}" alt="" id="photo" class="rounded-circle"></a>
|
|
5
5
|
</div>
|
|
6
6
|
<div class="col-md container text-center">
|
|
7
7
|
<div class="row align-items-center text-md-left">
|
data/_includes/post.html
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<div class="post">
|
|
2
|
+
<a href="{{ post.url }}"><img src="{{ post.image }}"></a>
|
|
3
|
+
<div class="desc">
|
|
4
|
+
<p>
|
|
5
|
+
<span class="text-secondary">{{ post.date | date: "%a, %b %d, %y" }}</span><br>
|
|
6
|
+
By @{{ post.authors | join: ", @" }}
|
|
7
|
+
</p>
|
|
8
|
+
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
|
|
9
|
+
<p>{{ post.description }}</p>
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
data/_includes/project.html
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<style>
|
|
2
|
+
.IN-widget button{
|
|
3
|
+
border-radius: 3px !important;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.IN-widget svg{
|
|
7
|
+
padding: 2px;
|
|
8
|
+
vertical-align: top;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.twitter-share-button{
|
|
12
|
+
vertical-align: bottom;
|
|
13
|
+
}
|
|
14
|
+
</style>
|
|
15
|
+
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
|
16
|
+
<div class="fb-share-button" data-href="{{ page.url | absolute_url }}" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
|
|
17
|
+
<script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
|
|
18
|
+
<script type="IN/Share" data-url="{{ page.url | absolute_url }}"></script>
|
data/_layouts/home.html
CHANGED
|
@@ -7,21 +7,29 @@ layout: default
|
|
|
7
7
|
|
|
8
8
|
<head>
|
|
9
9
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
10
|
-
{% if site.google-search-console %}
|
|
11
|
-
<meta name="google-site-verification" content="{{ site.google-search-console }}" />
|
|
12
|
-
{% endif %}
|
|
13
10
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
|
14
11
|
<link rel="stylesheet" href="/assets/css/home.css">
|
|
15
|
-
|
|
12
|
+
{% seo %}
|
|
16
13
|
</head>
|
|
17
14
|
|
|
18
15
|
<body>
|
|
19
16
|
{% include header.html %}
|
|
20
|
-
<div
|
|
17
|
+
<div id="home-content">
|
|
21
18
|
{% assign content_stripped = content | strip %}
|
|
22
19
|
{% if content_stripped != "" %}
|
|
23
20
|
<div>{{ content }}</div>
|
|
24
21
|
{% endif %}
|
|
22
|
+
{% assign n_posts = site.posts | size %}
|
|
23
|
+
{% if n_posts > 0 %}
|
|
24
|
+
<div>
|
|
25
|
+
<h1 class="text-center mb-5">Blog</h1>
|
|
26
|
+
<div class="posts">
|
|
27
|
+
{% for post in site.posts %}
|
|
28
|
+
{% include post.html %}
|
|
29
|
+
{% endfor %}
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
{% endif %}
|
|
25
33
|
{% if site.data.work or site.data.education %}
|
|
26
34
|
<div class="row d-flex">
|
|
27
35
|
{% if site.data.work %}
|
|
@@ -47,11 +55,13 @@ layout: default
|
|
|
47
55
|
</div>
|
|
48
56
|
{% endif %}
|
|
49
57
|
{% if site.data.projects %}
|
|
50
|
-
<div
|
|
51
|
-
<h1>Projects</h1>
|
|
52
|
-
|
|
53
|
-
{%
|
|
54
|
-
|
|
58
|
+
<div>
|
|
59
|
+
<h1 class="text-center">Projects</h1>
|
|
60
|
+
<div class="projects">
|
|
61
|
+
{% for project in site.data.projects %}
|
|
62
|
+
{% include project.html %}
|
|
63
|
+
{% endfor %}
|
|
64
|
+
</div>
|
|
55
65
|
</div>
|
|
56
66
|
{% endif %}
|
|
57
67
|
</div>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
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/post.css">
|
|
12
|
+
{% seo %}
|
|
13
|
+
</head>
|
|
14
|
+
|
|
15
|
+
<body>
|
|
16
|
+
{% include header.html %}
|
|
17
|
+
<div id="post" class="mx-auto">
|
|
18
|
+
<h1 class="font-italic">{{ page.title }}</h1>
|
|
19
|
+
<p>{{ page.description }}</p>
|
|
20
|
+
<hr>
|
|
21
|
+
<p>By @{{ page.authors | join: ", @" }}</p>
|
|
22
|
+
<div class="d-flex justify-content-between">
|
|
23
|
+
<p class="text-secondary">
|
|
24
|
+
{{ page.date | date: "%a, %b %d, %y" }}
|
|
25
|
+
</p>
|
|
26
|
+
<div>{% include share-buttons.html %}</div>
|
|
27
|
+
</div>
|
|
28
|
+
<div id="post-content">
|
|
29
|
+
{{ content }}
|
|
30
|
+
</div>
|
|
31
|
+
<br>
|
|
32
|
+
<hr style="height:2px;border-width:0;background-color:silver">
|
|
33
|
+
<div>{% include share-buttons.html %}</div>
|
|
34
|
+
</div>
|
|
35
|
+
{% include footer.html %}
|
|
36
|
+
<div id="fb-root"></div>
|
|
37
|
+
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v8.0" nonce="il42YRik"></script>
|
|
38
|
+
</body>
|
|
39
|
+
|
|
40
|
+
</html>
|
data/_sass/header.scss
CHANGED
data/_sass/home.scss
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
#home-content{
|
|
2
|
+
border-spacing: 15px;
|
|
3
|
+
margin-top: calc(24vh + 16vw);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
#home-content > div{
|
|
7
|
+
padding: 50px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
#home-content > div:nth-child(even){
|
|
11
|
+
background-color: #fafafa;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.posts, .projects{
|
|
15
|
+
display: grid;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.posts{
|
|
20
|
+
grid-template-columns: repeat(auto-fit, max(600px, 40%));
|
|
21
|
+
gap: 50px 75px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.projects{
|
|
25
|
+
grid-template-columns: repeat(auto-fit, min(100vw, 600px));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.row{
|
|
29
|
+
margin-left: 0;
|
|
30
|
+
margin-right: 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media screen and (max-width: 1374px){
|
|
34
|
+
.posts{
|
|
35
|
+
grid-template-columns: repeat(auto-fit, min(800px, 90%));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media screen and (max-width: 768px){
|
|
40
|
+
#home-content{
|
|
41
|
+
margin-top: 0px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
#home-content > div{
|
|
45
|
+
padding-right: 0px;
|
|
46
|
+
padding-left: 0px;
|
|
47
|
+
}
|
|
48
|
+
}
|
data/_sass/post.scss
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
.post img{
|
|
2
|
+
margin: 5px 10px;
|
|
3
|
+
width: calc(100% - 305px);
|
|
4
|
+
height: 15em;
|
|
5
|
+
object-fit: cover;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.post .desc{
|
|
9
|
+
display: inline-block;
|
|
10
|
+
margin: 5px 10px;
|
|
11
|
+
width: 260px;
|
|
12
|
+
vertical-align: top;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.post a:hover{
|
|
16
|
+
text-decoration: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#post{
|
|
20
|
+
margin: 50px;
|
|
21
|
+
width: min(700px, calc(100% - 100px));
|
|
22
|
+
font-family: "Times New Roman", Times, serif;
|
|
23
|
+
font-size: 1.2em;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
#post-content img{
|
|
27
|
+
max-width: 100%;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
table, th, td {
|
|
31
|
+
border: 1px solid silver;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
table{
|
|
35
|
+
width: 100%;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
th, td{
|
|
39
|
+
padding: 5px 15px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
th{
|
|
43
|
+
text-align: center;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@media screen and (max-width: 768px){
|
|
47
|
+
.post{
|
|
48
|
+
margin: 0 25px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.post img, .post .desc{
|
|
52
|
+
width: calc(100% - 20px);
|
|
53
|
+
}
|
|
54
|
+
}
|
data/_sass/project.scss
CHANGED
|
@@ -3,20 +3,17 @@
|
|
|
3
3
|
padding: 40px;
|
|
4
4
|
margin: 25px;
|
|
5
5
|
display: inline-block;
|
|
6
|
-
border-radius: 15px;
|
|
7
6
|
transition: transform .5s ease;
|
|
8
7
|
}
|
|
9
8
|
|
|
10
9
|
.project img{
|
|
11
10
|
object-fit: contain;
|
|
12
|
-
max-height:
|
|
13
|
-
|
|
14
|
-
width: 400px;
|
|
15
|
-
border-radius: 15px;
|
|
11
|
+
max-height: 300px;
|
|
12
|
+
width: 100%;
|
|
16
13
|
}
|
|
17
14
|
|
|
18
15
|
.project figcaption{
|
|
19
|
-
max-width:
|
|
16
|
+
max-width: 100%;
|
|
20
17
|
}
|
|
21
18
|
|
|
22
19
|
.project, .project:visited{
|
data/assets/css/home.scss
CHANGED
data/assets/js/header.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// Get viewport dimensions
|
|
2
|
+
vw = $(window).width();
|
|
3
|
+
vh = $(window).height()
|
|
4
|
+
|
|
5
|
+
me_height = .24 * vh + .12 * vw // 24vh + 12vw
|
|
6
|
+
social_height = .05 * vw;
|
|
7
|
+
me_margin = .02 * vw;
|
|
4
8
|
|
|
5
9
|
$(window).resize(function(e){
|
|
6
10
|
$("#photo").outerHeight('');
|
|
@@ -12,9 +16,9 @@ $(window).resize(function(e){
|
|
|
12
16
|
test(e);
|
|
13
17
|
});
|
|
14
18
|
|
|
15
|
-
$(window).scroll(
|
|
19
|
+
$(window).scroll(scroll_header);
|
|
16
20
|
|
|
17
|
-
function
|
|
21
|
+
function scroll_header(e){
|
|
18
22
|
scroll_top = $(window).scrollTop();
|
|
19
23
|
// Disable resizing for small screens and negative scroll
|
|
20
24
|
if(scroll_top < 0 || $(window).width() <= 768) return;
|
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.1.
|
|
4
|
+
version: 0.1.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lucas Bulgarelli
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2021-03-05 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -24,6 +24,48 @@ dependencies:
|
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: '3.9'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: jekyll-mentions
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - "~>"
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: 1.5.1
|
|
34
|
+
type: :runtime
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - "~>"
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: 1.5.1
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: jekyll-sitemap
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: 1.4.0
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - "~>"
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: 1.4.0
|
|
55
|
+
- !ruby/object:Gem::Dependency
|
|
56
|
+
name: jekyll-seo-tag
|
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
|
58
|
+
requirements:
|
|
59
|
+
- - "~>"
|
|
60
|
+
- !ruby/object:Gem::Version
|
|
61
|
+
version: 2.6.1
|
|
62
|
+
type: :runtime
|
|
63
|
+
prerelease: false
|
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
65
|
+
requirements:
|
|
66
|
+
- - "~>"
|
|
67
|
+
- !ruby/object:Gem::Version
|
|
68
|
+
version: 2.6.1
|
|
27
69
|
- !ruby/object:Gem::Dependency
|
|
28
70
|
name: bundler
|
|
29
71
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -79,16 +121,22 @@ files:
|
|
|
79
121
|
- _includes/education.html
|
|
80
122
|
- _includes/footer.html
|
|
81
123
|
- _includes/header.html
|
|
124
|
+
- _includes/post.html
|
|
82
125
|
- _includes/project.html
|
|
126
|
+
- _includes/share-buttons.html
|
|
83
127
|
- _includes/work.html
|
|
84
128
|
- _layouts/default.html
|
|
85
129
|
- _layouts/home.html
|
|
86
|
-
-
|
|
130
|
+
- _layouts/post.html
|
|
87
131
|
- _sass/experience.scss
|
|
88
132
|
- _sass/footer.scss
|
|
133
|
+
- _sass/header-mini.scss
|
|
89
134
|
- _sass/header.scss
|
|
135
|
+
- _sass/home.scss
|
|
136
|
+
- _sass/post.scss
|
|
90
137
|
- _sass/project.scss
|
|
91
138
|
- assets/css/home.scss
|
|
139
|
+
- assets/css/post.scss
|
|
92
140
|
- assets/js/header.js
|
|
93
141
|
homepage: https://github.com/lbulgarelli/personal-website
|
|
94
142
|
licenses:
|
|
@@ -109,7 +157,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
109
157
|
- !ruby/object:Gem::Version
|
|
110
158
|
version: '0'
|
|
111
159
|
requirements: []
|
|
112
|
-
rubygems_version: 3.1.
|
|
160
|
+
rubygems_version: 3.1.4
|
|
113
161
|
signing_key:
|
|
114
162
|
specification_version: 4
|
|
115
163
|
summary: Jekyll theme for personal websites.
|
data/_sass/content.scss
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.content{
|
|
2
|
-
border-spacing: 15px;
|
|
3
|
-
margin-top: calc(24vh + 16vw);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.content > div{
|
|
7
|
-
padding: 50px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.content > div:nth-child(even){
|
|
11
|
-
background-color: #fafafa;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.row{
|
|
15
|
-
margin-left: 0;
|
|
16
|
-
margin-right: 0;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
@media screen and (max-width: 768px){
|
|
20
|
-
.content{
|
|
21
|
-
margin-top: 0px;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.content > div{
|
|
25
|
-
padding-right: 0px;
|
|
26
|
-
padding-left: 0px;
|
|
27
|
-
}
|
|
28
|
-
}
|