fortyone-jekyll-theme 1.0.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 +7 -0
- data/LICENSE.md +63 -0
- data/README.md +71 -0
- data/_includes/footer.html +105 -0
- data/_includes/head.html +9 -0
- data/_includes/header.html +30 -0
- data/_includes/tiles.html +28 -0
- data/_layouts/allposts.html +17 -0
- data/_layouts/alltags.html +59 -0
- data/_layouts/home.html +55 -0
- data/_layouts/landing.html +39 -0
- data/_layouts/page.html +17 -0
- data/_layouts/post.html +36 -0
- data/_sass/base/_page.scss +38 -0
- data/_sass/base/_typography.scss +173 -0
- data/_sass/components/_box.scss +25 -0
- data/_sass/components/_button.scss +132 -0
- data/_sass/components/_contact-method.scss +23 -0
- data/_sass/components/_form.scss +224 -0
- data/_sass/components/_icon.scss +50 -0
- data/_sass/components/_image.scss +62 -0
- data/_sass/components/_list.scss +148 -0
- data/_sass/components/_section.scss +69 -0
- data/_sass/components/_spotlights.scss +119 -0
- data/_sass/components/_table.scss +81 -0
- data/_sass/components/_tiles.scss +183 -0
- data/_sass/fortyone-jekyll-theme.scss +1 -0
- data/_sass/ie8.scss +50 -0
- data/_sass/ie9.scss +115 -0
- data/_sass/layout/_banner.scss +177 -0
- data/_sass/layout/_contact.scss +93 -0
- data/_sass/layout/_footer.scss +42 -0
- data/_sass/layout/_header.scss +248 -0
- data/_sass/layout/_main.scss +26 -0
- data/_sass/layout/_menu.scss +164 -0
- data/_sass/layout/_wrapper.scss +28 -0
- data/_sass/libs/_functions.scss +34 -0
- data/_sass/libs/_mixins.scss +56 -0
- data/_sass/libs/_skel.scss +585 -0
- data/_sass/libs/_vars.scss +47 -0
- data/_sass/main.scss +78 -0
- data/assets/css/font-awesome.min.css +4 -0
- data/assets/css/ie8.css +43 -0
- data/assets/css/ie9.css +94 -0
- data/assets/css/main.css +3916 -0
- data/assets/fonts/FontAwesome.otf +0 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +685 -0
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/images/banner.jpg +0 -0
- data/assets/images/forty.jpg +0 -0
- data/assets/images/pic01.jpg +0 -0
- data/assets/images/pic02.jpg +0 -0
- data/assets/images/pic03.jpg +0 -0
- data/assets/images/pic04.jpg +0 -0
- data/assets/images/pic05.jpg +0 -0
- data/assets/images/pic06.jpg +0 -0
- data/assets/images/pic07.jpg +0 -0
- data/assets/images/pic08.jpg +0 -0
- data/assets/images/pic09.jpg +0 -0
- data/assets/images/pic10.jpg +0 -0
- data/assets/images/pic11.jpg +0 -0
- data/assets/js/ie/.directory +3 -0
- data/assets/js/ie/backgroundsize.min.htc +7 -0
- data/assets/js/ie/html5shiv.js +8 -0
- data/assets/js/ie/respond.min.js +6 -0
- data/assets/js/jquery.min.js +5 -0
- data/assets/js/jquery.scrollex.min.js +2 -0
- data/assets/js/jquery.scrolly.min.js +2 -0
- data/assets/js/main.js +352 -0
- data/assets/js/skel.min.js +2 -0
- data/assets/js/util.js +587 -0
- metadata +146 -0
@@ -0,0 +1,39 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<!--
|
3
|
+
Forty by HTML5 UP
|
4
|
+
html5up.net | @ajlkn
|
5
|
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
|
+
-->
|
7
|
+
<html>
|
8
|
+
|
9
|
+
{% include head.html %}
|
10
|
+
|
11
|
+
<body>
|
12
|
+
|
13
|
+
{% include header.html %}
|
14
|
+
|
15
|
+
<section id="banner" class="style2">
|
16
|
+
<div class="inner">
|
17
|
+
<span class="image">
|
18
|
+
<img src="{{ site.baseurl }}/{{ page.image }}" alt="">
|
19
|
+
</span>
|
20
|
+
<header class="major">
|
21
|
+
|
22
|
+
<h1>{{ page.title }}</h1>
|
23
|
+
|
24
|
+
</header>
|
25
|
+
<div class="content">
|
26
|
+
|
27
|
+
{{ page.description }}
|
28
|
+
|
29
|
+
</div>
|
30
|
+
</div>
|
31
|
+
</section>
|
32
|
+
|
33
|
+
{{ content }}
|
34
|
+
|
35
|
+
{% include footer.html %}
|
36
|
+
|
37
|
+
</body>
|
38
|
+
|
39
|
+
</html>
|
data/_layouts/page.html
ADDED
@@ -0,0 +1,17 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<!--
|
3
|
+
Forty by HTML5 UP
|
4
|
+
html5up.net | @ajlkn
|
5
|
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
|
+
-->
|
7
|
+
<html>
|
8
|
+
|
9
|
+
{% include head.html %}
|
10
|
+
|
11
|
+
<body>
|
12
|
+
|
13
|
+
{% include header.html %} {{ content }} {% include footer.html %}
|
14
|
+
|
15
|
+
</body>
|
16
|
+
|
17
|
+
</html>
|
data/_layouts/post.html
ADDED
@@ -0,0 +1,36 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<!--
|
3
|
+
Forty by HTML5 UP
|
4
|
+
html5up.net | @ajlkn
|
5
|
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
6
|
+
-->
|
7
|
+
<html>
|
8
|
+
|
9
|
+
{% include head.html %}
|
10
|
+
|
11
|
+
<body>
|
12
|
+
|
13
|
+
{% include header.html %}
|
14
|
+
|
15
|
+
|
16
|
+
<!-- Main -->
|
17
|
+
<div id="main" class="alt">
|
18
|
+
|
19
|
+
<!-- One -->
|
20
|
+
<section id="one">
|
21
|
+
<div class="inner">
|
22
|
+
<header class="major">
|
23
|
+
<h1>{{ page.title }}</h1>
|
24
|
+
</header>
|
25
|
+
{% if page.image %}<span class="image main"><img src="{{ site.baseurl }}/{{ page.image }}" alt="" /></span>{% endif %}
|
26
|
+
<p>{{ content }}</p>
|
27
|
+
</div>
|
28
|
+
</section>
|
29
|
+
|
30
|
+
</div>
|
31
|
+
|
32
|
+
{% include footer.html %}
|
33
|
+
|
34
|
+
</body>
|
35
|
+
|
36
|
+
</html>
|
@@ -0,0 +1,38 @@
|
|
1
|
+
///
|
2
|
+
/// Forty by HTML5 UP
|
3
|
+
/// html5up.net | @ajlkn
|
4
|
+
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
5
|
+
///
|
6
|
+
|
7
|
+
/* Basic */
|
8
|
+
|
9
|
+
// MSIE: Required for IEMobile.
|
10
|
+
@-ms-viewport {
|
11
|
+
width: device-width;
|
12
|
+
}
|
13
|
+
|
14
|
+
// MSIE: Prevents scrollbar from overlapping content.
|
15
|
+
body {
|
16
|
+
-ms-overflow-style: scrollbar;
|
17
|
+
}
|
18
|
+
|
19
|
+
// Ensures page width is always >=320px.
|
20
|
+
@include breakpoint(xsmall) {
|
21
|
+
html, body {
|
22
|
+
min-width: 320px;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
body {
|
27
|
+
background: _palette(bg);
|
28
|
+
|
29
|
+
// Prevents animation/transition "flicker" on page load.
|
30
|
+
// Automatically added/removed by js/main.js.
|
31
|
+
&.is-loading {
|
32
|
+
*, *:before, *:after {
|
33
|
+
@include vendor('animation', 'none !important');
|
34
|
+
@include vendor('transition', 'none !important');
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
}
|
@@ -0,0 +1,173 @@
|
|
1
|
+
///
|
2
|
+
/// Forty by HTML5 UP
|
3
|
+
/// html5up.net | @ajlkn
|
4
|
+
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
5
|
+
///
|
6
|
+
|
7
|
+
/* Type */
|
8
|
+
|
9
|
+
body, input, select, textarea {
|
10
|
+
color: _palette(fg);
|
11
|
+
font-family: _font(family);
|
12
|
+
font-size: 17pt;
|
13
|
+
font-weight: _font(weight);
|
14
|
+
letter-spacing: _font(letter-spacing);
|
15
|
+
line-height: 1.65;
|
16
|
+
|
17
|
+
@include breakpoint(xlarge) {
|
18
|
+
font-size: 14pt;
|
19
|
+
}
|
20
|
+
|
21
|
+
@include breakpoint(large) {
|
22
|
+
font-size: 12pt;
|
23
|
+
}
|
24
|
+
|
25
|
+
@include breakpoint(xxsmall) {
|
26
|
+
font-size: 11pt;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
a {
|
31
|
+
@include vendor('transition', (
|
32
|
+
'color #{_duration(transition)} ease-in-out',
|
33
|
+
'border-bottom-color #{_duration(transition)} ease-in-out'
|
34
|
+
));
|
35
|
+
border-bottom: dotted 1px;
|
36
|
+
color: inherit;
|
37
|
+
text-decoration: none;
|
38
|
+
|
39
|
+
&:hover {
|
40
|
+
border-bottom-color: transparent;
|
41
|
+
color: _palette(highlight) !important;
|
42
|
+
}
|
43
|
+
|
44
|
+
&:active {
|
45
|
+
color: desaturate(darken(_palette(highlight), 15), 5) !important;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
strong, b {
|
50
|
+
color: _palette(fg-bold);
|
51
|
+
font-weight: _font(weight-bold);
|
52
|
+
}
|
53
|
+
|
54
|
+
em, i {
|
55
|
+
font-style: italic;
|
56
|
+
}
|
57
|
+
|
58
|
+
p {
|
59
|
+
margin: 0 0 _size(element-margin) 0;
|
60
|
+
}
|
61
|
+
|
62
|
+
h1, h2, h3, h4, h5, h6 {
|
63
|
+
color: _palette(fg-bold);
|
64
|
+
font-weight: _font(weight-bold);
|
65
|
+
line-height: 1.65;
|
66
|
+
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
67
|
+
|
68
|
+
a {
|
69
|
+
color: inherit;
|
70
|
+
border-bottom: 0;
|
71
|
+
}
|
72
|
+
}
|
73
|
+
|
74
|
+
h1 {
|
75
|
+
font-size: 2.5em;
|
76
|
+
}
|
77
|
+
|
78
|
+
h2 {
|
79
|
+
font-size: 1.75em;
|
80
|
+
}
|
81
|
+
|
82
|
+
h3 {
|
83
|
+
font-size: 1.35em;
|
84
|
+
}
|
85
|
+
|
86
|
+
h4 {
|
87
|
+
font-size: 1.1em;
|
88
|
+
}
|
89
|
+
|
90
|
+
h5 {
|
91
|
+
font-size: 0.9em;
|
92
|
+
}
|
93
|
+
|
94
|
+
h6 {
|
95
|
+
font-size: 0.7em;
|
96
|
+
}
|
97
|
+
|
98
|
+
@include breakpoint(small) {
|
99
|
+
h1 {
|
100
|
+
font-size: 2em;
|
101
|
+
}
|
102
|
+
|
103
|
+
h2 {
|
104
|
+
font-size: 1.5em;
|
105
|
+
}
|
106
|
+
|
107
|
+
h3 {
|
108
|
+
font-size: 1.25em;
|
109
|
+
}
|
110
|
+
}
|
111
|
+
|
112
|
+
sub {
|
113
|
+
font-size: 0.8em;
|
114
|
+
position: relative;
|
115
|
+
top: 0.5em;
|
116
|
+
}
|
117
|
+
|
118
|
+
sup {
|
119
|
+
font-size: 0.8em;
|
120
|
+
position: relative;
|
121
|
+
top: -0.5em;
|
122
|
+
}
|
123
|
+
|
124
|
+
blockquote {
|
125
|
+
border-left: solid 4px _palette(border);
|
126
|
+
font-style: italic;
|
127
|
+
margin: 0 0 _size(element-margin) 0;
|
128
|
+
padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
|
129
|
+
}
|
130
|
+
|
131
|
+
code {
|
132
|
+
background: _palette(border-bg);
|
133
|
+
font-family: _font(family-fixed);
|
134
|
+
font-size: 0.9em;
|
135
|
+
margin: 0 0.25em;
|
136
|
+
padding: 0.25em 0.65em;
|
137
|
+
}
|
138
|
+
|
139
|
+
pre {
|
140
|
+
-webkit-overflow-scrolling: touch;
|
141
|
+
font-family: _font(family-fixed);
|
142
|
+
font-size: 0.9em;
|
143
|
+
margin: 0 0 _size(element-margin) 0;
|
144
|
+
|
145
|
+
code {
|
146
|
+
display: block;
|
147
|
+
line-height: 1.75;
|
148
|
+
padding: 1em 1.5em;
|
149
|
+
overflow-x: auto;
|
150
|
+
}
|
151
|
+
}
|
152
|
+
|
153
|
+
hr {
|
154
|
+
border: 0;
|
155
|
+
border-bottom: solid 1px _palette(border);
|
156
|
+
margin: _size(element-margin) 0;
|
157
|
+
|
158
|
+
&.major {
|
159
|
+
margin: (_size(element-margin) * 1.5) 0;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
|
163
|
+
.align-left {
|
164
|
+
text-align: left;
|
165
|
+
}
|
166
|
+
|
167
|
+
.align-center {
|
168
|
+
text-align: center;
|
169
|
+
}
|
170
|
+
|
171
|
+
.align-right {
|
172
|
+
text-align: right;
|
173
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
///
|
2
|
+
/// Forty by HTML5 UP
|
3
|
+
/// html5up.net | @ajlkn
|
4
|
+
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
5
|
+
///
|
6
|
+
|
7
|
+
/* Box */
|
8
|
+
|
9
|
+
.box {
|
10
|
+
border: solid 1px _palette(border);
|
11
|
+
margin-bottom: _size(element-margin);
|
12
|
+
padding: 1.5em;
|
13
|
+
|
14
|
+
> :last-child,
|
15
|
+
> :last-child > :last-child,
|
16
|
+
> :last-child > :last-child > :last-child {
|
17
|
+
margin-bottom: 0;
|
18
|
+
}
|
19
|
+
|
20
|
+
&.alt {
|
21
|
+
border: 0;
|
22
|
+
border-radius: 0;
|
23
|
+
padding: 0;
|
24
|
+
}
|
25
|
+
}
|
@@ -0,0 +1,132 @@
|
|
1
|
+
///
|
2
|
+
/// Forty by HTML5 UP
|
3
|
+
/// html5up.net | @ajlkn
|
4
|
+
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
5
|
+
///
|
6
|
+
|
7
|
+
/* Button */
|
8
|
+
|
9
|
+
input[type="submit"],
|
10
|
+
input[type="reset"],
|
11
|
+
input[type="button"],
|
12
|
+
button,
|
13
|
+
.button {
|
14
|
+
@include vendor('appearance', 'none');
|
15
|
+
@include vendor('transition', (
|
16
|
+
'background-color #{_duration(transition)} ease-in-out',
|
17
|
+
'box-shadow #{_duration(transition)} ease-in-out',
|
18
|
+
'color #{_duration(transition)} ease-in-out'
|
19
|
+
));
|
20
|
+
background-color: transparent;
|
21
|
+
border: 0;
|
22
|
+
border-radius: 0;
|
23
|
+
box-shadow: inset 0 0 0 2px _palette(fg-bold);
|
24
|
+
color: _palette(fg-bold);
|
25
|
+
cursor: pointer;
|
26
|
+
display: inline-block;
|
27
|
+
font-size: 0.8em;
|
28
|
+
font-weight: _font(weight-bold);
|
29
|
+
height: 3.5em;
|
30
|
+
letter-spacing: _font(letter-spacing-alt);
|
31
|
+
line-height: 3.5em;
|
32
|
+
padding: 0 1.75em;
|
33
|
+
text-align: center;
|
34
|
+
text-decoration: none;
|
35
|
+
text-transform: uppercase;
|
36
|
+
white-space: nowrap;
|
37
|
+
|
38
|
+
&:hover, &:active {
|
39
|
+
box-shadow: inset 0 0 0 2px _palette(highlight);
|
40
|
+
color: _palette(highlight);
|
41
|
+
}
|
42
|
+
|
43
|
+
&:active {
|
44
|
+
background-color: transparentize(_palette(highlight), 0.9);
|
45
|
+
box-shadow: inset 0 0 0 2px desaturate(darken(_palette(highlight), 15), 5);
|
46
|
+
color: desaturate(darken(_palette(highlight), 15), 5);
|
47
|
+
}
|
48
|
+
|
49
|
+
&.icon {
|
50
|
+
&:before {
|
51
|
+
margin-right: 0.5em;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
&.fit {
|
56
|
+
display: block;
|
57
|
+
margin: 0 0 (_size(element-margin) * 0.5) 0;
|
58
|
+
width: 100%;
|
59
|
+
}
|
60
|
+
|
61
|
+
&.small {
|
62
|
+
font-size: 0.6em;
|
63
|
+
}
|
64
|
+
|
65
|
+
&.big {
|
66
|
+
font-size: 1.25em;
|
67
|
+
height: 3em;
|
68
|
+
line-height: 3em;
|
69
|
+
}
|
70
|
+
|
71
|
+
&.next {
|
72
|
+
padding-right: 4.5em;
|
73
|
+
position: relative;
|
74
|
+
|
75
|
+
&:before, &:after {
|
76
|
+
@include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
|
77
|
+
background-position: center right;
|
78
|
+
background-repeat: no-repeat;
|
79
|
+
background-size: 36px 24px;
|
80
|
+
content: '';
|
81
|
+
display: block;
|
82
|
+
height: 100%;
|
83
|
+
position: absolute;
|
84
|
+
right: 1.5em;
|
85
|
+
top: 0;
|
86
|
+
vertical-align: middle;
|
87
|
+
width: 36px;
|
88
|
+
}
|
89
|
+
|
90
|
+
&:before {
|
91
|
+
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
|
92
|
+
}
|
93
|
+
|
94
|
+
&:after {
|
95
|
+
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
|
96
|
+
opacity: 0;
|
97
|
+
z-index: 1;
|
98
|
+
}
|
99
|
+
|
100
|
+
&:hover, &:active {
|
101
|
+
&:after {
|
102
|
+
opacity: 1;
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
@include breakpoint(large) {
|
107
|
+
padding-right: 5em;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
|
111
|
+
&.special {
|
112
|
+
background-color: _palette(fg-bold);
|
113
|
+
box-shadow: none;
|
114
|
+
color: _palette(bg);
|
115
|
+
|
116
|
+
&:hover, &:active {
|
117
|
+
background-color: _palette(highlight);
|
118
|
+
color: _palette(bg) !important;
|
119
|
+
}
|
120
|
+
|
121
|
+
&:active {
|
122
|
+
background-color: desaturate(darken(_palette(highlight), 15), 5);
|
123
|
+
}
|
124
|
+
}
|
125
|
+
|
126
|
+
&.disabled,
|
127
|
+
&:disabled {
|
128
|
+
@include vendor('pointer-events', 'none');
|
129
|
+
cursor: default;
|
130
|
+
opacity: 0.25;
|
131
|
+
}
|
132
|
+
}
|