jekyll-theme-teddy 0.4.1 → 0.5.0

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 (17) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.md +84 -61
  4. data/_layouts/default.html +38 -38
  5. data/_layouts/home.html +39 -25
  6. data/_layouts/post.html +21 -21
  7. data/_sass/code-highlighting.scss +98 -98
  8. data/_sass/fonts.scss +108 -108
  9. data/_sass/home-page.scss +173 -66
  10. data/_sass/jekyll-theme-teddy.scss +180 -174
  11. data/_sass/mixins.scss +3 -3
  12. data/_sass/teddy.scss +3 -3
  13. data/_sass/variables.scss +46 -38
  14. data/assets/css/default.scss +3 -3
  15. data/assets/css/home.scss +3 -3
  16. data/assets/js/galaxy-animation.js +127 -127
  17. metadata +3 -3
data/_sass/fonts.scss CHANGED
@@ -1,109 +1,109 @@
1
- /// Inter ///
2
-
3
- /* cyrillic-ext */
4
- @font-face {
5
- font-family: 'Inter';
6
- font-style: normal;
7
- font-weight: 400;
8
- src: url(../fonts/Inter/cyrillic-ext.woff2) format('woff2');
9
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
10
- }
11
- /* cyrillic */
12
- @font-face {
13
- font-family: 'Inter';
14
- font-style: normal;
15
- font-weight: 400;
16
- src: url(../fonts/Inter/cyrillic.woff2) format('woff2');
17
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
18
- }
19
- /* greek-ext */
20
- @font-face {
21
- font-family: 'Inter';
22
- font-style: normal;
23
- font-weight: 400;
24
- src: url(../fonts/Inter/greek-ext.woff2) format('woff2');
25
- unicode-range: U+1F00-1FFF;
26
- }
27
- /* greek */
28
- @font-face {
29
- font-family: 'Inter';
30
- font-style: normal;
31
- font-weight: 400;
32
- src: url(../fonts/Inter/greek.woff2) format('woff2');
33
- unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
34
- }
35
- /* vietnamese */
36
- @font-face {
37
- font-family: 'Inter';
38
- font-style: normal;
39
- font-weight: 400;
40
- src: url(../fonts/Inter/vietnamese.woff2) format('woff2');
41
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
42
- }
43
- /* latin-ext */
44
- @font-face {
45
- font-family: 'Inter';
46
- font-style: normal;
47
- font-weight: 400;
48
- src: url(../fonts/Inter/latin-ext.woff2) format('woff2');
49
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
50
- }
51
- /* latin */
52
- @font-face {
53
- font-family: 'Inter';
54
- font-style: normal;
55
- font-weight: 400;
56
- src: url(../fonts/Inter/latin.woff2) format('woff2');
57
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
58
- }
59
-
60
- /// Jetbrains Mono ///
61
-
62
- /* cyrillic-ext */
63
- @font-face {
64
- font-family: 'JetBrains Mono';
65
- font-style: normal;
66
- font-weight: 400;
67
- src: url(../fonts/JetbrainsMono/cyrillic-ext.woff2) format('woff2');
68
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
69
- }
70
- /* cyrillic */
71
- @font-face {
72
- font-family: 'JetBrains Mono';
73
- font-style: normal;
74
- font-weight: 400;
75
- src: url(../fonts/JetbrainsMono/cyrillic.woff2) format('woff2');
76
- unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
77
- }
78
- /* greek */
79
- @font-face {
80
- font-family: 'JetBrains Mono';
81
- font-style: normal;
82
- font-weight: 400;
83
- src: url(../fonts/JetbrainsMono/greek.woff2) format('woff2');
84
- unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
85
- }
86
- /* vietnamese */
87
- @font-face {
88
- font-family: 'JetBrains Mono';
89
- font-style: normal;
90
- font-weight: 400;
91
- src: url(../fonts/JetbrainsMono/vietnamese.woff2) format('woff2');
92
- unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
93
- }
94
- /* latin-ext */
95
- @font-face {
96
- font-family: 'JetBrains Mono';
97
- font-style: normal;
98
- font-weight: 400;
99
- src: url(../fonts/JetbrainsMono/latin-ext.woff2) format('woff2');
100
- unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
101
- }
102
- /* latin */
103
- @font-face {
104
- font-family: 'JetBrains Mono';
105
- font-style: normal;
106
- font-weight: 400;
107
- src: url(../fonts/JetbrainsMono/latin.woff2) format('woff2');
108
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
1
+ /// Inter ///
2
+
3
+ /* cyrillic-ext */
4
+ @font-face {
5
+ font-family: 'Inter';
6
+ font-style: normal;
7
+ font-weight: 400;
8
+ src: url(../fonts/Inter/cyrillic-ext.woff2) format('woff2');
9
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
10
+ }
11
+ /* cyrillic */
12
+ @font-face {
13
+ font-family: 'Inter';
14
+ font-style: normal;
15
+ font-weight: 400;
16
+ src: url(../fonts/Inter/cyrillic.woff2) format('woff2');
17
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
18
+ }
19
+ /* greek-ext */
20
+ @font-face {
21
+ font-family: 'Inter';
22
+ font-style: normal;
23
+ font-weight: 400;
24
+ src: url(../fonts/Inter/greek-ext.woff2) format('woff2');
25
+ unicode-range: U+1F00-1FFF;
26
+ }
27
+ /* greek */
28
+ @font-face {
29
+ font-family: 'Inter';
30
+ font-style: normal;
31
+ font-weight: 400;
32
+ src: url(../fonts/Inter/greek.woff2) format('woff2');
33
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
34
+ }
35
+ /* vietnamese */
36
+ @font-face {
37
+ font-family: 'Inter';
38
+ font-style: normal;
39
+ font-weight: 400;
40
+ src: url(../fonts/Inter/vietnamese.woff2) format('woff2');
41
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
42
+ }
43
+ /* latin-ext */
44
+ @font-face {
45
+ font-family: 'Inter';
46
+ font-style: normal;
47
+ font-weight: 400;
48
+ src: url(../fonts/Inter/latin-ext.woff2) format('woff2');
49
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
50
+ }
51
+ /* latin */
52
+ @font-face {
53
+ font-family: 'Inter';
54
+ font-style: normal;
55
+ font-weight: 400;
56
+ src: url(../fonts/Inter/latin.woff2) format('woff2');
57
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
58
+ }
59
+
60
+ /// Jetbrains Mono ///
61
+
62
+ /* cyrillic-ext */
63
+ @font-face {
64
+ font-family: 'JetBrains Mono';
65
+ font-style: normal;
66
+ font-weight: 400;
67
+ src: url(../fonts/JetbrainsMono/cyrillic-ext.woff2) format('woff2');
68
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
69
+ }
70
+ /* cyrillic */
71
+ @font-face {
72
+ font-family: 'JetBrains Mono';
73
+ font-style: normal;
74
+ font-weight: 400;
75
+ src: url(../fonts/JetbrainsMono/cyrillic.woff2) format('woff2');
76
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
77
+ }
78
+ /* greek */
79
+ @font-face {
80
+ font-family: 'JetBrains Mono';
81
+ font-style: normal;
82
+ font-weight: 400;
83
+ src: url(../fonts/JetbrainsMono/greek.woff2) format('woff2');
84
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
85
+ }
86
+ /* vietnamese */
87
+ @font-face {
88
+ font-family: 'JetBrains Mono';
89
+ font-style: normal;
90
+ font-weight: 400;
91
+ src: url(../fonts/JetbrainsMono/vietnamese.woff2) format('woff2');
92
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
93
+ }
94
+ /* latin-ext */
95
+ @font-face {
96
+ font-family: 'JetBrains Mono';
97
+ font-style: normal;
98
+ font-weight: 400;
99
+ src: url(../fonts/JetbrainsMono/latin-ext.woff2) format('woff2');
100
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
101
+ }
102
+ /* latin */
103
+ @font-face {
104
+ font-family: 'JetBrains Mono';
105
+ font-style: normal;
106
+ font-weight: 400;
107
+ src: url(../fonts/JetbrainsMono/latin.woff2) format('woff2');
108
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
109
109
  }
data/_sass/home-page.scss CHANGED
@@ -1,66 +1,173 @@
1
- @import "variables";
2
- @import "mixins";
3
-
4
- html {
5
- background: linear-gradient(180deg, black 25%, $main-bg 50%);
6
- }
7
-
8
- #home-banner {
9
- margin: 4% 0 6% 0;
10
- padding-bottom: 4%;
11
- display: flex;
12
- justify-content: center;
13
- flex-direction: column;
14
-
15
- h1, h2 {
16
- align-self: center;
17
- }
18
-
19
- h1 {
20
- font-size: $main-title;
21
- }
22
-
23
- h2 {
24
- font-size: $sub-title;
25
- margin: 0 0 50px 0;
26
- }
27
- }
28
-
29
- hr {
30
- margin: 30px 0 30px 0;
31
- }
32
-
33
- ul, li {
34
- margin: 8px;
35
- }
36
-
37
- #canvas {
38
- position: absolute;
39
- top: 0;
40
- left: 0;
41
- z-index: -1;
42
- }
43
-
44
- .home-banner-links {
45
- display: flex;
46
- justify-content: center;
47
- flex-direction: row;
48
-
49
- a {
50
- @include blankLink();
51
- font-weight: bold;
52
-
53
- border-style: solid;
54
- border-width: 1px;
55
- border-color: $primary-color-faded;
56
- border-radius: 20px;
57
-
58
- box-shadow: 0 0 8px 4px $primary-color-faded inset, 0 0 8px 4px $primary-color-faded;
59
-
60
- padding: 15px;
61
- margin: 0 5% 0 5%;
62
-
63
- text-align: center;
64
- }
65
- }
66
-
1
+ @import "variables";
2
+ @import "mixins";
3
+
4
+ html {
5
+ background: linear-gradient(180deg, black 25%, $main-bg 50%);
6
+ }
7
+
8
+ #home-banner {
9
+ margin: 4% 0 6% 0;
10
+ padding-bottom: 4%;
11
+ display: flex;
12
+ justify-content: center;
13
+ flex-direction: column;
14
+
15
+ h1, h2 {
16
+ align-self: center;
17
+ }
18
+
19
+ h1 {
20
+ font-size: $main-title;
21
+ }
22
+
23
+ h2 {
24
+ font-size: $sub-title;
25
+ margin: 0 0 50px 0;
26
+ }
27
+ }
28
+
29
+ hr {
30
+ margin: 30px 0 30px 0;
31
+ }
32
+
33
+ #canvas {
34
+ position: absolute;
35
+ top: 0;
36
+ left: 0;
37
+ z-index: -1;
38
+ }
39
+
40
+ .home-banner-links {
41
+ display: flex;
42
+ justify-content: center;
43
+ flex-direction: row;
44
+
45
+ a {
46
+ @include blankLink();
47
+ font-weight: bold;
48
+
49
+ border-style: solid;
50
+ border-width: 1px;
51
+ border-color: $primary-color-faded;
52
+ border-radius: 20px;
53
+
54
+ box-shadow: 0 0 8px 4px $primary-color-faded inset, 0 0 8px 4px $primary-color-faded;
55
+
56
+ padding: 15px;
57
+ margin: 0 5% 0 5%;
58
+
59
+ text-align: center;
60
+ }
61
+ }
62
+
63
+ @media (min-width: $extra-large-screen) {
64
+ main {
65
+ margin-right: 15%;
66
+ margin-left: 15%;
67
+ }
68
+
69
+ .outer-card {
70
+ width: 18.8%;
71
+ padding: .6%;
72
+ }
73
+ }
74
+
75
+ @media (min-width: $large-screen) and (max-width: $extra-large-screen - 1px) {
76
+ main {
77
+ margin-right: 12%;
78
+ margin-left: 12%;
79
+ }
80
+
81
+ .outer-card {
82
+ width: 18.5%;
83
+ padding: .75%;
84
+ }
85
+ }
86
+
87
+ @media (min-width: $medium-screen) and (max-width: $large-screen - 1px) {
88
+ main {
89
+ margin-right: 10%;
90
+ margin-left: 10%;
91
+ }
92
+
93
+ .outer-card {
94
+ width: 23%;
95
+ padding: 1%;
96
+ }
97
+ }
98
+
99
+ @media (min-width: $small-screen) and (max-width: $medium-screen - 1px) {
100
+ main {
101
+ margin-right: 8%;
102
+ margin-left: 8%;
103
+ }
104
+
105
+ .outer-card {
106
+ width: 47%;
107
+ padding: 1.5%;
108
+ }
109
+ }
110
+
111
+ @media (max-width: $small-screen - 1px) {
112
+ .outer-card {
113
+ width: 100%;
114
+ padding: 3% 1% 3% 1%;
115
+ }
116
+ }
117
+
118
+ #card-container {
119
+ display: flex;
120
+ flex-wrap: wrap;
121
+ justify-content: start;
122
+ }
123
+
124
+ .card {
125
+ @include blankLink();
126
+ display: flex;
127
+ flex-direction: column;
128
+ transition-duration: 0.3s;
129
+ border-radius: $card-border-radius;
130
+ background: $secondary-bg;
131
+ width: 100%;
132
+ height: 400px;
133
+
134
+ img {
135
+ object-fit: cover;
136
+ overflow: hidden;
137
+ border-radius: $card-border-radius $card-border-radius 0 0;
138
+ height: 40%;
139
+ width: 100%;
140
+ }
141
+
142
+ h3 {
143
+ margin: 15px 5% 10px 5%;
144
+ height: 55px;
145
+ font-size: $card-header-font-size;
146
+ overflow: hidden;
147
+ display: -webkit-box;
148
+ -webkit-line-clamp: 2;
149
+ -webkit-box-orient: vertical;
150
+ color: $text-color;
151
+ }
152
+
153
+ p {
154
+ margin: 5px 4% 5px 4%;
155
+ height: 90px;
156
+ font-size: $card-content-font-size;
157
+ overflow: hidden;
158
+ display: -webkit-box;
159
+ -webkit-line-clamp: 4;
160
+ -webkit-box-orient: vertical;
161
+ color: $card-content-color;
162
+ }
163
+
164
+ .card-date {
165
+ padding-top: 25px;
166
+ height: 35px;
167
+ }
168
+ }
169
+
170
+ .card:hover {
171
+ box-shadow: 0 0 20px $card-shadow;
172
+ }
173
+