jekyll-github-pages 0.1.11 → 0.1.12
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/README.md +1 -1
- data/_config.yml +1 -1
- data/_includes/intro.html +5 -3
- data/_layouts/about.html +0 -1
- data/_layouts/under-construction.html +1 -2
- data/_sass/_about.scss +4 -1
- data/_sass/_base.scss +12 -1
- data/_sass/_bg.scss +7 -1
- data/_sass/_footer.scss +5 -2
- data/_sass/_intro.scss +23 -10
- data/_sass/_links-grid.scss +21 -5
- data/_sass/_under-construction.scss +11 -8
- data/_sass/_vars.scss +5 -3
- data/_sass/main.scss +8 -3
- data/assets/css/main.css +1 -1
- metadata +1 -3
- data/_includes/sidebar.html +0 -35
- data/_sass/_sidebar.scss +0 -107
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4012b551cfa449563c8e8838df5c7def03e3997428eebaee60177078f5864583
|
|
4
|
+
data.tar.gz: 561e0c21bcfb492aa0c236ca1e9625226e18b990a9500b8357abe174f755ef7b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1b6d707ed5211e1f9eb1570e2d9e97ebc2eb9230369c734448d2ba3f9882fc6ec1e113a0200bbb691b6801ed63f6b7729aebdc99bfd0788324b8a5b36e41cf0f
|
|
7
|
+
data.tar.gz: 6f46279d0865a87f604aa212cd0ddffb025d734db18f9af8a78353f0587905c67757beeef7238c286ff5b03bc242e1a6e8e043da5a1b970fbd089ff4f63c6748
|
data/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Live demo at [my github page](https://itsfranrose.github.io)
|
|
4
4
|
|
|
5
5
|
<p align="center">
|
|
6
|
-
<img src="https://
|
|
6
|
+
<img src="https://raw.githubusercontent.com/itsfranrose/jekyll-github-pages/refs/heads/main/Screenshot.png" width="90%" />
|
|
7
7
|
</p>
|
|
8
8
|
|
|
9
9
|
# Quick Setup
|
data/_config.yml
CHANGED
data/_includes/intro.html
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
<h1 class="intro">
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
<div class="title">
|
|
3
|
+
<span class="user-username-prefix" data-postfix="{{ site.user.name }}">{{ site.user.username-prefix }}</span>
|
|
4
|
+
<span class="user-username">{{ site.user.username }}</span>
|
|
5
|
+
<span class="user-name" data-prefix="{{ site.user.username-prefix }}">{{ site.user.name }}</span>
|
|
6
|
+
</div>
|
|
5
7
|
<span class="user-title">{{ site.user.title }}</span>
|
|
6
8
|
<span class="user-short-description">{{ site.user.short-description }}</span>
|
|
7
9
|
</h1>
|
data/_layouts/about.html
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
{% include head.html %}
|
|
4
4
|
<body>
|
|
5
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
6
|
<div class="site-wrapper">
|
|
8
7
|
<div class="canvas">
|
|
9
8
|
<div class="header">
|
|
@@ -11,7 +10,7 @@
|
|
|
11
10
|
</div>
|
|
12
11
|
<div class="under-construction">
|
|
13
12
|
<i class="fa-solid fa-person-digging"></i>
|
|
14
|
-
<span class="description">This page is currently
|
|
13
|
+
<span class="description">This page is currently undergoing construction.</span>
|
|
15
14
|
</div>
|
|
16
15
|
</div>
|
|
17
16
|
<main id="main" role="main" class="site-main"></main>{% include footer.html %}
|
data/_sass/_about.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
$color-user-description: #b0a590;
|
|
2
|
-
$size-user-description: clamp(0.9rem,
|
|
2
|
+
$size-user-description: clamp(0.9rem, 0.2vw + 0.8rem, 1.3rem);
|
|
3
3
|
|
|
4
4
|
.header {
|
|
5
5
|
max-width: 80vw !important;
|
|
@@ -15,4 +15,7 @@ $size-user-description: clamp(0.9rem, 1.2vw + 0.8rem, 1.3rem);
|
|
|
15
15
|
font-size: $size-user-description;
|
|
16
16
|
text-align: justify !important;
|
|
17
17
|
color: $color-user-description;
|
|
18
|
+
@media (max-width: #{$size-cut}) {
|
|
19
|
+
padding: 1vw;
|
|
20
|
+
}
|
|
18
21
|
}
|
data/_sass/_base.scss
CHANGED
|
@@ -14,16 +14,25 @@
|
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
* {
|
|
18
|
+
word-break: break-word;
|
|
19
|
+
overflow-wrap: anywhere;
|
|
20
|
+
}
|
|
21
|
+
|
|
17
22
|
/* font smoothing for most platforms */
|
|
18
23
|
html, body {
|
|
19
24
|
height: 100%;
|
|
20
25
|
min-height: 100vh;
|
|
21
26
|
margin: 0;
|
|
22
|
-
font-size: var(--base-font-size);
|
|
23
27
|
-webkit-font-smoothing: antialiased;
|
|
24
28
|
-moz-osx-font-smoothing: grayscale;
|
|
25
29
|
}
|
|
26
30
|
|
|
31
|
+
html {
|
|
32
|
+
font-size: clamp(14px, 1.6vw, 18px);
|
|
33
|
+
-webkit-text-size-adjust: 100%;
|
|
34
|
+
}
|
|
35
|
+
|
|
27
36
|
/* page layout */
|
|
28
37
|
body {
|
|
29
38
|
min-height: 100%;
|
|
@@ -32,8 +41,10 @@ body {
|
|
|
32
41
|
padding: 0;
|
|
33
42
|
line-height: var(--base-line-height);
|
|
34
43
|
color: var(--color-text);
|
|
44
|
+
overflow-x: hidden; /* Avoid accidental horizontal scroll while we fix elements that overflow */
|
|
35
45
|
|
|
36
46
|
font-family: 'Roboto', 'Averia Serif Libre';
|
|
47
|
+
font-size: var(--base-font-size);
|
|
37
48
|
font-weight: 400;
|
|
38
49
|
background: transparent;
|
|
39
50
|
}
|
data/_sass/_bg.scss
CHANGED
|
@@ -9,5 +9,11 @@
|
|
|
9
9
|
background: $color-main;
|
|
10
10
|
background-repeat: no-repeat;
|
|
11
11
|
background-size: cover;
|
|
12
|
-
|
|
12
|
+
|
|
13
|
+
@media (min-width: 769px) {
|
|
14
|
+
background-attachment: fixed;
|
|
15
|
+
}
|
|
16
|
+
@media (max-width: 768px) {
|
|
17
|
+
background-attachment: scroll;
|
|
18
|
+
}
|
|
13
19
|
}
|
data/_sass/_footer.scss
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
$color-footer-quote: #fff;
|
|
2
|
-
$size-footer-quote: clamp(0.
|
|
2
|
+
$size-footer-quote: clamp(0.85rem, 0.35vw + 0.8rem, 1.1rem);
|
|
3
3
|
|
|
4
4
|
.footer {
|
|
5
5
|
z-index: 1;
|
|
6
6
|
padding: 5px 0;
|
|
7
|
-
margin-top: 0;
|
|
7
|
+
margin-top: 0.25vw;
|
|
8
8
|
text-align: center;
|
|
9
9
|
|
|
10
10
|
.footer-quote {
|
|
@@ -14,5 +14,8 @@ $size-footer-quote: clamp(0.1rem, 0.5vw + 0.4rem, 1.5rem);
|
|
|
14
14
|
font-weight: 400;
|
|
15
15
|
color: $color-footer-quote;
|
|
16
16
|
font-size: $size-footer-quote;
|
|
17
|
+
@media (max-width: #{$size-cut}) {
|
|
18
|
+
padding: 1vw;
|
|
19
|
+
}
|
|
17
20
|
}
|
|
18
21
|
}
|
data/_sass/_intro.scss
CHANGED
|
@@ -4,11 +4,11 @@ $color-user-name: #949494;
|
|
|
4
4
|
$color-user-title: $color-sec;
|
|
5
5
|
$color-user-short-description: $color-sec;
|
|
6
6
|
|
|
7
|
-
$size-user-username-prefix: clamp(0.1rem, 0.
|
|
8
|
-
$size-user-username: clamp(1.0rem,
|
|
9
|
-
$size-user-name: clamp(0.1rem, 0.
|
|
7
|
+
$size-user-username-prefix: clamp(0.1rem, 0.7vw + 0.5rem, 2.0rem);
|
|
8
|
+
$size-user-username: clamp(1.0rem, 2.5vw + 1.7851rem, 4.5rem);
|
|
9
|
+
$size-user-name: clamp(0.1rem, 0.7vw + 0.5rem, 2.0rem);
|
|
10
10
|
$size-user-title: clamp(0.1rem, 0.6vw + 0.8rem, 1.5rem);
|
|
11
|
-
$size-user-short-description: clamp(1rem, 1.
|
|
11
|
+
$size-user-short-description: clamp(1rem, 1.9vw + 0.5rem, 1.5rem);
|
|
12
12
|
|
|
13
13
|
/* Main header block */
|
|
14
14
|
.intro {
|
|
@@ -16,12 +16,25 @@ $size-user-short-description: clamp(1rem, 1.6vw + 0.8rem, 1.5rem);
|
|
|
16
16
|
color: #FFF;
|
|
17
17
|
position: relative; /* stays in flow, allows z-indexing */
|
|
18
18
|
z-index: 1; /* sits above particle canvas (z-index:0) */
|
|
19
|
-
max-width: 900px;
|
|
19
|
+
max-width: min(92%, 900px);
|
|
20
20
|
width: 100%;
|
|
21
|
-
padding: 0.
|
|
21
|
+
padding: 0.75rem 1rem;
|
|
22
22
|
text-align: center;
|
|
23
|
-
white-space:
|
|
24
|
-
margin-top: 7rem;
|
|
23
|
+
white-space: normal;
|
|
24
|
+
margin-top: clamp(2rem, 0.1vw + 5rem, 7rem); /* responsive spacing */
|
|
25
|
+
|
|
26
|
+
.user-username,
|
|
27
|
+
.user-username-prefix,
|
|
28
|
+
.user-name {
|
|
29
|
+
display: inline-block;
|
|
30
|
+
vertical-align: middle;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.title {
|
|
34
|
+
display: inline-flex;
|
|
35
|
+
align-items: flex-end;
|
|
36
|
+
gap: 0.5vw;
|
|
37
|
+
}
|
|
25
38
|
|
|
26
39
|
.user-username-prefix {
|
|
27
40
|
font-family: 'Averia Serif Libre';
|
|
@@ -32,7 +45,7 @@ $size-user-short-description: clamp(1rem, 1.6vw + 0.8rem, 1.5rem);
|
|
|
32
45
|
/* fluid size: min 1.5rem, preferred with viewport, max 2.6rem */
|
|
33
46
|
font-size: $size-user-username-prefix;
|
|
34
47
|
/* small vertical tweak if you want it raised/lowered: */
|
|
35
|
-
transform: translateY(0.
|
|
48
|
+
transform: translateY(-0.45vw);
|
|
36
49
|
vertical-align: baseline; /* or text-top/text-bottom */
|
|
37
50
|
|
|
38
51
|
&::before {
|
|
@@ -67,7 +80,7 @@ $size-user-short-description: clamp(1rem, 1.6vw + 0.8rem, 1.5rem);
|
|
|
67
80
|
/* fluid size: min 1.5rem, preferred with viewport, max 2.6rem */
|
|
68
81
|
font-size: $size-user-name;
|
|
69
82
|
/* small vertical tweak if you want it raised/lowered: */
|
|
70
|
-
transform: translateY(0.
|
|
83
|
+
transform: translateY(-0.1vw);
|
|
71
84
|
vertical-align: baseline; /* or text-top/text-bottom */
|
|
72
85
|
|
|
73
86
|
&::after {
|
data/_sass/_links-grid.scss
CHANGED
|
@@ -1,20 +1,30 @@
|
|
|
1
1
|
.links-grid {
|
|
2
2
|
display: grid;
|
|
3
|
-
|
|
4
|
-
margin-top: 1rem;
|
|
3
|
+
margin-top: 3.5vw;
|
|
5
4
|
justify-content: center;
|
|
6
5
|
align-items: center;
|
|
7
|
-
grid-template-columns: repeat(2, minmax(
|
|
6
|
+
grid-template-columns: repeat(2, minmax(65px, 1fr));
|
|
8
7
|
gap: 1rem 2rem; /* vertical and horizontal spacing */
|
|
8
|
+
padding: 0 1rem;
|
|
9
|
+
|
|
10
|
+
@media (max-width: 480px) {
|
|
11
|
+
grid-template-columns: 1fr; /* single column on very small screens */
|
|
12
|
+
gap: 0.75rem;
|
|
13
|
+
justify-items: stretch;
|
|
14
|
+
}
|
|
9
15
|
|
|
10
16
|
.link-item {
|
|
11
17
|
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
12
19
|
align-items: center;
|
|
13
20
|
text-decoration: none;
|
|
14
21
|
transition: color 0.2s, transform 0.2s;
|
|
15
22
|
|
|
23
|
+
@media (max-width: 480px) {
|
|
24
|
+
flex-direction: row;
|
|
25
|
+
}
|
|
26
|
+
|
|
16
27
|
i {
|
|
17
|
-
margin-right: 0.6rem;
|
|
18
28
|
color: $color-icon;
|
|
19
29
|
width: $size-icon-small;
|
|
20
30
|
height: $size-icon-small;
|
|
@@ -29,6 +39,9 @@
|
|
|
29
39
|
height: $size-icon-large;
|
|
30
40
|
font-size: $size-icon-large;
|
|
31
41
|
}
|
|
42
|
+
@media (max-width: 480px) {
|
|
43
|
+
margin-right: 0.6rem
|
|
44
|
+
}
|
|
32
45
|
}
|
|
33
46
|
|
|
34
47
|
&:hover i,
|
|
@@ -41,10 +54,13 @@
|
|
|
41
54
|
}
|
|
42
55
|
|
|
43
56
|
.label {
|
|
44
|
-
font-size: $size-icon-text;
|
|
57
|
+
font-size: $size-icon-text-small;
|
|
45
58
|
color: $color-icon;
|
|
46
59
|
font-family: "Grenze Gotisch";
|
|
47
60
|
display: inline-flex;
|
|
61
|
+
@media (min-width: #{$size-cut}) {
|
|
62
|
+
font-size: $size-icon-text-large;
|
|
63
|
+
}
|
|
48
64
|
}
|
|
49
65
|
}
|
|
50
66
|
}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
$size-icon-extreme: 8rem;
|
|
2
2
|
|
|
3
3
|
.under-construction {
|
|
4
|
-
margin-top: 13rem;
|
|
4
|
+
margin-top: clamp(4rem, 18vh, 13rem);
|
|
5
5
|
|
|
6
6
|
i {
|
|
7
7
|
color: $color-icon;
|
|
8
|
-
width:
|
|
9
|
-
height:
|
|
8
|
+
width: auto;
|
|
9
|
+
height: auto;
|
|
10
10
|
background: transparent;
|
|
11
|
-
font-size:
|
|
12
|
-
|
|
11
|
+
font-size: clamp(3rem, 25vw, 8rem);
|
|
12
|
+
display: inline-block;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.description {
|
|
16
16
|
color: $color-icon;
|
|
17
|
-
margin-top:
|
|
18
|
-
font-size:
|
|
17
|
+
margin-top: 1rem;
|
|
18
|
+
font-size: clamp(1rem, 6vw, 1.8rem);
|
|
19
19
|
font-family: "Averia Serif Libre";
|
|
20
|
-
display:
|
|
20
|
+
display: block;
|
|
21
|
+
line-height: 1.15;
|
|
22
|
+
text-align: center;
|
|
23
|
+
padding: 0 1rem;
|
|
21
24
|
}
|
|
22
25
|
}
|
data/_sass/_vars.scss
CHANGED
|
@@ -3,6 +3,8 @@ $color-sec: #668062;
|
|
|
3
3
|
$color-icon: #fff !default;
|
|
4
4
|
|
|
5
5
|
$size-cut: 720px;
|
|
6
|
-
|
|
7
|
-
$size-icon-
|
|
8
|
-
$size-icon-
|
|
6
|
+
|
|
7
|
+
$size-icon-text-small: 3.81vw;
|
|
8
|
+
$size-icon-small: 5.50vw !default;
|
|
9
|
+
$size-icon-large: 1.875vw !default;
|
|
10
|
+
$size-icon-text-large: 1.3vw;
|
data/_sass/main.scss
CHANGED
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
@import 'links-grid';
|
|
7
7
|
@import 'bg';
|
|
8
8
|
@import 'footer';
|
|
9
|
-
@import 'sidebar';
|
|
10
9
|
@import 'about';
|
|
11
10
|
@import 'under-construction';
|
|
12
11
|
|
|
@@ -15,8 +14,8 @@
|
|
|
15
14
|
align-items: center;
|
|
16
15
|
justify-content: center;
|
|
17
16
|
color: $color-icon;
|
|
18
|
-
width:
|
|
19
|
-
height:
|
|
17
|
+
width: auto;
|
|
18
|
+
height: auto;
|
|
20
19
|
font-size: $size-icon-small;
|
|
21
20
|
padding: 1.15rem; /* creates a comfortable touch target */
|
|
22
21
|
margin: 0.1rem;
|
|
@@ -35,4 +34,10 @@
|
|
|
35
34
|
&:active {
|
|
36
35
|
transform: translateY(-1px) scale(0.99);
|
|
37
36
|
}
|
|
37
|
+
|
|
38
|
+
@media (min-width: #{$size-cut}) {
|
|
39
|
+
width: $size-icon-large;
|
|
40
|
+
height: $size-icon-large;
|
|
41
|
+
font-size: $size-icon-large;
|
|
42
|
+
}
|
|
38
43
|
}
|
data/assets/css/main.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
2
|
-
html{line-height:1.15
|
|
2
|
+
html{line-height:1.15}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}:root{--base-font-size:100%;--base-line-height:1.5;--scale-h1:2.5rem;--scale-h2:2rem;--scale-h3:1.5rem;--scale-h4:1rem}*,::after,::before{box-sizing:border-box}*{word-break:break-word;overflow-wrap:anywhere}body,html{height:100%;min-height:100vh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:clamp(14px,1.6vw,18px);-webkit-text-size-adjust:100%}.site-wrapper,body{display:flex;flex-direction:column}body{min-height:100%;padding:0;line-height:var(--base-line-height);color:var(--color-text);overflow-x:hidden;font-family:"Roboto","Averia Serif Libre";font-size:var(--base-font-size);font-weight:400;background:0 0}main{flex:1}h1,h2,h3,h4,strong{margin-top:1em;padding-top:1em;line-height:1.25;color:var(--color-heading);font-weight:700}h1{font-size:var(--scale-h1)}h2{font-size:var(--scale-h2)}h3{font-size:var(--scale-h3)}h4{font-size:var(--scale-h4)}ol,ul{padding-left:2.5rem}figure,ol,p,ul{margin:1em 0}a img{border:0;max-width:100%;height:auto;display:inline-block}sub,sup{line-height:0}sup{vertical-align:super}sub{vertical-align:sub}.site-wrapper{position:relative;z-index:1;min-height:100vh}.site-main{flex:1 0 auto}.canvas{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1rem;background:0 0;box-sizing:border-box}.header,.intro{position:relative;z-index:1;width:100%}.header{font-family:Roboto;margin:0 auto;max-width:900px;padding:.5rem 1rem}.intro{font-family:Roboto,"Helvetica Neue",Arial,sans-serif;color:#fff;max-width:min(92%,900px);padding:.75rem 1rem;text-align:center;white-space:normal;margin-top:clamp(2rem,.1vw + 5rem,7rem)}.intro .user-username{vertical-align:middle}.intro .title{display:inline-flex;align-items:flex-end;gap:.5vw}.intro .user-username,.intro .user-username-prefix{display:inline-block;line-height:1.05;font-weight:700}.intro .user-username-prefix{font-family:"Averia Serif Libre";color:#949494;font-size:clamp(.1rem,.7vw + .5rem,2rem);transform:translateY(-.45vw);vertical-align:baseline}.intro .user-username-prefix::before{content:attr(data-postfix);visibility:hidden;white-space:nowrap;margin-right:.3rem}.intro .user-username{font-family:"Amarante";color:#fff;font-size:clamp(1rem,2.5vw + 1.7851rem,4.5rem)}.intro .user-name,.intro .user-name::after,.intro .user-username-prefix::before{font-family:"Averia Serif Libre";font-weight:700;line-height:1.05;font-size:clamp(.1rem,.7vw + .5rem,2rem);display:inline-block}.intro .user-name{color:#949494;transform:translateY(-.1vw);vertical-align:baseline}.intro .user-name::after{content:attr(data-prefix);visibility:hidden;white-space:nowrap;margin-left:.3rem}.intro .user-short-description,.intro .user-title{font-family:"Caesar Dressing";display:block;margin:.5rem 0 0;line-height:1.15;font-weight:400;color:#668062;font-size:clamp(.1rem,.6vw + .8rem,1.5rem)}.intro .user-short-description{font-family:"Barriecito";margin:1.9rem 0 0;font-size:clamp(1rem,1.9vw + .5rem,1.5rem)}.links-line{display:flex;gap:1.375rem;justify-content:center;align-items:center;margin-top:2rem}.links-line .icon,.links-line a{display:inline-flex;align-items:center;justify-content:center;background:0 0;line-height:1}.links-line a{border:0;padding:0;margin:0;color:inherit;text-decoration:none}.links-line .icon{color:#fff;width:5.5vw;height:5.5vw;font-size:5.5vw;padding:1.15rem;margin:.1rem;border-radius:0;transition:color 180ms ease,background-color 180ms ease,transform 120ms ease}.links-line .icon:focus,.links-line .icon:hover{color:#fff;background:#050a05;transform:translateY(-3px) scale(1.05)}.links-line .icon:active{transform:translateY(-1px) scale(.99)}@media (min-width:720px){.links-line .icon{width:1.875vw;height:1.875vw;font-size:1.875vw}}.links-grid{display:grid;margin-top:3.5vw;justify-content:center;align-items:center;grid-template-columns:repeat(2,minmax(65px,1fr));gap:1rem 2rem;padding:0 1rem}@media (max-width:480px){.links-grid{grid-template-columns:1fr;gap:.75rem;justify-items:stretch}}.links-grid .link-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:color .2s,transform .2s}@media (max-width:480px){.links-grid .link-item{flex-direction:row}}.links-grid .link-item i{color:#fff;width:5.5vw;height:5.5vw;border-radius:0;background:0 0;transition:color 180ms ease,background-color 180ms ease,transform 120ms ease;line-height:1;font-size:5.5vw}@media (min-width:720px){.links-grid .link-item i{width:1.875vw;height:1.875vw;font-size:1.875vw}}@media (max-width:480px){.links-grid .link-item i{margin-right:.6rem}}.links-grid .link-item:focus i,.links-grid .link-item:hover i{transform:translateY(-3px) scale(1.05)}.links-grid .link-item:active i{transform:translateY(-1px) scale(.99)}.links-grid .link-item .label{font-size:3.81vw;color:#fff;font-family:"Grenze Gotisch";display:inline-flex}@media (min-width:720px){.links-grid .link-item .label{font-size:1.3vw}}#solid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#050a05;background-repeat:no-repeat;background-size:cover}@media (min-width:769px){#solid-bg{background-attachment:fixed}}@media (max-width:768px){#solid-bg{background-attachment:scroll}}.footer{z-index:1;padding:5px 0;margin-top:.25vw;text-align:center}.footer .footer-quote{font-family:"Ubuntu Mono";display:block;line-height:1.15;font-weight:400;color:#fff;font-size:clamp(.85rem,.35vw + .8rem,1.1rem)}@media (max-width:720px){.footer .footer-quote{padding:1vw}}.header{max-width:80vw!important}.about{font-family:"Roboto Mono","Ubuntu Mono";max-width:1000px;display:block;margin:3rem auto 0;line-height:2;font-weight:400;font-size:clamp(.9rem,.2vw + .8rem,1.3rem);text-align:justify!important;color:#b0a590}@media (max-width:720px){.about{padding:1vw}}.under-construction{margin-top:clamp(4rem,18vh,13rem)}.home-button,.under-construction i{color:#fff;width:auto;height:auto;background:0 0}.under-construction i{font-size:clamp(3rem,25vw,8rem);display:inline-block}.under-construction .description{color:#fff;margin-top:1rem;font-size:clamp(1rem,6vw,1.8rem);font-family:"Averia Serif Libre";display:block;line-height:1.15;text-align:center;padding:0 1rem}.home-button{display:inline;align-items:center;justify-content:center;font-size:5.5vw;padding:1.15rem;margin:.1rem;border-radius:0;transition:color 180ms ease,background-color 180ms ease,transform 120ms ease;line-height:1}.home-button:focus,.home-button:hover{color:#fff;background:#050a05;transform:translateY(-3px) scale(1.05)}.home-button:active{transform:translateY(-1px) scale(.99)}@media (min-width:720px){.home-button{width:1.875vw;height:1.875vw;font-size:1.875vw}}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-github-pages
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.12
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Francis Rosinante
|
|
@@ -71,7 +71,6 @@ files:
|
|
|
71
71
|
- _includes/links-grid.html
|
|
72
72
|
- _includes/links-line.html
|
|
73
73
|
- _includes/post-scripts.html
|
|
74
|
-
- _includes/sidebar.html
|
|
75
74
|
- _includes/vendor-scripts.html
|
|
76
75
|
- _layouts/about.html
|
|
77
76
|
- _layouts/default.html
|
|
@@ -85,7 +84,6 @@ files:
|
|
|
85
84
|
- _sass/_links-grid.scss
|
|
86
85
|
- _sass/_links-line.scss
|
|
87
86
|
- _sass/_normalize.scss
|
|
88
|
-
- _sass/_sidebar.scss
|
|
89
87
|
- _sass/_under-construction.scss
|
|
90
88
|
- _sass/_vars.scss
|
|
91
89
|
- _sass/main.scss
|
data/_includes/sidebar.html
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
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/_sass/_sidebar.scss
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
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
|
-
white-space: nowrap;
|
|
40
|
-
gap: 0.75rem;
|
|
41
|
-
padding: 0.6rem 1rem;
|
|
42
|
-
color: $color-icon;
|
|
43
|
-
text-decoration: none;
|
|
44
|
-
font-family: "Grenze Gotisch";
|
|
45
|
-
font-size: $size-icon-text;
|
|
46
|
-
transition: background 0.2s, transform 0.2s ease;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.link-item i {
|
|
50
|
-
font-size: $size-icon-small;
|
|
51
|
-
flex-shrink: 0;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&:focus i,
|
|
55
|
-
&:hover i {
|
|
56
|
-
transform: scale(1.2);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&:active i {
|
|
60
|
-
transform: translateY(-1px) scale(0.99);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.divider {
|
|
66
|
-
border: 0;
|
|
67
|
-
border-top: 1px dashed #aaa;
|
|
68
|
-
opacity: 0.7;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.sidebar-links {
|
|
72
|
-
list-style: none;
|
|
73
|
-
padding: 0;
|
|
74
|
-
margin: -3px;
|
|
75
|
-
|
|
76
|
-
li {
|
|
77
|
-
margin: 0.3rem 0;
|
|
78
|
-
|
|
79
|
-
.link-item {
|
|
80
|
-
display: flex;
|
|
81
|
-
align-items: center;
|
|
82
|
-
white-space: nowrap;
|
|
83
|
-
gap: 0.75rem;
|
|
84
|
-
padding: 0.6rem 1rem;
|
|
85
|
-
color: $color-icon;
|
|
86
|
-
text-decoration: none;
|
|
87
|
-
font-family: "Grenze Gotisch";
|
|
88
|
-
font-size: $size-icon-text;
|
|
89
|
-
transition: background 0.2s, transform 0.2s ease;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.link-item i {
|
|
93
|
-
font-size: $size-icon-small;
|
|
94
|
-
flex-shrink: 0;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
&:focus i,
|
|
98
|
-
&:hover i {
|
|
99
|
-
transform: scale(1.2);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
&:active i {
|
|
103
|
-
transform: translateY(-1px) scale(0.99);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|