askclass-home-theme 0.0.2 → 0.0.4
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 +2 -1
- data/_includes/boxes/fullpage.html +1 -4
- data/_includes/boxes/rounded.html +3 -1
- data/_sass/_base.scss +2 -0
- data/_sass/_defaults.scss +25 -0
- data/_sass/_section.scss +7 -19
- data/_sass/init.scss +5 -33
- data/assets/css/default.scss +1 -1
- data/assets/css/modules.scss +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b394cb0ccaff8e07e1741e2480f78a1e002733d7cb3bc94830ceded61dda80d1
|
|
4
|
+
data.tar.gz: dd103398ab46a34bca8802f46b8e048dd0dbf73e2858ce345ad2cf3bbcc095ac
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7c5327bac9a6b5b01d6b32539355357adb478f5c47a2c55ea0d783ecd7c0ee64202adf0bbf3c07f36b8027b2a16ad1e626d728f0d671a6662097023a816887af
|
|
7
|
+
data.tar.gz: 955011743e641ee956a626a253795cd31e3231755b5c4eb7dc8ce901e26caef14500763a97401b14f949cd79c0f45f5fffa6cd8009e28e1238b830fec791e06b
|
data/README.md
CHANGED
|
@@ -8,7 +8,8 @@ Simple responsive Jekyll theme for a home page.
|
|
|
8
8
|
Starting fresh:
|
|
9
9
|
```sh
|
|
10
10
|
$ echo 'source "https://rubygems.org"' > Gemfile
|
|
11
|
-
$ echo '
|
|
11
|
+
$ echo 'gem "askclass-home-theme"' >> Gemfile
|
|
12
|
+
$ echo 'theme: askclass-home-theme' > _config.yml
|
|
12
13
|
$ bundle
|
|
13
14
|
$ jekyll serve
|
|
14
15
|
```
|
|
@@ -27,12 +27,9 @@
|
|
|
27
27
|
{%- endif %}
|
|
28
28
|
|
|
29
29
|
<div class='text'>
|
|
30
|
-
{%- if info.subheader %}
|
|
31
|
-
{%- assign smaller = 'smaller' %}
|
|
32
|
-
{%- endif %}
|
|
33
30
|
{%- for hdr in info.headers %}
|
|
34
31
|
<h1
|
|
35
|
-
class='animated
|
|
32
|
+
class='animated'
|
|
36
33
|
style='animation-delay: {{ forloop.index | times: 300 | plus: 100 }}ms'>
|
|
37
34
|
{{ hdr }}
|
|
38
35
|
</h1>
|
|
@@ -3,8 +3,10 @@
|
|
|
3
3
|
{%- assign len = info.boxes | size %}
|
|
4
4
|
{%- if len > 1 %}
|
|
5
5
|
{%- assign splitContent = 'split-content' %}
|
|
6
|
+
{%- assign smaller = 'smaller' %}
|
|
6
7
|
{%- else %}
|
|
7
8
|
{%- assign splitContent = '' %}
|
|
9
|
+
{%- assign smaller = '' %}
|
|
8
10
|
{%- endif %}
|
|
9
11
|
<div class='max-width {{ splitContent }}'>
|
|
10
12
|
{%- for box in info.boxes %}
|
|
@@ -18,7 +20,7 @@
|
|
|
18
20
|
<img src='{{ box.image.src }}' title='{{ box.image.text }}' width='{{ box.image.width }}' />
|
|
19
21
|
</div>
|
|
20
22
|
{%- endif %}
|
|
21
|
-
<h1 class='smaller'>{{ box.title }}</h1>
|
|
23
|
+
<h1 class='{{ smaller }}'>{{ box.title }}</h1>
|
|
22
24
|
<p>{{ box.text }}</p>
|
|
23
25
|
{%- if box.button %}
|
|
24
26
|
<a class='a-button link' href='{{ box.button.href }}'>
|
data/_sass/_base.scss
CHANGED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
$font-main: 'Open Sans', sans-serif;
|
|
2
|
+
$font-mono: 'Share Tech Mono', monospace;
|
|
3
|
+
$font-special: 'Josefin Sans', sans-serif;
|
|
4
|
+
$font-secondary: 'Lora', serif;
|
|
5
|
+
$font-tertiary: 'Lexend', sans-serif;
|
|
6
|
+
|
|
7
|
+
$color-primary: white;
|
|
8
|
+
$color-secondary: floralwhite;
|
|
9
|
+
$color-tertiary: #2cdd88;
|
|
10
|
+
$color-fg: #333;
|
|
11
|
+
$color-bg: whitesmoke;
|
|
12
|
+
$color-dark: #444;
|
|
13
|
+
$color-link: deeppink;
|
|
14
|
+
$color-theme: #ffc100;
|
|
15
|
+
|
|
16
|
+
$color-row-odd: #2a2a2a;
|
|
17
|
+
$color-row-even: #2f2f2f;
|
|
18
|
+
|
|
19
|
+
$color-button-fg: #fff;
|
|
20
|
+
$color-button-bg: #ff4713;
|
|
21
|
+
$color-button2-fg: #fff;
|
|
22
|
+
$color-button2-bg: #222;
|
|
23
|
+
$color-code-bg: #222;
|
|
24
|
+
|
|
25
|
+
$content-width: 1200px;
|
data/_sass/_section.scss
CHANGED
|
@@ -48,13 +48,9 @@ article {
|
|
|
48
48
|
margin-top: 20px;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
h1.smaller {
|
|
52
|
-
text-transform: uppercase;
|
|
53
|
-
}
|
|
54
51
|
h4 {
|
|
55
52
|
margin: 0;
|
|
56
53
|
padding: 0;
|
|
57
|
-
text-transform: uppercase;
|
|
58
54
|
color: var(--color-dark);
|
|
59
55
|
}
|
|
60
56
|
p {
|
|
@@ -78,7 +74,6 @@ article {
|
|
|
78
74
|
padding: 2em;
|
|
79
75
|
margin: 1em 0;
|
|
80
76
|
h1 {
|
|
81
|
-
text-transform: uppercase;
|
|
82
77
|
margin: 0;
|
|
83
78
|
line-height: 1;
|
|
84
79
|
}
|
|
@@ -88,36 +83,30 @@ article {
|
|
|
88
83
|
}
|
|
89
84
|
}
|
|
90
85
|
|
|
91
|
-
@mixin
|
|
86
|
+
@mixin large() {
|
|
92
87
|
h1 { font-size: 80px; }
|
|
93
88
|
h1.smaller { font-size: 70px; }
|
|
94
89
|
h4, p { font-size: 35px; }
|
|
95
90
|
}
|
|
96
91
|
|
|
97
|
-
@mixin large() {
|
|
98
|
-
h1 { font-size: 60px; }
|
|
99
|
-
h1.smaller { font-size: 50px; }
|
|
100
|
-
h4, p { font-size: 30px; }
|
|
101
|
-
}
|
|
102
|
-
|
|
103
92
|
@mixin medium() {
|
|
104
93
|
h1 { font-size: 50px; }
|
|
105
94
|
h1.smaller { font-size: 40px; }
|
|
106
|
-
h4, p { font-size:
|
|
95
|
+
h4, p { font-size: 30px; }
|
|
107
96
|
}
|
|
108
97
|
|
|
109
98
|
@mixin small() {
|
|
110
99
|
h1 { font-size: 40px; }
|
|
111
100
|
h1.smaller { font-size: 30px; }
|
|
112
|
-
h4, p { font-size:
|
|
101
|
+
h4, p { font-size: 24px; }
|
|
113
102
|
}
|
|
114
103
|
|
|
115
104
|
@media screen and (min-width:1024px) {
|
|
116
|
-
@include
|
|
105
|
+
@include large();
|
|
117
106
|
}
|
|
118
107
|
|
|
119
108
|
@media screen and (min-width:767px) {
|
|
120
|
-
@include
|
|
109
|
+
@include medium();
|
|
121
110
|
.max-width.split-content {
|
|
122
111
|
flex-direction: row;
|
|
123
112
|
&.align-right {
|
|
@@ -128,9 +117,8 @@ article {
|
|
|
128
117
|
}
|
|
129
118
|
}
|
|
130
119
|
}
|
|
131
|
-
@media screen and (max-width:767px) { @include
|
|
132
|
-
@media screen and (max-width:600px) { @include small(); }
|
|
120
|
+
@media screen and (max-width:767px) { @include small(); }
|
|
133
121
|
|
|
134
122
|
&.rounded .max-width,
|
|
135
|
-
.split-content { @include
|
|
123
|
+
.split-content { @include small(); }
|
|
136
124
|
}
|
data/_sass/init.scss
CHANGED
|
@@ -1,34 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
$font-special: 'Josefin Sans', sans-serif;
|
|
4
|
-
$font-secondary: 'Lora', serif;
|
|
5
|
-
$font-tertiary: 'Lexend', sans-serif;
|
|
1
|
+
// Overriding custom variables. See:
|
|
2
|
+
// https://github.com/beAuthentic/askclass-home-theme/blob/main/_sass/_defaults.scss
|
|
6
3
|
|
|
7
|
-
|
|
8
|
-
$color-
|
|
9
|
-
$color-
|
|
10
|
-
$color-fg: #333;
|
|
11
|
-
$color-bg: whitesmoke;
|
|
12
|
-
$color-dark: #444;
|
|
13
|
-
$color-link: deeppink;
|
|
14
|
-
$color-theme: #ffc100;
|
|
15
|
-
|
|
16
|
-
$color-row-odd: #2a2a2a;
|
|
17
|
-
$color-row-even: #2f2f2f;
|
|
18
|
-
|
|
19
|
-
$color-button-fg: #fff;
|
|
20
|
-
$color-button-bg: #ff4713;
|
|
21
|
-
$color-button2-fg: #fff;
|
|
22
|
-
$color-button2-bg: #222;
|
|
23
|
-
$color-code-bg: #222;
|
|
24
|
-
$color-card-bg: whitesmoke;
|
|
25
|
-
$color-card-fg: #444;
|
|
26
|
-
|
|
27
|
-
$card-font-size: 16px;
|
|
28
|
-
|
|
29
|
-
$content-width: 1200px;
|
|
30
|
-
|
|
31
|
-
$grid-width: 180px;
|
|
32
|
-
$grid-image-height: 180px;
|
|
33
|
-
|
|
34
|
-
@import "media", "base";
|
|
4
|
+
// Example, to overwrite default bg/fg colors specified in the file above:
|
|
5
|
+
// $color-bg: black;
|
|
6
|
+
// $color-fg: white;
|
data/assets/css/default.scss
CHANGED
data/assets/css/modules.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: askclass-home-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- AskClass
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-04-
|
|
11
|
+
date: 2023-04-06 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -50,6 +50,7 @@ files:
|
|
|
50
50
|
- _sass/_base.scss
|
|
51
51
|
- _sass/_bullets.scss
|
|
52
52
|
- _sass/_colors.scss
|
|
53
|
+
- _sass/_defaults.scss
|
|
53
54
|
- _sass/_media.scss
|
|
54
55
|
- _sass/_post.scss
|
|
55
56
|
- _sass/_section.scss
|