jekyll-github-pages 0.1.8 → 0.1.9
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/_config.yml +2 -0
- data/_data/internal-links.yml +16 -0
- data/_data/social-links.yml +3 -6
- data/_includes/about.html +3 -0
- data/_includes/header.html +0 -6
- data/_includes/intro.html +0 -3
- data/_includes/links-grid.html +13 -0
- data/_includes/links-line.html +12 -0
- data/_includes/sidebar.html +35 -0
- data/_layouts/about.html +18 -0
- data/_layouts/default.html +18 -12
- data/_layouts/under-construction.html +21 -0
- data/_sass/_about.scss +18 -0
- data/_sass/_base.scss +3 -7
- data/_sass/_footer.scss +5 -3
- data/_sass/_header.scss +1 -1
- data/_sass/_intro.scss +3 -17
- data/_sass/_links-grid.scss +50 -0
- data/_sass/{_social-links.scss → _links-line.scss} +5 -4
- data/_sass/_sidebar.scss +105 -0
- data/_sass/_under-construction.scss +22 -0
- data/_sass/_vars.scss +3 -1
- data/_sass/main.scss +32 -3
- data/assets/css/about.css +1 -0
- data/assets/css/fontawesome.css +5 -5
- data/assets/css/main.css +1 -3
- data/assets/icons/favicon_io/android-chrome-192x192.png +0 -0
- data/assets/icons/favicon_io/android-chrome-512x512.png +0 -0
- data/assets/icons/favicon_io/apple-touch-icon.png +0 -0
- data/assets/icons/favicon_io/favicon-16x16.png +0 -0
- data/assets/icons/favicon_io/favicon-32x32.png +0 -0
- data/assets/icons/favicon_io/favicon.ico +0 -0
- metadata +16 -9
- data/_includes/social-links.html +0 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3246616bc8ebea528f4468a11f1795aa4e9ae60a76d97fe63fab6f5300af9333
|
|
4
|
+
data.tar.gz: 7ffd6965c83ae58e2c7b6ec80aa0b0149add6f7668ae4d4aeb5d94ec2bae2d22
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b2fe9ca5c75aec846120cbf2be21981426cef459d26977edad23aaac990e104f22b35d14ccedf58837d652ba86660b407909ff2e87fc7878dbdee7504d56e316
|
|
7
|
+
data.tar.gz: 9b6608d294edd0ebf9787cda3961df449cd843800d6a02846c3dbf86a3aa8936b13ed217fe7c92331c55139066f9d5faa31e0ab02ad904dcca2f7ee888f8a7ec
|
data/_config.yml
CHANGED
|
@@ -8,6 +8,8 @@ user:
|
|
|
8
8
|
name: Mehdi Rafee
|
|
9
9
|
short-description: '<span style="color: #d1443d;">enthusiastic</span> • <span style="color: #e38b3d;">adventurous</span>'
|
|
10
10
|
title: programmer
|
|
11
|
+
|
|
12
|
+
about:
|
|
11
13
|
description: >
|
|
12
14
|
Hi there, I'm a progammer based in Isfahan, Iran; passionate about
|
|
13
15
|
open-source software, systems programming, and tooling & tinkering.
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
- url: "/about/"
|
|
2
|
+
internal: true
|
|
3
|
+
icon: "fa fa-info-circle"
|
|
4
|
+
label: "about"
|
|
5
|
+
- url: "/skills/"
|
|
6
|
+
internal: true
|
|
7
|
+
icon: "fa fa-tools"
|
|
8
|
+
label: "skills"
|
|
9
|
+
- url: "/pde/"
|
|
10
|
+
internal: true
|
|
11
|
+
icon: "fa fa-terminal"
|
|
12
|
+
label: "dev-env"
|
|
13
|
+
- url: "/blog/"
|
|
14
|
+
internal: true
|
|
15
|
+
icon: "fas fa-blog"
|
|
16
|
+
label: "blog"
|
data/_data/social-links.yml
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
- url: "https://github.com/itsfranrose"
|
|
2
|
+
icon: "fab fa-github"
|
|
3
|
+
label: "github"
|
|
1
4
|
- url: "mailto:francis.rosinante@gmail.com"
|
|
2
5
|
icon: "fa fa-envelope"
|
|
3
6
|
label: "email"
|
|
@@ -7,9 +10,3 @@
|
|
|
7
10
|
- url: "https://linkedin.com/in/mehdi-rafee"
|
|
8
11
|
icon: "fab fa-linkedin"
|
|
9
12
|
label: "linkedin"
|
|
10
|
-
- url: "https://github.com/itsfranrose"
|
|
11
|
-
icon: "fab fa-github"
|
|
12
|
-
label: "github"
|
|
13
|
-
- url: "https://www.goodreads.com/itsfranrose"
|
|
14
|
-
icon: "fab fa-goodreads"
|
|
15
|
-
label: "goodreads"
|
data/_includes/header.html
CHANGED
data/_includes/intro.html
CHANGED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<div class="links-grid">
|
|
2
|
+
{% assign links = include.links %}
|
|
3
|
+
{% for item in links %}
|
|
4
|
+
<a
|
|
5
|
+
href="{% if item.internal %}{{ item.url | relative_url }}{% else %}{{ item.url }}{% endif %}"
|
|
6
|
+
class="link-item"
|
|
7
|
+
{% unless item.internal %} target="_blank" rel="noopener"{% endunless %}
|
|
8
|
+
>
|
|
9
|
+
<i class="{{ item.icon }}"></i>
|
|
10
|
+
<span class="label">{{ item.label }}</span>
|
|
11
|
+
</a>
|
|
12
|
+
{% endfor %}
|
|
13
|
+
</div>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<div class="links-line">
|
|
2
|
+
{% assign links = include.links %}
|
|
3
|
+
{% for item in links %}
|
|
4
|
+
<a
|
|
5
|
+
aria-label="{{ item.label }}"
|
|
6
|
+
{% unless item.internal %}target="_blank" rel="noopener"{% endunless %}
|
|
7
|
+
href="{% if item.internal %}{{ item.url | relative_url }}{% else %}{{ item.url }}{% endif %}"
|
|
8
|
+
>
|
|
9
|
+
<i class="icon {{ item.icon }}" aria-hidden="true"></i>
|
|
10
|
+
</a>
|
|
11
|
+
{% endfor %}
|
|
12
|
+
</div>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<div class="sidebar">
|
|
2
|
+
<ul class="sidebar-internal-links">
|
|
3
|
+
{% assign links = include.internal-links %}
|
|
4
|
+
{% for item in links %}
|
|
5
|
+
<li>
|
|
6
|
+
<a
|
|
7
|
+
aria-label="{{ item.label }}"
|
|
8
|
+
{% unless item.internal %}target="_blank" rel="noopener"{% endunless %}
|
|
9
|
+
href="{% if item.internal %}{{ item.url | relative_url }}{% else %}{{ item.url }}{% endif %}"
|
|
10
|
+
class="link-item"
|
|
11
|
+
>
|
|
12
|
+
<i class="{{ item.icon }}"></i>
|
|
13
|
+
<span class="label">{{ item.label }}</span>
|
|
14
|
+
</a>
|
|
15
|
+
</li>
|
|
16
|
+
{% endfor %}
|
|
17
|
+
</ul>
|
|
18
|
+
<hr class="divider">
|
|
19
|
+
<ul class="sidebar-links">
|
|
20
|
+
{% assign links = include.links %}
|
|
21
|
+
{% for item in links %}
|
|
22
|
+
<li>
|
|
23
|
+
<a
|
|
24
|
+
aria-label="{{ item.label }}"
|
|
25
|
+
{% unless item.internal %}target="_blank" rel="noopener"{% endunless %}
|
|
26
|
+
href="{% if item.internal %}{{ item.url | relative_url }}{% else %}{{ item.url }}{% endif %}"
|
|
27
|
+
class="link-item"
|
|
28
|
+
>
|
|
29
|
+
<i class="{{ item.icon }}"></i>
|
|
30
|
+
<span class="label">{{ item.label }}</span>
|
|
31
|
+
</a>
|
|
32
|
+
</li>
|
|
33
|
+
{% endfor %}
|
|
34
|
+
</ul>
|
|
35
|
+
</div>
|
data/_layouts/about.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div id="solid-bg" aria-hidden="true"></div>
|
|
6
|
+
{% include sidebar.html internal-links=site.data.internal-links links=site.data.social-links %}
|
|
7
|
+
<div class="site-wrapper">
|
|
8
|
+
<div class="canvas">
|
|
9
|
+
<div class="header">
|
|
10
|
+
<a href="{{ '/' | relative_url }}" class="home-button"><i class="fa-solid fa-home"></i></a>
|
|
11
|
+
</div>
|
|
12
|
+
{% include about.html %}
|
|
13
|
+
</div>
|
|
14
|
+
<main id="main" role="main" class="site-main"></main>{% include footer.html %}
|
|
15
|
+
</div>
|
|
16
|
+
{% include post-scripts.html %}
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
data/_layouts/default.html
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<html lang="en">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div id="solid-bg" aria-hidden="true"></div>
|
|
6
|
+
<div class="site-wrapper">
|
|
7
|
+
<div class="canvas">
|
|
8
|
+
<div class="header">
|
|
9
|
+
</div>
|
|
10
|
+
{% include intro.html %}
|
|
11
|
+
<div style="color: #fff; visibility: hidden;">.</div>
|
|
12
|
+
<div style="color: #fff; visibility: hidden;">.</div>
|
|
13
|
+
{% include links-grid.html links=site.data.internal-links %}
|
|
14
|
+
</div>
|
|
15
|
+
<main id="main" role="main" class="site-main"></main>
|
|
16
|
+
{% include links-line.html links=site.data.social-links %}
|
|
17
|
+
{% include footer.html %}
|
|
18
|
+
</div>
|
|
19
|
+
{% include post-scripts.html %}
|
|
20
|
+
</body>
|
|
15
21
|
</html>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body>
|
|
5
|
+
<div id="solid-bg" aria-hidden="true"></div>
|
|
6
|
+
{% include sidebar.html internal-links=site.data.internal-links links=site.data.social-links %}
|
|
7
|
+
<div class="site-wrapper">
|
|
8
|
+
<div class="canvas">
|
|
9
|
+
<div class="header">
|
|
10
|
+
<a href="{{ '/' | relative_url }}" class="home-button"><i class="fa-solid fa-home"></i></a>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="under-construction">
|
|
13
|
+
<i class="fa-solid fa-person-digging"></i>
|
|
14
|
+
<span class="description">This page is currently under ongoing construction.</span>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
<main id="main" role="main" class="site-main"></main>{% include footer.html %}
|
|
18
|
+
</div>
|
|
19
|
+
{% include post-scripts.html %}
|
|
20
|
+
</body>
|
|
21
|
+
</html>
|
data/_sass/_about.scss
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
$color-user-description: #b0a590;
|
|
2
|
+
$size-user-description: clamp(0.9rem, 1.2vw + 0.8rem, 1.3rem);
|
|
3
|
+
|
|
4
|
+
.header {
|
|
5
|
+
max-width: 80vw !important;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.about {
|
|
9
|
+
font-family: 'Roboto Mono', 'Ubuntu Mono';
|
|
10
|
+
max-width: 1000px; // limits line length for readability
|
|
11
|
+
display: block;
|
|
12
|
+
margin: 3rem auto 0; // centers content below header
|
|
13
|
+
line-height: 2.0; // more comfortable for long text
|
|
14
|
+
font-weight: 400;
|
|
15
|
+
font-size: $size-user-description;
|
|
16
|
+
text-align: justify !important;
|
|
17
|
+
color: $color-user-description;
|
|
18
|
+
}
|
data/_sass/_base.scss
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
@import 'normalize';
|
|
1
|
+
@import 'normalize';
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--color-text: #555;
|
|
5
|
-
--color-heading: #333;
|
|
6
4
|
--base-font-size: 100%; // respects user settings; typically 16px
|
|
7
5
|
--base-line-height: 1.5;
|
|
8
6
|
--scale-h1: 2.5rem;
|
|
@@ -35,16 +33,14 @@ body {
|
|
|
35
33
|
line-height: var(--base-line-height);
|
|
36
34
|
color: var(--color-text);
|
|
37
35
|
|
|
38
|
-
|
|
39
|
-
font-family: 'Antic Slab', Georgia, "Times New Roman", serif;
|
|
36
|
+
font-family: 'Roboto', 'Averia Serif Libre';
|
|
40
37
|
font-weight: 400;
|
|
41
38
|
background: transparent;
|
|
42
39
|
}
|
|
43
40
|
|
|
44
41
|
main {
|
|
45
42
|
flex: 1;
|
|
46
|
-
|
|
47
|
-
flex: 1;}
|
|
43
|
+
}
|
|
48
44
|
|
|
49
45
|
/* HTML5 elements default display (kept for older UA compatibility) */
|
|
50
46
|
article, aside, figcaption, figure, footer, header, nav, section {
|
data/_sass/_footer.scss
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
+
$color-footer-quote: #fff;
|
|
2
|
+
$size-footer-quote: clamp(0.1rem, 0.5vw + 0.4rem, 1.5rem);
|
|
3
|
+
|
|
1
4
|
.footer {
|
|
2
5
|
z-index: 1;
|
|
3
6
|
padding: 5px 0;
|
|
4
7
|
margin-top: 0;
|
|
5
8
|
text-align: center;
|
|
6
|
-
color: #FFF;
|
|
7
9
|
|
|
8
10
|
.footer-quote {
|
|
9
11
|
font-family: 'Ubuntu Mono';
|
|
10
12
|
display: block;
|
|
11
13
|
line-height: 1.15;
|
|
12
14
|
font-weight: 400;
|
|
13
|
-
color:
|
|
14
|
-
font-size:
|
|
15
|
+
color: $color-footer-quote;
|
|
16
|
+
font-size: $size-footer-quote;
|
|
15
17
|
}
|
|
16
18
|
}
|
data/_sass/_header.scss
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
/* Main header block */
|
|
14
14
|
.header {
|
|
15
|
-
font-family:
|
|
15
|
+
font-family: Roboto;
|
|
16
16
|
position: relative; /* stays in flow, allows z-indexing */
|
|
17
17
|
z-index: 1; /* sits above particle canvas (z-index:0) */
|
|
18
18
|
margin: 0 auto;
|
data/_sass/_intro.scss
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
$color-user-username-prefix: #949494;
|
|
2
2
|
$color-user-username: #fff;
|
|
3
3
|
$color-user-name: #949494;
|
|
4
|
-
$color-user-title:
|
|
5
|
-
$color-user-short-description:
|
|
6
|
-
$color-user-description: #b0a590;
|
|
4
|
+
$color-user-title: $color-sec;
|
|
5
|
+
$color-user-short-description: $color-sec;
|
|
7
6
|
|
|
8
7
|
$size-user-username-prefix: clamp(0.1rem, 0.1vw + 1.0rem, 2.0rem);
|
|
9
8
|
$size-user-username: clamp(1.0rem, 1.0vw + 2.9rem, 4.5rem);
|
|
10
9
|
$size-user-name: clamp(0.1rem, 0.1vw + 1.0rem, 2.0rem);
|
|
11
10
|
$size-user-title: clamp(0.1rem, 0.6vw + 0.8rem, 1.5rem);
|
|
12
11
|
$size-user-short-description: clamp(1rem, 1.6vw + 0.8rem, 1.5rem);
|
|
13
|
-
$size-user-description: clamp(0.9rem, 1.2vw + 0.8rem, 1.2rem);
|
|
14
12
|
|
|
15
13
|
/* Main header block */
|
|
16
14
|
.intro {
|
|
@@ -23,7 +21,7 @@ $size-user-description: clamp(0.9rem, 1.2vw + 0.8rem, 1.2rem);
|
|
|
23
21
|
padding: 0.5rem 1rem;
|
|
24
22
|
text-align: center;
|
|
25
23
|
white-space: nowrap;
|
|
26
|
-
margin-top:
|
|
24
|
+
margin-top: 7rem;
|
|
27
25
|
|
|
28
26
|
.user-username-prefix {
|
|
29
27
|
font-family: 'Averia Serif Libre';
|
|
@@ -106,15 +104,3 @@ $size-user-description: clamp(0.9rem, 1.2vw + 0.8rem, 1.2rem);
|
|
|
106
104
|
font-size: $size-user-short-description;
|
|
107
105
|
}
|
|
108
106
|
}
|
|
109
|
-
|
|
110
|
-
.user-description {
|
|
111
|
-
font-family: 'Roboto Mono', 'Ubuntu Mono';
|
|
112
|
-
max-width: 650px; // limits line length for readability
|
|
113
|
-
display: block;
|
|
114
|
-
margin: 3rem auto 0; // centers content below header
|
|
115
|
-
line-height: 2.0; // more comfortable for long text
|
|
116
|
-
font-weight: 400;
|
|
117
|
-
font-size: $size-user-description;
|
|
118
|
-
text-align: justify !important;
|
|
119
|
-
color: $color-user-description;
|
|
120
|
-
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
.links-grid {
|
|
2
|
+
display: grid;
|
|
3
|
+
transform: translateX(1.1rem);
|
|
4
|
+
margin-top: 1rem;
|
|
5
|
+
justify-content: center;
|
|
6
|
+
align-items: center;
|
|
7
|
+
grid-template-columns: repeat(2, minmax(120px, 1fr));
|
|
8
|
+
gap: 1rem 2rem; /* vertical and horizontal spacing */
|
|
9
|
+
|
|
10
|
+
.link-item {
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
text-decoration: none;
|
|
14
|
+
transition: color 0.2s, transform 0.2s;
|
|
15
|
+
|
|
16
|
+
i {
|
|
17
|
+
margin-right: 0.6rem;
|
|
18
|
+
color: $color-icon;
|
|
19
|
+
width: $size-icon-small;
|
|
20
|
+
height: $size-icon-small;
|
|
21
|
+
border-radius: 0%;
|
|
22
|
+
background: transparent;
|
|
23
|
+
transition: color 180ms ease, background-color 180ms ease, transform 120ms ease;
|
|
24
|
+
line-height: 1;
|
|
25
|
+
|
|
26
|
+
font-size: $size-icon-small;
|
|
27
|
+
@media (min-width: #{$size-cut}) {
|
|
28
|
+
width: $size-icon-large;
|
|
29
|
+
height: $size-icon-large;
|
|
30
|
+
font-size: $size-icon-large;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:hover i,
|
|
35
|
+
&:focus i {
|
|
36
|
+
transform: translateY(-3px) scale(1.05);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&:active i {
|
|
40
|
+
transform: translateY(-1px) scale(0.99);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.label {
|
|
44
|
+
font-size: $size-icon-text;
|
|
45
|
+
color: $color-icon;
|
|
46
|
+
font-family: "Grenze Gotisch";
|
|
47
|
+
display: inline-flex;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
.
|
|
1
|
+
.links-line {
|
|
2
2
|
display: flex;
|
|
3
|
-
gap:
|
|
3
|
+
gap: 1.375rem;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
align-items: center;
|
|
6
|
+
margin-top: 2rem;
|
|
6
7
|
|
|
7
8
|
a {
|
|
8
9
|
/* anchors wrapping icons should be inline-flex so hit area is predictable */
|
|
@@ -22,7 +23,7 @@
|
|
|
22
23
|
display: inline-flex;
|
|
23
24
|
align-items: center;
|
|
24
25
|
justify-content: center;
|
|
25
|
-
color: $color-
|
|
26
|
+
color: $color-icon;
|
|
26
27
|
width: $size-icon-small;
|
|
27
28
|
height: $size-icon-small;
|
|
28
29
|
font-size: $size-icon-small;
|
|
@@ -35,7 +36,7 @@
|
|
|
35
36
|
|
|
36
37
|
&:hover,
|
|
37
38
|
&:focus {
|
|
38
|
-
color:
|
|
39
|
+
color: $color-icon;
|
|
39
40
|
background: $color-main;
|
|
40
41
|
transform: translateY(-3px) scale(1.05);
|
|
41
42
|
}
|
data/_sass/_sidebar.scss
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
$size-icon-small: 1.50rem;
|
|
2
|
+
$size-icon-large: 1.875rem;
|
|
3
|
+
$size-icon-text: 1.3rem;
|
|
4
|
+
|
|
5
|
+
.sidebar {
|
|
6
|
+
position: fixed;
|
|
7
|
+
top: 50%;
|
|
8
|
+
transform: translateY(-50%);
|
|
9
|
+
left: 0;
|
|
10
|
+
width: 55px;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
background: rgba(30, 30, 30, 0.85);
|
|
13
|
+
color: #fff;
|
|
14
|
+
border-radius: 0 12px 12px 0;
|
|
15
|
+
padding: 0.1rem 0;
|
|
16
|
+
transition: width 0.2s ease;
|
|
17
|
+
z-index: 1000;
|
|
18
|
+
|
|
19
|
+
@media (max-width: 768px) {
|
|
20
|
+
.sidebar {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
&:hover {
|
|
25
|
+
width: 150px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.sidebar-internal-links {
|
|
29
|
+
list-style: none;
|
|
30
|
+
padding: 0;
|
|
31
|
+
margin: -3px;
|
|
32
|
+
|
|
33
|
+
li {
|
|
34
|
+
margin: 0.3rem 0;
|
|
35
|
+
|
|
36
|
+
.link-item {
|
|
37
|
+
display: flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
gap: 0.75rem;
|
|
40
|
+
padding: 0.6rem 1rem;
|
|
41
|
+
color: $color-icon;
|
|
42
|
+
text-decoration: none;
|
|
43
|
+
font-family: "Grenze Gotisch";
|
|
44
|
+
font-size: $size-icon-text;
|
|
45
|
+
transition: background 0.2s, transform 0.2s ease;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.link-item i {
|
|
49
|
+
font-size: $size-icon-small;
|
|
50
|
+
flex-shrink: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:focus i,
|
|
54
|
+
&:hover i {
|
|
55
|
+
transform: scale(1.2);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&:active i {
|
|
59
|
+
transform: translateY(-1px) scale(0.99);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.divider {
|
|
65
|
+
border: 0;
|
|
66
|
+
border-top: 1px dashed #aaa;
|
|
67
|
+
opacity: 0.7;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.sidebar-links {
|
|
71
|
+
list-style: none;
|
|
72
|
+
padding: 0;
|
|
73
|
+
margin: -3px;
|
|
74
|
+
|
|
75
|
+
li {
|
|
76
|
+
margin: 0.3rem 0;
|
|
77
|
+
|
|
78
|
+
.link-item {
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
gap: 0.75rem;
|
|
82
|
+
padding: 0.6rem 1rem;
|
|
83
|
+
color: $color-icon;
|
|
84
|
+
text-decoration: none;
|
|
85
|
+
font-family: "Grenze Gotisch";
|
|
86
|
+
font-size: $size-icon-text;
|
|
87
|
+
transition: background 0.2s, transform 0.2s ease;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.link-item i {
|
|
91
|
+
font-size: $size-icon-small;
|
|
92
|
+
flex-shrink: 0;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&:focus i,
|
|
96
|
+
&:hover i {
|
|
97
|
+
transform: scale(1.2);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
&:active i {
|
|
101
|
+
transform: translateY(-1px) scale(0.99);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
$size-icon-extreme: 8rem;
|
|
2
|
+
|
|
3
|
+
.under-construction {
|
|
4
|
+
margin-top: 13rem;
|
|
5
|
+
|
|
6
|
+
i {
|
|
7
|
+
color: $color-icon;
|
|
8
|
+
width: $size-icon-extreme;
|
|
9
|
+
height: $size-icon-extreme;
|
|
10
|
+
background: transparent;
|
|
11
|
+
font-size: $size-icon-extreme;
|
|
12
|
+
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.description {
|
|
16
|
+
color: $color-icon;
|
|
17
|
+
margin-top: 3rem;
|
|
18
|
+
font-size: 2.6rem;
|
|
19
|
+
font-family: "Averia Serif Libre";
|
|
20
|
+
display: flex;
|
|
21
|
+
}
|
|
22
|
+
}
|
data/_sass/_vars.scss
CHANGED
data/_sass/main.scss
CHANGED
|
@@ -1,9 +1,38 @@
|
|
|
1
|
-
@import "normalize";
|
|
2
|
-
|
|
3
1
|
@import 'base';
|
|
4
2
|
@import 'vars';
|
|
5
3
|
@import 'header';
|
|
6
4
|
@import 'intro';
|
|
7
|
-
@import '
|
|
5
|
+
@import 'links-line';
|
|
6
|
+
@import 'links-grid';
|
|
8
7
|
@import 'bg';
|
|
9
8
|
@import 'footer';
|
|
9
|
+
@import 'sidebar';
|
|
10
|
+
@import 'about';
|
|
11
|
+
@import 'under-construction';
|
|
12
|
+
|
|
13
|
+
.home-button {
|
|
14
|
+
display: inline;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: center;
|
|
17
|
+
color: $color-icon;
|
|
18
|
+
width: $size-icon-small;
|
|
19
|
+
height: $size-icon-small;
|
|
20
|
+
font-size: $size-icon-small;
|
|
21
|
+
padding: 1.15rem; /* creates a comfortable touch target */
|
|
22
|
+
margin: 0.1rem;
|
|
23
|
+
border-radius: 0%;
|
|
24
|
+
background: transparent;
|
|
25
|
+
transition: color 180ms ease, background-color 180ms ease, transform 120ms ease;
|
|
26
|
+
line-height: 1;
|
|
27
|
+
|
|
28
|
+
&:hover,
|
|
29
|
+
&:focus {
|
|
30
|
+
color: $color-icon;
|
|
31
|
+
background: $color-main;
|
|
32
|
+
transform: translateY(-3px) scale(1.05);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:active {
|
|
36
|
+
transform: translateY(-1px) scale(0.99);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.user-description{font-family:"Roboto Mono","Ubuntu Mono";max-width:650px;display:block;margin:3rem auto 0;line-height:2;font-weight:400;font-size:clamp(.9rem,1.2vw + .8rem,1.2rem);text-align:justify!important;color:#b0a590}
|