jekyll-github-pages 0.1.7 → 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.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +5 -5
  3. data/_data/internal-links.yml +16 -0
  4. data/_data/social-links.yml +3 -6
  5. data/_includes/about.html +3 -0
  6. data/_includes/header.html +0 -6
  7. data/_includes/intro.html +3 -5
  8. data/_includes/links-grid.html +13 -0
  9. data/_includes/links-line.html +12 -0
  10. data/_includes/sidebar.html +35 -0
  11. data/_includes/vendor-scripts.html +0 -1
  12. data/_layouts/about.html +18 -0
  13. data/_layouts/default.html +18 -18
  14. data/_layouts/under-construction.html +21 -0
  15. data/_sass/_about.scss +18 -0
  16. data/_sass/_base.scss +3 -8
  17. data/_sass/_bg.scss +1 -1
  18. data/_sass/_footer.scss +5 -3
  19. data/_sass/_header.scss +2 -10
  20. data/_sass/_intro.scss +52 -33
  21. data/_sass/_links-grid.scss +50 -0
  22. data/_sass/{_social-links.scss → _links-line.scss} +17 -16
  23. data/_sass/_sidebar.scss +105 -0
  24. data/_sass/_under-construction.scss +22 -0
  25. data/_sass/_vars.scss +8 -4
  26. data/_sass/main.scss +32 -5
  27. data/assets/css/about.css +1 -0
  28. data/assets/css/fontawesome.css +5 -5
  29. data/assets/css/main.css +1 -3
  30. data/assets/icons/favicon_io/android-chrome-192x192.png +0 -0
  31. data/assets/icons/favicon_io/android-chrome-512x512.png +0 -0
  32. data/assets/icons/favicon_io/apple-touch-icon.png +0 -0
  33. data/assets/icons/favicon_io/favicon-16x16.png +0 -0
  34. data/assets/icons/favicon_io/favicon-32x32.png +0 -0
  35. data/assets/icons/favicon_io/favicon.ico +0 -0
  36. data/assets/js/main.js +1 -1
  37. metadata +12 -5
  38. data/_includes/social-links.html +0 -5
  39. data/_sass/_particles.scss +0 -18
  40. data/assets/js/vendor/particles.js +0 -1541
@@ -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
@@ -1,4 +1,8 @@
1
- $main: #161d17;
2
- $sec: #4B5664;
3
- $purple: #54516A;
4
- $cut: 768px;
1
+ $color-main: #050a05;
2
+ $color-sec: #668062;
3
+ $color-icon: #fff !default;
4
+
5
+ $size-cut: 720px;
6
+ $size-icon-small: 1.25rem !default;
7
+ $size-icon-large: 1.875rem !default;
8
+ $size-icon-text: 1.3rem;
data/_sass/main.scss CHANGED
@@ -1,11 +1,38 @@
1
- @import "normalize";
2
-
3
1
  @import 'base';
4
2
  @import 'vars';
5
3
  @import 'header';
6
4
  @import 'intro';
7
- @import 'social-links';
8
- @import 'particles';
5
+ @import 'links-line';
6
+ @import 'links-grid';
9
7
  @import 'bg';
10
- @import 'about';
11
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}