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.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -21
- data/README.md +84 -61
- data/_layouts/default.html +38 -38
- data/_layouts/home.html +39 -25
- data/_layouts/post.html +21 -21
- data/_sass/code-highlighting.scss +98 -98
- data/_sass/fonts.scss +108 -108
- data/_sass/home-page.scss +173 -66
- data/_sass/jekyll-theme-teddy.scss +180 -174
- data/_sass/mixins.scss +3 -3
- data/_sass/teddy.scss +3 -3
- data/_sass/variables.scss +46 -38
- data/assets/css/default.scss +3 -3
- data/assets/css/home.scss +3 -3
- data/assets/js/galaxy-animation.js +127 -127
- metadata +3 -3
|
@@ -1,175 +1,181 @@
|
|
|
1
|
-
@import "code-highlighting";
|
|
2
|
-
@import "variables";
|
|
3
|
-
@import "fonts";
|
|
4
|
-
|
|
5
|
-
html {
|
|
6
|
-
background: $main-bg;
|
|
7
|
-
color: $text-color;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
body {
|
|
11
|
-
padding: 0;
|
|
12
|
-
margin: 0;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@media (min-width: $large-screen) {
|
|
16
|
-
main {
|
|
17
|
-
margin: 2%
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@media (min-width: $
|
|
22
|
-
main {
|
|
23
|
-
margin: 2%
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@media (min-width: $
|
|
28
|
-
main {
|
|
29
|
-
margin: 2%
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@media (
|
|
34
|
-
main {
|
|
35
|
-
margin: 2%
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
border-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
footer {
|
|
131
|
-
|
|
132
|
-
grid-
|
|
133
|
-
grid-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
grid-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
grid-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
1
|
+
@import "code-highlighting";
|
|
2
|
+
@import "variables";
|
|
3
|
+
@import "fonts";
|
|
4
|
+
|
|
5
|
+
html {
|
|
6
|
+
background: $main-bg;
|
|
7
|
+
color: $text-color;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
body {
|
|
11
|
+
padding: 0;
|
|
12
|
+
margin: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media (min-width: $extra-large-screen) {
|
|
16
|
+
main {
|
|
17
|
+
margin: 2% 25% 5% 25%;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@media (min-width: $large-screen) and (max-width: $extra-large-screen - 1px) {
|
|
22
|
+
main {
|
|
23
|
+
margin: 2% 20% 5% 20%;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@media (min-width: $medium-screen) and (max-width: $large-screen - 1px) {
|
|
28
|
+
main {
|
|
29
|
+
margin: 2% 15% 5% 15%;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media (min-width: $small-screen) and (max-width: $medium-screen - 1px) {
|
|
34
|
+
main {
|
|
35
|
+
margin: 2% 10% 5% 10%;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media (max-width: $small-screen - 1px) {
|
|
40
|
+
main {
|
|
41
|
+
margin: 2% 5% 5% 5%;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
img {
|
|
46
|
+
object-fit: contain;
|
|
47
|
+
max-height: 100%;
|
|
48
|
+
max-width: 100%;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
h1, h2, h3, h4, h5, h6, p, li, br, a, span, table {
|
|
52
|
+
font-family: "Inter", Helvetica, Arial, serif;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
h1 {
|
|
56
|
+
font-size: $h1-font-size;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
h2 {
|
|
60
|
+
font-size: $h2-font-size;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
h3 {
|
|
64
|
+
font-size: $h3-font-size;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
h4 {
|
|
68
|
+
font-size: $h4-font-size;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
h5 {
|
|
72
|
+
font-size: $h5-font-size;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
h6 {
|
|
76
|
+
font-size: $h6-font-size;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
p, li, br, a, span {
|
|
80
|
+
font-size: $regular-text-size;
|
|
81
|
+
line-height: 1.5;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
ul, li {
|
|
85
|
+
margin: 4px 0 4px 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
a:link {
|
|
89
|
+
color: $link-normal;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
a:visited {
|
|
93
|
+
color: $link-visited;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
blockquote {
|
|
97
|
+
border-radius: 0 10px 10px 0;
|
|
98
|
+
border-style: solid;
|
|
99
|
+
border-color: transparent transparent transparent #0071e0;
|
|
100
|
+
|
|
101
|
+
margin: 10px 2px 10px 2px;
|
|
102
|
+
padding: 0 0 10px 20px;
|
|
103
|
+
|
|
104
|
+
background: $blockquote-bg;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
th, td {
|
|
108
|
+
border-style: solid;
|
|
109
|
+
border-width: 1px;
|
|
110
|
+
padding: 3px;
|
|
111
|
+
border-color: $primary-color;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
table {
|
|
115
|
+
border-spacing: 0;
|
|
116
|
+
border-collapse: collapse;
|
|
117
|
+
display: block;
|
|
118
|
+
overflow: auto;
|
|
119
|
+
white-space: nowrap;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
footer {
|
|
123
|
+
margin-top: 30px;
|
|
124
|
+
padding: 20px 0 20px 0;
|
|
125
|
+
background: $footer-bg;
|
|
126
|
+
height: 100%;
|
|
127
|
+
width: 100%;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
footer span {
|
|
131
|
+
margin: 10px 10px 10px 40px;
|
|
132
|
+
grid-column: 1;
|
|
133
|
+
grid-row: 1;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
footer {
|
|
137
|
+
display: grid;
|
|
138
|
+
grid-template-columns: 1fr 1fr 1fr;
|
|
139
|
+
grid-template-rows: 1fr;
|
|
140
|
+
align-items: center;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
#github-icon {
|
|
144
|
+
height: 50px;
|
|
145
|
+
width: 50px;
|
|
146
|
+
|
|
147
|
+
margin: 10px 50px 10px 10px;
|
|
148
|
+
|
|
149
|
+
grid-column: 3;
|
|
150
|
+
grid-row: 1;
|
|
151
|
+
justify-self: end;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
#top-nav {
|
|
155
|
+
display: grid;
|
|
156
|
+
grid-template-columns: 1fr 1fr 1fr;
|
|
157
|
+
grid-template-rows: 1fr;
|
|
158
|
+
|
|
159
|
+
a {
|
|
160
|
+
text-decoration: inherit;
|
|
161
|
+
font-weight: bold;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
#home-link {
|
|
166
|
+
grid-column: 1;
|
|
167
|
+
grid-row: 1;
|
|
168
|
+
|
|
169
|
+
justify-self: start;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
#source-link {
|
|
173
|
+
grid-column: 3;
|
|
174
|
+
grid-row: 1;
|
|
175
|
+
|
|
176
|
+
justify-self: end;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
#toc {
|
|
180
|
+
margin: 0 0 30px 0;
|
|
175
181
|
}
|
data/_sass/mixins.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@mixin blankLink {
|
|
2
|
-
color: inherit;
|
|
3
|
-
text-decoration: inherit;
|
|
1
|
+
@mixin blankLink {
|
|
2
|
+
color: inherit;
|
|
3
|
+
text-decoration: inherit;
|
|
4
4
|
}
|
data/_sass/teddy.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Placeholder file. If your site uses
|
|
2
|
-
// @import "{{ site.theme }}";
|
|
3
|
-
// Then using this theme with jekyll-remote-theme will work fine.
|
|
1
|
+
// Placeholder file. If your site uses
|
|
2
|
+
// @import "{{ site.theme }}";
|
|
3
|
+
// Then using this theme with jekyll-remote-theme will work fine.
|
|
4
4
|
@import "jekyll-theme-teddy";
|
data/_sass/variables.scss
CHANGED
|
@@ -1,39 +1,47 @@
|
|
|
1
|
-
// Home Header
|
|
2
|
-
$main-title: 50pt !default;
|
|
3
|
-
$sub-title: 26pt !default;
|
|
4
|
-
|
|
5
|
-
//
|
|
6
|
-
$
|
|
7
|
-
$
|
|
8
|
-
$
|
|
9
|
-
$
|
|
10
|
-
$
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
$
|
|
16
|
-
$
|
|
17
|
-
$
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$
|
|
24
|
-
$
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
$
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
$
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
$
|
|
38
|
-
|
|
1
|
+
// Home Header
|
|
2
|
+
$main-title: 50pt !default;
|
|
3
|
+
$sub-title: 26pt !default;
|
|
4
|
+
|
|
5
|
+
// Home Card
|
|
6
|
+
$card-header-font-size: 14pt !default;
|
|
7
|
+
$card-content-font-size: 11pt !default;
|
|
8
|
+
$card-content-color: rgba(201, 201, 209, 0.75) !default;
|
|
9
|
+
$card-border-radius: 15px !default;
|
|
10
|
+
$card-shadow: rgba(255, 255, 255, .5) !default;
|
|
11
|
+
|
|
12
|
+
// Header/Text Size
|
|
13
|
+
$h1-font-size: 30pt !default;
|
|
14
|
+
$h2-font-size: 24pt !default;
|
|
15
|
+
$h3-font-size: 22pt !default;
|
|
16
|
+
$h4-font-size: 20pt !default;
|
|
17
|
+
$h5-font-size: 18pt !default;
|
|
18
|
+
$h6-font-size: 16pt !default;
|
|
19
|
+
$regular-text-size: 12pt !default;
|
|
20
|
+
|
|
21
|
+
// General Colors
|
|
22
|
+
$primary-color: #C9C9D1 !default;
|
|
23
|
+
$primary-color-slightly-faded: rgba(201, 201, 209, 0.6) !default;
|
|
24
|
+
$primary-color-faded: rgba(201, 201, 209, 0.4) !default;
|
|
25
|
+
|
|
26
|
+
// Text
|
|
27
|
+
$text-color: $primary-color !default;
|
|
28
|
+
|
|
29
|
+
// Background
|
|
30
|
+
$main-bg: #1D1D26 !default;
|
|
31
|
+
$secondary-bg: #2F3039 !default;
|
|
32
|
+
$footer-bg: #15151c !default;
|
|
33
|
+
$blockquote-bg: $secondary-bg !default;
|
|
34
|
+
|
|
35
|
+
// Code
|
|
36
|
+
$code-bg-color: $secondary-bg !default;
|
|
37
|
+
$code-text-color: $text-color !default;
|
|
38
|
+
|
|
39
|
+
// Links
|
|
40
|
+
$link-normal: #0071e0 !default;
|
|
41
|
+
$link-visited: #7540b2 !default;
|
|
42
|
+
|
|
43
|
+
// Responsive Sizes
|
|
44
|
+
$extra-large-screen: 3500px !default;
|
|
45
|
+
$large-screen: 2500px !default;
|
|
46
|
+
$medium-screen: 1600px !default;
|
|
39
47
|
$small-screen: 700px !default;
|
data/assets/css/default.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
---
|
|
2
|
-
---
|
|
3
|
-
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
4
|
@import 'jekyll-theme-teddy';
|
data/assets/css/home.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
---
|
|
2
|
-
---
|
|
3
|
-
|
|
1
|
+
---
|
|
2
|
+
---
|
|
3
|
+
|
|
4
4
|
@import 'home-page';
|