vitrina 0.2.5 → 0.2.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.editorconfig +13 -0
- data/.github/FUNDING.yml +4 -0
- data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
- data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
- data/.github/workflows/gempush.yml +41 -0
- data/.gitignore +7 -0
- data/.travis.yml +8 -0
- data/404.md +5 -0
- data/CHANGELOG.md +59 -0
- data/Gemfile +9 -0
- data/LICENSE +21 -0
- data/README.md +407 -0
- data/_config.yml +39 -0
- data/_data/general.json +133 -0
- data/_data/home.json +316 -0
- data/_data/links.json +34 -0
- data/_data/resume.json +80 -0
- data/_includes/foot.html +6 -0
- data/_includes/footer.html +21 -0
- data/_includes/head.html +13 -0
- data/_includes/header.html +63 -0
- data/_includes/pagination.html +75 -0
- data/_includes/util/grid_columns.html +49 -0
- data/_includes/util/item_content.html +8 -0
- data/_includes/util/items.html +63 -0
- data/_includes/util/navbar_items.html +76 -0
- data/_includes/util/prepend_link.html +5 -0
- data/_includes/util/timeline_cards.html +20 -0
- data/_layouts/blog.html +53 -0
- data/_layouts/compress.html +10 -0
- data/_layouts/contact.html +80 -0
- data/_layouts/default.html +33 -0
- data/_layouts/error.html +10 -0
- data/_layouts/home.html +103 -0
- data/_layouts/papers.html +80 -0
- data/_layouts/post.html +33 -0
- data/_layouts/projects.html +58 -0
- data/_layouts/resume.html +62 -0
- data/_papers/A-systematic-review-on-the-productive-effects-of-hobbies.md +15 -0
- data/_papers/Applications-of-open-collaboration-in-software-development.md +14 -0
- data/_posts/2019-04-03-welcome-human.md +52 -0
- data/_projects/Make.md +5 -0
- data/_projects/Meet.md +5 -0
- data/_projects/Mood.md +5 -0
- data/_projects/Take.md +5 -0
- data/_projects/Think.md +5 -0
- data/_sass/_bulma.scss +3 -0
- data/_sass/_fork_awesome.scss +11 -0
- data/_sass/code.scss +128 -0
- data/_sass/customize.scss +69 -0
- data/_sass/elements.scss +489 -0
- data/assets/css/styles.scss +15 -0
- data/assets/img/card.png +0 -0
- data/assets/img/icon.png +0 -0
- data/assets/img/logo.png +0 -0
- data/assets/img/made-with-bulma.png +0 -0
- data/assets/img/make.png +0 -0
- data/assets/img/meet.png +0 -0
- data/assets/img/mood.png +0 -0
- data/assets/img/take.png +0 -0
- data/assets/img/think.png +0 -0
- data/assets/js/navbar.js +10 -0
- data/assets/js/validate.js +77 -0
- data/blog/index.html +4 -0
- data/contact.md +4 -0
- data/index.md +3 -0
- data/node_modules/.yarn-integrity +18 -0
- data/node_modules/bulma/CHANGELOG.md +1390 -0
- data/node_modules/bulma/LICENSE +21 -0
- data/node_modules/bulma/README.md +130 -0
- data/node_modules/bulma/bulma.sass +9 -0
- data/node_modules/bulma/css/bulma.css +10855 -0
- data/node_modules/bulma/css/bulma.css.map +1 -0
- data/node_modules/bulma/css/bulma.min.css +1 -0
- data/node_modules/bulma/package.json +52 -0
- data/node_modules/bulma/sass/.DS_Store +0 -0
- data/node_modules/bulma/sass/base/_all.sass +5 -0
- data/node_modules/bulma/sass/base/generic.sass +142 -0
- data/node_modules/bulma/sass/base/helpers.sass +281 -0
- data/node_modules/bulma/sass/base/minireset.sass +79 -0
- data/node_modules/bulma/sass/components/_all.sass +15 -0
- data/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
- data/node_modules/bulma/sass/components/card.sass +79 -0
- data/node_modules/bulma/sass/components/dropdown.sass +81 -0
- data/node_modules/bulma/sass/components/level.sass +77 -0
- data/node_modules/bulma/sass/components/list.sass +39 -0
- data/node_modules/bulma/sass/components/media.sass +50 -0
- data/node_modules/bulma/sass/components/menu.sass +57 -0
- data/node_modules/bulma/sass/components/message.sass +99 -0
- data/node_modules/bulma/sass/components/modal.sass +113 -0
- data/node_modules/bulma/sass/components/navbar.sass +441 -0
- data/node_modules/bulma/sass/components/pagination.sass +150 -0
- data/node_modules/bulma/sass/components/panel.sass +119 -0
- data/node_modules/bulma/sass/components/tabs.sass +151 -0
- data/node_modules/bulma/sass/elements/_all.sass +15 -0
- data/node_modules/bulma/sass/elements/box.sass +24 -0
- data/node_modules/bulma/sass/elements/button.sass +323 -0
- data/node_modules/bulma/sass/elements/container.sass +24 -0
- data/node_modules/bulma/sass/elements/content.sass +155 -0
- data/node_modules/bulma/sass/elements/form.sass +1 -0
- data/node_modules/bulma/sass/elements/icon.sass +21 -0
- data/node_modules/bulma/sass/elements/image.sass +71 -0
- data/node_modules/bulma/sass/elements/notification.sass +43 -0
- data/node_modules/bulma/sass/elements/other.sass +39 -0
- data/node_modules/bulma/sass/elements/progress.sass +67 -0
- data/node_modules/bulma/sass/elements/table.sass +127 -0
- data/node_modules/bulma/sass/elements/tag.sass +128 -0
- data/node_modules/bulma/sass/elements/title.sass +70 -0
- data/node_modules/bulma/sass/form/_all.sass +8 -0
- data/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
- data/node_modules/bulma/sass/form/file.sass +180 -0
- data/node_modules/bulma/sass/form/input-textarea.sass +64 -0
- data/node_modules/bulma/sass/form/select.sass +85 -0
- data/node_modules/bulma/sass/form/shared.sass +55 -0
- data/node_modules/bulma/sass/form/tools.sass +205 -0
- data/node_modules/bulma/sass/grid/_all.sass +4 -0
- data/node_modules/bulma/sass/grid/columns.sass +504 -0
- data/node_modules/bulma/sass/grid/tiles.sass +34 -0
- data/node_modules/bulma/sass/layout/_all.sass +5 -0
- data/node_modules/bulma/sass/layout/footer.sass +9 -0
- data/node_modules/bulma/sass/layout/hero.sass +145 -0
- data/node_modules/bulma/sass/layout/section.sass +13 -0
- data/node_modules/bulma/sass/utilities/.DS_Store +0 -0
- data/node_modules/bulma/sass/utilities/_all.sass +8 -0
- data/node_modules/bulma/sass/utilities/animations.sass +5 -0
- data/node_modules/bulma/sass/utilities/controls.sass +50 -0
- data/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
- data/node_modules/bulma/sass/utilities/functions.sass +110 -0
- data/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
- data/node_modules/bulma/sass/utilities/mixins.sass +261 -0
- data/node_modules/fork-awesome/CHANGELOG.md +91 -0
- data/node_modules/fork-awesome/CONTRIBUTORS.md +31 -0
- data/node_modules/fork-awesome/LICENSES +452 -0
- data/node_modules/fork-awesome/README.md +93 -0
- data/node_modules/fork-awesome/css/fork-awesome.css +2573 -0
- data/node_modules/fork-awesome/css/fork-awesome.min.css +12 -0
- data/node_modules/fork-awesome/css/fork-awesome.min.css.map +1 -0
- data/node_modules/fork-awesome/css/v5-compat.css +446 -0
- data/node_modules/fork-awesome/css/v5-compat.min.css +12 -0
- data/node_modules/fork-awesome/css/v5-compat.min.css.map +1 -0
- data/node_modules/fork-awesome/fonts/forkawesome-webfont.eot +0 -0
- data/node_modules/fork-awesome/fonts/forkawesome-webfont.svg +2849 -0
- data/node_modules/fork-awesome/fonts/forkawesome-webfont.ttf +0 -0
- data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff +0 -0
- data/node_modules/fork-awesome/fonts/forkawesome-webfont.woff2 +0 -0
- data/node_modules/fork-awesome/less/animated.less +34 -0
- data/node_modules/fork-awesome/less/bordered-pulled.less +25 -0
- data/node_modules/fork-awesome/less/core.less +12 -0
- data/node_modules/fork-awesome/less/fixed-width.less +6 -0
- data/node_modules/fork-awesome/less/fork-awesome.less +27 -0
- data/node_modules/fork-awesome/less/icons.less +879 -0
- data/node_modules/fork-awesome/less/larger.less +13 -0
- data/node_modules/fork-awesome/less/list.less +19 -0
- data/node_modules/fork-awesome/less/mixins.less +60 -0
- data/node_modules/fork-awesome/less/path.less +15 -0
- data/node_modules/fork-awesome/less/rotated-flipped.less +20 -0
- data/node_modules/fork-awesome/less/screen-reader.less +5 -0
- data/node_modules/fork-awesome/less/stacked.less +20 -0
- data/node_modules/fork-awesome/less/v5-compat.less +176 -0
- data/node_modules/fork-awesome/less/variables.less +890 -0
- data/node_modules/fork-awesome/package.json +49 -0
- data/node_modules/fork-awesome/scss/_animated.scss +34 -0
- data/node_modules/fork-awesome/scss/_bordered-pulled.scss +25 -0
- data/node_modules/fork-awesome/scss/_core.scss +12 -0
- data/node_modules/fork-awesome/scss/_fixed-width.scss +6 -0
- data/node_modules/fork-awesome/scss/_functions.scss +11 -0
- data/node_modules/fork-awesome/scss/_icons.scss +879 -0
- data/node_modules/fork-awesome/scss/_larger.scss +13 -0
- data/node_modules/fork-awesome/scss/_list.scss +19 -0
- data/node_modules/fork-awesome/scss/_mixins.scss +60 -0
- data/node_modules/fork-awesome/scss/_path.scss +15 -0
- data/node_modules/fork-awesome/scss/_rotated-flipped.scss +20 -0
- data/node_modules/fork-awesome/scss/_screen-reader.scss +5 -0
- data/node_modules/fork-awesome/scss/_stacked.scss +20 -0
- data/node_modules/fork-awesome/scss/_variables.scss +890 -0
- data/node_modules/fork-awesome/scss/fork-awesome.scss +28 -0
- data/package.json +32 -0
- data/papers.md +4 -0
- data/projects.md +4 -0
- data/resume.md +4 -0
- data/screenshot.png +0 -0
- data/scripts/build.sh +10 -0
- data/scripts/install.sh +4 -0
- data/scripts/validate.rb +28 -0
- data/vitrina.gemspec +23 -0
- metadata +187 -2
@@ -0,0 +1,62 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
|
5
|
+
{{ content }}
|
6
|
+
|
7
|
+
<div class="resume">
|
8
|
+
<h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>
|
9
|
+
<div class="section section-card">
|
10
|
+
<div class="container page page-resume">
|
11
|
+
<div class="columns">
|
12
|
+
<div class="column is-5 resume-profile">
|
13
|
+
{% assign data = site.data.resume %}
|
14
|
+
|
15
|
+
{% assign link = data.photo %}
|
16
|
+
{% include util/prepend_link.html %}
|
17
|
+
<img class="image centered is-128x128" src="{{ link }}">
|
18
|
+
|
19
|
+
<h1 class="is-size-1 has-text-centered">{{ data.name }}</h1>
|
20
|
+
<p class="has-text-centered">{{ data.title }}</p>
|
21
|
+
|
22
|
+
{% if data.skills %}
|
23
|
+
{% for skill in data.skills %}
|
24
|
+
<p class="skill {{ skill.style }}">
|
25
|
+
<span class="icon is-big has-text-info">
|
26
|
+
<i class="fa fa-2x {{ skill.icon }}"></i>
|
27
|
+
</span>
|
28
|
+
<progress class="progress {{ skill.progress.style }}" value="{{ skill.progress.value }}" max="{{ skill.progress.max }}">{{ skill.progress.value }}%</progress>
|
29
|
+
</p>
|
30
|
+
|
31
|
+
{% endfor %}
|
32
|
+
|
33
|
+
{% endif %}
|
34
|
+
|
35
|
+
</div> {% comment %} resume-profile {% endcomment %}
|
36
|
+
|
37
|
+
<div class="column resume-info has-text-dark">
|
38
|
+
{% for section in data.profile %}
|
39
|
+
<h1 class="is-size-3 {{ section.style }}">{{ section.title }}</h1>
|
40
|
+
|
41
|
+
{% for item in section.info %}
|
42
|
+
<p class="years {{ item.style }}">{{ item.years }}</p>
|
43
|
+
<p class="info {{ item.style }}">{{ item.text }}</p>
|
44
|
+
|
45
|
+
{% if item.list %}
|
46
|
+
<ul class="info {{ item.style }}">
|
47
|
+
{% for line in item.list %}
|
48
|
+
<li class="{{ line.style }}">{{ line.text }}</li>
|
49
|
+
{% endfor %}
|
50
|
+
|
51
|
+
</ul> {% comment %} info {% endcomment %}
|
52
|
+
{% endif %}
|
53
|
+
|
54
|
+
{% endfor %}
|
55
|
+
|
56
|
+
{% endfor %}
|
57
|
+
|
58
|
+
</div> {% comment %} resume-info {% endcomment %}
|
59
|
+
</div> {% comment %} columns {% endcomment %}
|
60
|
+
</div> {% comment %} page-resume {% endcomment %}
|
61
|
+
</div> {% comment %} section-card {% endcomment %}
|
62
|
+
</div> {% comment %} resume {% endcomment %}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
---
|
2
|
+
title: A systematic review on the productive effects of hobbies
|
3
|
+
type: Review article
|
4
|
+
publication:
|
5
|
+
name: Vitrina Science
|
6
|
+
link: /
|
7
|
+
reference: Volume 666, Issue 69, 21 November 2001, Pages 50-500
|
8
|
+
authors: [
|
9
|
+
Augusto Goulart,
|
10
|
+
José Goulart,
|
11
|
+
A. dos Santos
|
12
|
+
]
|
13
|
+
access:
|
14
|
+
open: false
|
15
|
+
---
|
@@ -0,0 +1,14 @@
|
|
1
|
+
---
|
2
|
+
title: Applications of open collaboration in software development
|
3
|
+
type: Research article
|
4
|
+
publication:
|
5
|
+
name: Vitrina Journal of Software
|
6
|
+
link: /
|
7
|
+
reference: Volume 420, Issue 13, 21 November 2001, Pages 12-13
|
8
|
+
authors: [
|
9
|
+
José A. Goulart
|
10
|
+
]
|
11
|
+
access:
|
12
|
+
open: true
|
13
|
+
pdf: /
|
14
|
+
---
|
@@ -0,0 +1,52 @@
|
|
1
|
+
---
|
2
|
+
title: Welcome, Human!
|
3
|
+
author: Augusto Goulart
|
4
|
+
date: 2019-04-03 18:07:23 -0300
|
5
|
+
categories:
|
6
|
+
- jekyll
|
7
|
+
- update
|
8
|
+
---
|
9
|
+
|
10
|
+
Shall I welcome you to this site, make your way through the posts and you'll find many useless stuff, that's because the current content in here is intended for tests purposes only.
|
11
|
+
|
12
|
+
As one may see, this is located in the `_posts` directory. Take a look at the source for this post to get an idea about how it works.
|
13
|
+
|
14
|
+
- [x] Say this post is just a test
|
15
|
+
+ [ ] Make this post gone
|
16
|
+
- [ ] Dominate this planet
|
17
|
+
|
18
|
+
Some code from my ongoing projects:
|
19
|
+
|
20
|
+
{% highlight c lineos %}
|
21
|
+
#if defined(_WIN32) || defined(_WIN64) || defined(__MINGW32__) || defined (__MINGW64__) || defined(__CYGWIN__)
|
22
|
+
#undef __WINDOWS__
|
23
|
+
#define __WINDOWS__ 1
|
24
|
+
#endif
|
25
|
+
#if defined(__ILP32__) || defined(_ILP32) || defined(__i386__) || defined(_M_IX86) || defined(_X86_)
|
26
|
+
#undef __X86_ARCH__
|
27
|
+
#define __X86_ARCH__ 1
|
28
|
+
#endif
|
29
|
+
typedef unsigned char ubyte_t;
|
30
|
+
#if defined(__X86_ARCH__)
|
31
|
+
typedef uint32_t ulong_t;
|
32
|
+
#else
|
33
|
+
typedef uint64_t ulong_t;
|
34
|
+
#endif
|
35
|
+
{% endhighlight %}
|
36
|
+
|
37
|
+
{% highlight c lineos %}
|
38
|
+
size_t file_find_size(const char* filename)
|
39
|
+
{
|
40
|
+
struct STAT file_status;
|
41
|
+
|
42
|
+
/* get file size */
|
43
|
+
if (!STAT(filename, &file_status))
|
44
|
+
return file_status.st_size;
|
45
|
+
else
|
46
|
+
return 0;
|
47
|
+
}
|
48
|
+
{% endhighlight %}
|
49
|
+
|
50
|
+
Go to [Jekyll docs][jekyll-docs] for more info on how to destroy your enemies.
|
51
|
+
|
52
|
+
[jekyll-docs]: https://jekyllrb.com/docs/home
|
data/_projects/Make.md
ADDED
data/_projects/Meet.md
ADDED
data/_projects/Mood.md
ADDED
data/_projects/Take.md
ADDED
data/_projects/Think.md
ADDED
data/_sass/_bulma.scss
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
|
3
|
+
@import "../node_modules/fork-awesome/scss/fork-awesome.scss";
|
4
|
+
|
5
|
+
@font-face {
|
6
|
+
font-family: 'ForkAwesome';
|
7
|
+
src: url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.eot?v=1.1.7');
|
8
|
+
src: url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('../../node_modules/fork-awesome/fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg');
|
9
|
+
font-weight: normal;
|
10
|
+
font-style: normal;
|
11
|
+
}
|
data/_sass/code.scss
ADDED
@@ -0,0 +1,128 @@
|
|
1
|
+
code, kbd, pre {
|
2
|
+
font-family: $font-code;
|
3
|
+
font-weight: 700;
|
4
|
+
background-color: $grey-lightest;
|
5
|
+
}
|
6
|
+
|
7
|
+
.highlight {
|
8
|
+
margin: 1rem 0;
|
9
|
+
|
10
|
+
pre {
|
11
|
+
padding: 1rem;
|
12
|
+
}
|
13
|
+
|
14
|
+
.err {
|
15
|
+
color: $text;
|
16
|
+
}
|
17
|
+
|
18
|
+
.w {
|
19
|
+
color: transparent;
|
20
|
+
}
|
21
|
+
|
22
|
+
.x, .n {
|
23
|
+
color: $text;
|
24
|
+
}
|
25
|
+
|
26
|
+
.na {
|
27
|
+
color: $blue;
|
28
|
+
}
|
29
|
+
|
30
|
+
.nb {
|
31
|
+
color: $cyan;
|
32
|
+
}
|
33
|
+
|
34
|
+
.nc {
|
35
|
+
color: $blue;
|
36
|
+
}
|
37
|
+
|
38
|
+
.no, .nd {
|
39
|
+
color: $pink;
|
40
|
+
}
|
41
|
+
|
42
|
+
.ni, .ne {
|
43
|
+
color: $text;
|
44
|
+
}
|
45
|
+
|
46
|
+
.nf {
|
47
|
+
color: $cyan;
|
48
|
+
}
|
49
|
+
|
50
|
+
.nl {
|
51
|
+
color: $blue-dark;
|
52
|
+
}
|
53
|
+
|
54
|
+
.nn {
|
55
|
+
color: $green-light;
|
56
|
+
}
|
57
|
+
|
58
|
+
.nx {
|
59
|
+
color: $cyan;
|
60
|
+
}
|
61
|
+
|
62
|
+
.py {
|
63
|
+
color: $text;
|
64
|
+
}
|
65
|
+
|
66
|
+
.nt {
|
67
|
+
color: $red;
|
68
|
+
}
|
69
|
+
|
70
|
+
.nv {
|
71
|
+
color: $orange;
|
72
|
+
}
|
73
|
+
|
74
|
+
.vc, .vg, .vi, .bp, .o {
|
75
|
+
color: $text;
|
76
|
+
}
|
77
|
+
|
78
|
+
.ow {
|
79
|
+
color: $pink;
|
80
|
+
}
|
81
|
+
|
82
|
+
.c, .cm {
|
83
|
+
color: $grey;
|
84
|
+
font-style: italic;
|
85
|
+
}
|
86
|
+
|
87
|
+
.cp {
|
88
|
+
color: $green;
|
89
|
+
font-style: italic;
|
90
|
+
}
|
91
|
+
|
92
|
+
.c1, .cs {
|
93
|
+
color: $grey;
|
94
|
+
font-style: italic;
|
95
|
+
}
|
96
|
+
|
97
|
+
.k, .kc, .kd {
|
98
|
+
color: $pink;
|
99
|
+
}
|
100
|
+
|
101
|
+
.kn {
|
102
|
+
color: $blue;
|
103
|
+
}
|
104
|
+
|
105
|
+
.kp, .kr, .kt {
|
106
|
+
color: $pink;
|
107
|
+
}
|
108
|
+
|
109
|
+
.l {
|
110
|
+
color: $greenish;
|
111
|
+
}
|
112
|
+
|
113
|
+
.ld, .m, .mf, .mh, .mi, .mo, .il {
|
114
|
+
color: $orange;
|
115
|
+
}
|
116
|
+
|
117
|
+
.s, .sb, .sc, .sd, .s2, .se, .sh, .si, .sx, .sr, .s1 {
|
118
|
+
color: $greenish;
|
119
|
+
}
|
120
|
+
|
121
|
+
.ss {
|
122
|
+
color: $cyan;
|
123
|
+
}
|
124
|
+
|
125
|
+
.g, .gd, .ge, .gr, .gh, .gi, .go, .gp, .gs, .gu, .gt {
|
126
|
+
color: $blue-dark;
|
127
|
+
}
|
128
|
+
}
|
@@ -0,0 +1,69 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
|
3
|
+
// Typography
|
4
|
+
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Source+Code+Pro:400,700&display=swap');
|
5
|
+
|
6
|
+
// Initial variables
|
7
|
+
$family-sans-serif: 'Josefin Sans', sans-serif;
|
8
|
+
$family-monospace: 'Source Code Pro', monospace;
|
9
|
+
|
10
|
+
$black: hsl(0, 0%, 0%);
|
11
|
+
$white: hsl(0, 0%, 100%);
|
12
|
+
$grey: hsl(0, 0%, 78%);
|
13
|
+
$grey-dark: hsl(0, 0%, 29%);
|
14
|
+
$grey-lighter: hsl(0, 0%, 94%);
|
15
|
+
$grey-lightest: hsl(0, 0%, 96%);
|
16
|
+
$grey-superlight: hsl(0, 0%, 98%);
|
17
|
+
$yellow: hsl(53, 100%, 50%);
|
18
|
+
$pink: hsl(300, 100%, 50%);
|
19
|
+
$blue: hsl(205, 84%, 50%);
|
20
|
+
$cyan: hsl(180, 100%, 35%);
|
21
|
+
$green: hsl(115, 67%, 38%);
|
22
|
+
$blue-dark: hsl(205, 53%, 25%);
|
23
|
+
$green-light: hsl(131, 65%, 58%);
|
24
|
+
$red: hsl(5, 83%, 50%);
|
25
|
+
$orange: hsl(41, 79%, 50%);
|
26
|
+
$greenish: hsl(78, 36%, 53%);
|
27
|
+
|
28
|
+
// Functions
|
29
|
+
@function darkenColor($color) {
|
30
|
+
@if type-of($color) == 'color' {
|
31
|
+
@return change-color($color, $lightness: 40%);
|
32
|
+
}
|
33
|
+
|
34
|
+
@return $black;
|
35
|
+
}
|
36
|
+
|
37
|
+
// Derivated variables
|
38
|
+
$primary: $black;
|
39
|
+
$primary-invert: $yellow;
|
40
|
+
$primary-light: $white;
|
41
|
+
$primary-dark: $grey;
|
42
|
+
|
43
|
+
$info: $yellow;
|
44
|
+
$info-invert: $black;
|
45
|
+
$info-light: $white;
|
46
|
+
$info-dark: $grey;
|
47
|
+
|
48
|
+
$link: $black;
|
49
|
+
$link-invert: $yellow;
|
50
|
+
$link-dark: darkenColor($yellow);
|
51
|
+
$link-hover: $link-dark;
|
52
|
+
$link-hover-border: $link-dark;
|
53
|
+
$link-focus: $link-dark;
|
54
|
+
$link-focus-border: $link-dark;
|
55
|
+
$link-active: $link-dark;
|
56
|
+
$link-active-border: $link-dark;
|
57
|
+
|
58
|
+
$text: $grey-dark;
|
59
|
+
|
60
|
+
$background: $grey-superlight;
|
61
|
+
|
62
|
+
$border-hover: $info;
|
63
|
+
|
64
|
+
$font-code: $family-monospace;
|
65
|
+
|
66
|
+
$progress-border-radius: 0;
|
67
|
+
|
68
|
+
$progress-bar-background-color: $primary;
|
69
|
+
$progress-value-background-color: $primary-invert;
|
data/_sass/elements.scss
ADDED
@@ -0,0 +1,489 @@
|
|
1
|
+
@charset "utf-8";
|
2
|
+
|
3
|
+
@mixin square-shadow {
|
4
|
+
-moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
|
5
|
+
-webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
|
6
|
+
box-shadow: 0px 0px 10px -4px rgba(0,0,0,1);
|
7
|
+
}
|
8
|
+
|
9
|
+
a.navbar-item,
|
10
|
+
.navbar-link {
|
11
|
+
&.is-active,
|
12
|
+
&:hover,
|
13
|
+
&:focus,
|
14
|
+
&:focus-within {
|
15
|
+
background-color: transparent;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
|
19
|
+
hr {
|
20
|
+
background-color: $grey-lightest;
|
21
|
+
}
|
22
|
+
|
23
|
+
main {
|
24
|
+
min-height: 100vh;
|
25
|
+
|
26
|
+
.contacts,
|
27
|
+
.projects,
|
28
|
+
.resume,
|
29
|
+
.error {
|
30
|
+
background-color: $primary-invert;
|
31
|
+
color: $primary;
|
32
|
+
margin: 0;
|
33
|
+
min-height: 100vh;
|
34
|
+
padding: 8rem 0;
|
35
|
+
}
|
36
|
+
|
37
|
+
.container.page {
|
38
|
+
@include square-shadow;
|
39
|
+
background-color: $white;
|
40
|
+
margin-top: -8rem;
|
41
|
+
padding: 4rem;
|
42
|
+
|
43
|
+
&.page-resume {
|
44
|
+
padding: 0;
|
45
|
+
|
46
|
+
.columns {
|
47
|
+
margin: 0;
|
48
|
+
padding: 0;
|
49
|
+
|
50
|
+
.column {
|
51
|
+
padding: 4rem;
|
52
|
+
|
53
|
+
&.resume-profile {
|
54
|
+
background-color: $primary;
|
55
|
+
color: $primary-invert;
|
56
|
+
|
57
|
+
h1 {
|
58
|
+
margin-top: 1rem;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
&.resume-info {
|
63
|
+
margin-left: 5rem;
|
64
|
+
overflow-wrap: break-word;
|
65
|
+
|
66
|
+
.info {
|
67
|
+
position: relative;
|
68
|
+
top: -1.5rem;
|
69
|
+
}
|
70
|
+
|
71
|
+
.years {
|
72
|
+
border-top: 4px solid $primary-invert;
|
73
|
+
left: -6rem;
|
74
|
+
position: relative;
|
75
|
+
text-align: right;
|
76
|
+
text-overflow: clip;
|
77
|
+
width: 5rem;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
}
|
81
|
+
}
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
.page-head {
|
86
|
+
background-color: $primary;
|
87
|
+
color: $primary-invert;
|
88
|
+
margin: 0;
|
89
|
+
padding: 8rem;
|
90
|
+
}
|
91
|
+
|
92
|
+
.projects {
|
93
|
+
.columns {
|
94
|
+
padding: 1rem;
|
95
|
+
}
|
96
|
+
}
|
97
|
+
|
98
|
+
.container .columns {
|
99
|
+
padding-bottom: 5rem;
|
100
|
+
}
|
101
|
+
|
102
|
+
& > .section:nth-child(even) {
|
103
|
+
background-color: $white;
|
104
|
+
}
|
105
|
+
|
106
|
+
& > .section:nth-child(odd) {
|
107
|
+
background-color: $grey-lighter;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
|
111
|
+
ul:not(.task-list) {
|
112
|
+
list-style: square inside;
|
113
|
+
}
|
114
|
+
|
115
|
+
.button {
|
116
|
+
&.is-link {
|
117
|
+
background-color: $primary-invert;
|
118
|
+
color: $primary;
|
119
|
+
}
|
120
|
+
|
121
|
+
&.is-primary:hover,
|
122
|
+
&.is-primary.is-hovered,
|
123
|
+
&.is-primary:active,
|
124
|
+
&.is-primary.is-active,
|
125
|
+
&.is-primary:focus,
|
126
|
+
&.is-primary.is-focused, {
|
127
|
+
background-color: $primary-invert;
|
128
|
+
color: $primary;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
|
132
|
+
.button,
|
133
|
+
.file-cta,
|
134
|
+
.file-name,
|
135
|
+
.input,
|
136
|
+
.pagination-ellipsis,
|
137
|
+
.pagination-link,
|
138
|
+
.pagination-next,
|
139
|
+
.pagination-previous,
|
140
|
+
.select select,
|
141
|
+
.textarea{
|
142
|
+
border-radius: 0;
|
143
|
+
}
|
144
|
+
|
145
|
+
.buttons {
|
146
|
+
padding: 1rem 0;
|
147
|
+
}
|
148
|
+
|
149
|
+
.categories {
|
150
|
+
span {
|
151
|
+
background-color: $grey-lightest;
|
152
|
+
margin: 2px 0;
|
153
|
+
padding: 4px;
|
154
|
+
}
|
155
|
+
}
|
156
|
+
|
157
|
+
.centered {
|
158
|
+
margin: auto;
|
159
|
+
}
|
160
|
+
|
161
|
+
.column.contact {
|
162
|
+
@include square-shadow;
|
163
|
+
background-color: $primary;
|
164
|
+
color: $primary-invert;
|
165
|
+
height: 100%;
|
166
|
+
margin-right: 3rem;
|
167
|
+
padding: 1rem;
|
168
|
+
|
169
|
+
.links {
|
170
|
+
line-height: 5rem;
|
171
|
+
padding: 1rem;
|
172
|
+
|
173
|
+
.link {
|
174
|
+
margin: 1rem;
|
175
|
+
}
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
.grid {
|
180
|
+
.card {
|
181
|
+
height: max-content;
|
182
|
+
margin-bottom: 1.5rem;
|
183
|
+
}
|
184
|
+
|
185
|
+
.column {
|
186
|
+
.card:last-child {
|
187
|
+
margin-bottom: 0;
|
188
|
+
}
|
189
|
+
}
|
190
|
+
}
|
191
|
+
|
192
|
+
.has-text-pink {
|
193
|
+
color: $pink;
|
194
|
+
}
|
195
|
+
|
196
|
+
.hero {
|
197
|
+
&-background {
|
198
|
+
-webkit-filter: opacity(20%);
|
199
|
+
filter: opacity(20%);
|
200
|
+
height: 100%;
|
201
|
+
left: 0;
|
202
|
+
object-fit: cover;
|
203
|
+
object-position: center center;
|
204
|
+
position: absolute;
|
205
|
+
top: 0;
|
206
|
+
transition: ease 1s;
|
207
|
+
width: 100%;
|
208
|
+
}
|
209
|
+
|
210
|
+
&.has-background {
|
211
|
+
overflow: hidden;
|
212
|
+
position: relative;
|
213
|
+
}
|
214
|
+
|
215
|
+
&:hover {
|
216
|
+
.hero-background {
|
217
|
+
height: 120%;
|
218
|
+
left: -10%;
|
219
|
+
max-width: 120%;
|
220
|
+
top: -10%;
|
221
|
+
width: 120%;
|
222
|
+
}
|
223
|
+
}
|
224
|
+
}
|
225
|
+
|
226
|
+
.image.project {
|
227
|
+
background-color: $primary;
|
228
|
+
}
|
229
|
+
|
230
|
+
.navbar {
|
231
|
+
@include square-shadow;
|
232
|
+
|
233
|
+
&-brand {
|
234
|
+
padding-left: 3rem;
|
235
|
+
position: relative;
|
236
|
+
}
|
237
|
+
|
238
|
+
&-burger {
|
239
|
+
position: absolute;
|
240
|
+
right: 3rem;
|
241
|
+
top: calc(50% - 1.625rem);
|
242
|
+
}
|
243
|
+
|
244
|
+
&-dropdown {
|
245
|
+
background-color: $info;
|
246
|
+
border-radius: 0;
|
247
|
+
border: none;
|
248
|
+
|
249
|
+
.navbar-item {
|
250
|
+
a {
|
251
|
+
&:hover,
|
252
|
+
&:focus,
|
253
|
+
&:focus-within {
|
254
|
+
background-color: transparent;
|
255
|
+
}
|
256
|
+
}
|
257
|
+
}
|
258
|
+
}
|
259
|
+
|
260
|
+
&-menu {
|
261
|
+
background-color: $primary;
|
262
|
+
padding-right: 3rem;
|
263
|
+
}
|
264
|
+
}
|
265
|
+
|
266
|
+
.navbar-item {
|
267
|
+
img {
|
268
|
+
max-height: 3rem;
|
269
|
+
}
|
270
|
+
}
|
271
|
+
|
272
|
+
.post-body {
|
273
|
+
margin: 1.5rem 0;
|
274
|
+
|
275
|
+
.task-list-item-checkbox {
|
276
|
+
margin: 0.5rem;
|
277
|
+
}
|
278
|
+
}
|
279
|
+
|
280
|
+
.progress {
|
281
|
+
background-color: $progress-bar-background-color; // Bulma bug fix (not released yeet)
|
282
|
+
border: 4px solid $primary-invert;
|
283
|
+
}
|
284
|
+
|
285
|
+
.project {
|
286
|
+
@include square-shadow;
|
287
|
+
|
288
|
+
.hover {
|
289
|
+
-ms-flex-align: center;
|
290
|
+
-ms-flex-pack: center;
|
291
|
+
-webkit-box-align: center;
|
292
|
+
-webkit-box-pack: center;
|
293
|
+
align-items: center;
|
294
|
+
background: rgba(0, 0, 0, 0.75);
|
295
|
+
bottom: 0;
|
296
|
+
display: none;
|
297
|
+
font-size: 2rem;
|
298
|
+
font-weight: bold;
|
299
|
+
justify-content: center;
|
300
|
+
left: 0;
|
301
|
+
position: absolute;
|
302
|
+
right: 0;
|
303
|
+
top: 0;
|
304
|
+
z-index: 1;
|
305
|
+
|
306
|
+
span {
|
307
|
+
margin: 1rem;
|
308
|
+
}
|
309
|
+
}
|
310
|
+
|
311
|
+
&:hover {
|
312
|
+
.hover {
|
313
|
+
display: flex;
|
314
|
+
}
|
315
|
+
}
|
316
|
+
}
|
317
|
+
|
318
|
+
.resume {
|
319
|
+
.skill {
|
320
|
+
margin: 1rem;
|
321
|
+
margin-left: 3rem;
|
322
|
+
|
323
|
+
.icon {
|
324
|
+
position: relative;
|
325
|
+
top: 1.6rem;
|
326
|
+
left: -2.5rem;
|
327
|
+
}
|
328
|
+
}
|
329
|
+
}
|
330
|
+
|
331
|
+
.section.section-card {
|
332
|
+
background-color: inherit;
|
333
|
+
margin-top: 10rem;
|
334
|
+
|
335
|
+
h1 {
|
336
|
+
font-weight: bold;
|
337
|
+
}
|
338
|
+
}
|
339
|
+
|
340
|
+
.navbar-link:not(.is-arrowless)::after,
|
341
|
+
.select:not(.is-multiple):not(.is-loading)::after {
|
342
|
+
border-radius: 0;
|
343
|
+
}
|
344
|
+
|
345
|
+
.paper:not(:last-child) {
|
346
|
+
margin-bottom: 1rem;
|
347
|
+
}
|
348
|
+
|
349
|
+
.timeline {
|
350
|
+
margin: 0 auto;
|
351
|
+
max-width: 1000px;
|
352
|
+
position: relative;
|
353
|
+
|
354
|
+
.left {
|
355
|
+
left: 0;
|
356
|
+
|
357
|
+
&::before {
|
358
|
+
right: 33px;
|
359
|
+
}
|
360
|
+
}
|
361
|
+
|
362
|
+
.right {
|
363
|
+
left: 50%;
|
364
|
+
|
365
|
+
&::after {
|
366
|
+
left: -10px;
|
367
|
+
}
|
368
|
+
|
369
|
+
&::before {
|
370
|
+
left: 33px;
|
371
|
+
}
|
372
|
+
}
|
373
|
+
|
374
|
+
&-card {
|
375
|
+
padding: 10px 40px;
|
376
|
+
position: relative;
|
377
|
+
width: 50%;
|
378
|
+
|
379
|
+
.timeline-content {
|
380
|
+
background-color: $primary;
|
381
|
+
color: $primary-invert;
|
382
|
+
padding: 20px 30px;
|
383
|
+
position: relative;
|
384
|
+
transition: ease 0.5s;
|
385
|
+
}
|
386
|
+
|
387
|
+
&::after {
|
388
|
+
background-color: $primary-invert;
|
389
|
+
border: 4px solid $primary;
|
390
|
+
content: "";
|
391
|
+
height: 20px;
|
392
|
+
position: absolute;
|
393
|
+
right: -10px;
|
394
|
+
top: 22px;
|
395
|
+
transform: rotate(45deg);
|
396
|
+
transition: ease 0.5s;
|
397
|
+
width: 20px;
|
398
|
+
z-index: 1;
|
399
|
+
}
|
400
|
+
|
401
|
+
&:hover {
|
402
|
+
font-size: larger;
|
403
|
+
|
404
|
+
&::after {
|
405
|
+
transform: rotate(90deg);
|
406
|
+
}
|
407
|
+
}
|
408
|
+
}
|
409
|
+
|
410
|
+
.left::before,
|
411
|
+
.right::before {
|
412
|
+
background-color: $primary;
|
413
|
+
content: "";
|
414
|
+
height: 15px;
|
415
|
+
position: absolute;
|
416
|
+
top: 25px;
|
417
|
+
transform: rotate(45deg);
|
418
|
+
width: 15px;
|
419
|
+
z-index: 1;
|
420
|
+
}
|
421
|
+
|
422
|
+
&::after {
|
423
|
+
background-color: $primary;
|
424
|
+
bottom: 0;
|
425
|
+
content: "";
|
426
|
+
left: 50%;
|
427
|
+
margin-left: -3px;
|
428
|
+
position: absolute;
|
429
|
+
top: 0;
|
430
|
+
width: 6px;
|
431
|
+
}
|
432
|
+
}
|
433
|
+
|
434
|
+
@media screen and (min-width: 1px) {
|
435
|
+
.navbar.is-primary .navbar-start .navbar-link,
|
436
|
+
.navbar.is-primary .navbar-end .navbar-link {
|
437
|
+
&::after {
|
438
|
+
border-color: $primary-invert transparent transparent transparent;
|
439
|
+
border-style: solid;
|
440
|
+
border-width: 10px 5px 0 5px;
|
441
|
+
height: 0;
|
442
|
+
margin-top: -0.275em;
|
443
|
+
transform: none;
|
444
|
+
width: 0;
|
445
|
+
}
|
446
|
+
}
|
447
|
+
}
|
448
|
+
|
449
|
+
@media screen and (max-width: 500px) {
|
450
|
+
.timeline {
|
451
|
+
.right {
|
452
|
+
left: 0%;
|
453
|
+
}
|
454
|
+
|
455
|
+
&-card {
|
456
|
+
padding: 5px 0 5px 70px;
|
457
|
+
width: 100%;
|
458
|
+
|
459
|
+
&::before {
|
460
|
+
left: 60px;
|
461
|
+
}
|
462
|
+
}
|
463
|
+
|
464
|
+
.left::after,
|
465
|
+
.right::after {
|
466
|
+
left: 26px;
|
467
|
+
}
|
468
|
+
|
469
|
+
.left::before,
|
470
|
+
.right::before {
|
471
|
+
left: 62px;
|
472
|
+
}
|
473
|
+
|
474
|
+
&::after {
|
475
|
+
left: 36px;
|
476
|
+
}
|
477
|
+
}
|
478
|
+
}
|
479
|
+
|
480
|
+
@media screen and (min-width: 1000px) {
|
481
|
+
.column.contact {
|
482
|
+
margin-left: -8rem;
|
483
|
+
}
|
484
|
+
|
485
|
+
.contacts .section.section-card {
|
486
|
+
margin-left: 10rem;
|
487
|
+
margin-right: 5rem;
|
488
|
+
}
|
489
|
+
}
|