jekyll-theme-fluffy 0.1.0 → 0.2.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 +5 -5
- data/README.md +0 -1
- data/_includes/footer.html +9 -3
- data/_includes/header.html +3 -5
- data/_layouts/default.html +11 -5
- data/_sass/fluffy.scss +7 -7
- data/_sass/fluffy/_layout.scss +32 -8
- data/_sass/fluffy/_typography.scss +41 -16
- data/assets/css/style.scss +0 -11
- metadata +7 -8
- data/assets/svg/shapes.svg +0 -27
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: ed000ebbe69752c96efb47290cb892f7b2ba9dddacaca4650d48826fc7997426
|
|
4
|
+
data.tar.gz: 8dabcbf89054dda03f5f6f1b8f877a74d71c33b516aee31c0ab693ce9c12526b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2e8d4e1c18465e92bc3e773f9b93e99e89a50bfe87914e40b517209a53046c0d5b125b277e2aedea883e1e63d67ab16b90da91ba7467089772badae9e8024139
|
|
7
|
+
data.tar.gz: e64774745da2738bb06c05a195351a014f22031d48663d016e879bea1279bfa5bf165bf08d721de801243fa64e27b3c91274f5d192f136a69c2b700d89e988c8
|
data/_includes/footer.html
CHANGED
data/_includes/header.html
CHANGED
data/_layouts/default.html
CHANGED
|
@@ -12,12 +12,18 @@
|
|
|
12
12
|
</head>
|
|
13
13
|
|
|
14
14
|
<body>
|
|
15
|
-
|
|
15
|
+
<div class="wrapper">
|
|
16
|
+
<header>
|
|
17
|
+
{%- include header.html -%}
|
|
18
|
+
</header>
|
|
16
19
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
<main>
|
|
21
|
+
{{ content }}
|
|
22
|
+
</main>
|
|
20
23
|
|
|
21
|
-
|
|
24
|
+
<footer>
|
|
25
|
+
{%- include footer.html -%}
|
|
26
|
+
</footer>
|
|
27
|
+
</div>
|
|
22
28
|
</body>
|
|
23
29
|
</html>
|
data/_sass/fluffy.scss
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
@charset "utf-8";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
@import url('https://fonts.googleapis.com/css?family=Nunito:300,600|Philosopher:400i&display=swap');
|
|
4
|
+
|
|
5
|
+
$bg-color: white !default;
|
|
4
6
|
|
|
5
7
|
/* Font basics */
|
|
6
|
-
$font-color:
|
|
7
|
-
$font-family:
|
|
8
|
+
$font-color: black !default;
|
|
9
|
+
$font-family-title: 'Philosopher', sans-serif !default;
|
|
10
|
+
$font-family-body: 'Nunito', sans-serif !default;
|
|
8
11
|
|
|
9
12
|
/* Font sizing */
|
|
10
13
|
$font-size: 16px !default;
|
|
11
14
|
$font-size-base: 1em !default;
|
|
12
|
-
$font-size-scale: 1.
|
|
15
|
+
$font-size-scale: 1.87 !default;
|
|
13
16
|
|
|
14
17
|
/* Font scaling */
|
|
15
18
|
$font-size-xs: $font-size-base / $font-size-scale / $font-size-scale !default;
|
|
@@ -18,9 +21,6 @@ $font-size-md: $font-size-sm * $font-size-scale !default;
|
|
|
18
21
|
$font-size-lg: $font-size-md * $font-size-scale !default;
|
|
19
22
|
$font-size-xl: $font-size-lg * $font-size-scale !default;
|
|
20
23
|
|
|
21
|
-
/* Layout */
|
|
22
|
-
$content-padding: 18px 197px !default;
|
|
23
|
-
|
|
24
24
|
@import "fluffy/layout",
|
|
25
25
|
"fluffy/reset",
|
|
26
26
|
"fluffy/typography";
|
data/_sass/fluffy/_layout.scss
CHANGED
|
@@ -1,25 +1,49 @@
|
|
|
1
1
|
@charset "utf-8";
|
|
2
2
|
|
|
3
3
|
html, body {
|
|
4
|
-
background:
|
|
4
|
+
background: white;
|
|
5
5
|
height: 100%;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
body {
|
|
9
|
+
padding: 20px 15px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.wrapper {
|
|
9
13
|
display: flex;
|
|
10
14
|
flex-direction: column;
|
|
11
|
-
|
|
15
|
+
margin: auto;
|
|
16
|
+
padding: 35px;
|
|
12
17
|
|
|
13
|
-
|
|
14
|
-
width: 389px;
|
|
18
|
+
max-width: 720px;
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
header, footer, main {
|
|
18
|
-
|
|
19
|
-
flex:
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
header {
|
|
23
|
-
|
|
24
|
-
|
|
27
|
+
padding-top: 108px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
main {
|
|
31
|
+
flex: auto;
|
|
32
|
+
padding-top: 58px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
footer {
|
|
36
|
+
height: 55px;
|
|
37
|
+
padding-top: 28px;
|
|
38
|
+
|
|
39
|
+
ul.social-icons {
|
|
40
|
+
margin: 0 auto;
|
|
41
|
+
|
|
42
|
+
li {
|
|
43
|
+
width: 18px;
|
|
44
|
+
height: 18px;
|
|
45
|
+
float: left;
|
|
46
|
+
padding: 9px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
25
49
|
}
|
|
@@ -3,50 +3,75 @@
|
|
|
3
3
|
html, body {
|
|
4
4
|
color: $font-color;
|
|
5
5
|
font-size: $font-size;
|
|
6
|
-
font-family: $font-family;
|
|
6
|
+
font-family: $font-family-body;
|
|
7
|
+
font-weight: 300;
|
|
7
8
|
}
|
|
8
9
|
|
|
9
10
|
p {
|
|
10
11
|
line-height: 26px;
|
|
11
|
-
|
|
12
|
+
padding: 0 0 26px;
|
|
12
13
|
|
|
13
14
|
+ p {
|
|
14
|
-
padding-top:
|
|
15
|
+
padding-top: 12px;
|
|
15
16
|
}
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
h1 {
|
|
19
20
|
font-size: $font-size-xl;
|
|
20
|
-
font-
|
|
21
|
+
font-family: $font-family-title;
|
|
22
|
+
font-weight: 400;
|
|
21
23
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
@media screen and (max-width: 768px) {
|
|
25
|
+
margin: 18px 0;
|
|
26
|
+
}
|
|
24
27
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
left: -145px;
|
|
29
|
-
top: -60px;
|
|
30
|
-
}
|
|
28
|
+
@media screen and (min-width: 769px) {
|
|
29
|
+
margin: 21px auto 0;
|
|
30
|
+
text-align: center;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
h2 {
|
|
35
35
|
font-size: $font-size-lg;
|
|
36
|
-
font-
|
|
36
|
+
font-family: $font-family-title;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
width: max-content;
|
|
39
|
+
|
|
40
|
+
@media screen and (max-width: 768px) {
|
|
41
|
+
margin: 18px 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@media screen and (min-width: 769px) {
|
|
45
|
+
margin: 21px auto 0;
|
|
46
|
+
text-align: center;
|
|
47
|
+
}
|
|
37
48
|
}
|
|
38
49
|
|
|
39
50
|
h3 {
|
|
40
51
|
font-size: $font-size-md;
|
|
41
|
-
font-weight:
|
|
52
|
+
font-weight: 600;
|
|
53
|
+
|
|
54
|
+
@media screen and (max-width: 768px) {
|
|
55
|
+
margin: 20px 0 10px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@media screen and (min-width: 769px) {
|
|
59
|
+
margin: 32px 0 14px;
|
|
60
|
+
}
|
|
42
61
|
}
|
|
43
62
|
|
|
44
63
|
h4 {
|
|
45
64
|
font-size: $font-size-sm;
|
|
46
|
-
font-weight:
|
|
65
|
+
font-weight: 600;
|
|
47
66
|
}
|
|
48
67
|
|
|
49
68
|
h5 {
|
|
50
69
|
font-size: $font-size-xs;
|
|
51
|
-
font-weight:
|
|
70
|
+
font-weight: 600;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
code {
|
|
74
|
+
background-color: #ececec;
|
|
75
|
+
border-radius: 2px;
|
|
76
|
+
padding: 1px 3px;
|
|
52
77
|
}
|
data/assets/css/style.scss
CHANGED
|
@@ -2,15 +2,4 @@
|
|
|
2
2
|
# This file is left intentionally blank.
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
{% assign style = site.fluffy.style %}
|
|
6
|
-
|
|
7
|
-
{% for import in style.imports %}
|
|
8
|
-
@import url({{ import }});
|
|
9
|
-
{% endfor %}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
{% for item in style.setup %}
|
|
13
|
-
${{item[0]}}: {{item[1]}};
|
|
14
|
-
{% endfor %}
|
|
15
|
-
|
|
16
5
|
@import "fluffy";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-fluffy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Iain Reid
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2020-02-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -16,14 +16,14 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version:
|
|
19
|
+
version: 3.7.3
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version:
|
|
26
|
+
version: 3.7.3
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: bundler
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -44,14 +44,14 @@ dependencies:
|
|
|
44
44
|
requirements:
|
|
45
45
|
- - "~>"
|
|
46
46
|
- !ruby/object:Gem::Version
|
|
47
|
-
version: '
|
|
47
|
+
version: '13.0'
|
|
48
48
|
type: :development
|
|
49
49
|
prerelease: false
|
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
|
51
51
|
requirements:
|
|
52
52
|
- - "~>"
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
|
-
version: '
|
|
54
|
+
version: '13.0'
|
|
55
55
|
description:
|
|
56
56
|
email:
|
|
57
57
|
- iainreid382@gmail.com
|
|
@@ -72,7 +72,6 @@ files:
|
|
|
72
72
|
- _sass/fluffy/_reset.scss
|
|
73
73
|
- _sass/fluffy/_typography.scss
|
|
74
74
|
- assets/css/style.scss
|
|
75
|
-
- assets/svg/shapes.svg
|
|
76
75
|
homepage: https://github.com/iainreid820/jekyll-theme-fluffy
|
|
77
76
|
licenses:
|
|
78
77
|
- MIT
|
|
@@ -93,7 +92,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
93
92
|
version: '0'
|
|
94
93
|
requirements: []
|
|
95
94
|
rubyforge_project:
|
|
96
|
-
rubygems_version: 2.
|
|
95
|
+
rubygems_version: 2.7.6
|
|
97
96
|
signing_key:
|
|
98
97
|
specification_version: 4
|
|
99
98
|
summary: A lightweight, minimal theme for Jekyll
|
data/assets/svg/shapes.svg
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<svg width="138px" height="198px" viewBox="0 0 138 198" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
-
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
3
|
-
<g transform="translate(-70, -250)">
|
|
4
|
-
<g transform="translate(70, 250)">
|
|
5
|
-
<path id="motion" d="M0.0148509207,4.00764643 C0.0148509207,1.79967955 1.79677648,0.0097687413 4.01272861,0.0097687413 L4.61697323,0.0097687413 C6.82494011,0.0097687413 8.61485092,1.7916943 8.61485092,4.00764643 L8.61485092,4.61189105 C8.61485092,6.81985793 6.83292536,8.60976874 4.61697323,8.60976874 L4.01272861,8.60976874 C1.80476173,8.60976874 0.0148509207,6.82784318 0.0148509207,4.61189105 L0.0148509207,4.00764643 Z"></path>
|
|
6
|
-
|
|
7
|
-
<rect fill-opacity="0.53" fill="#82E1FF" transform="translate(48, 100.5) rotate(-18) translate(-48, -100.5) " x="23" y="16" rx="8" ry="8" width="50" height="169">
|
|
8
|
-
<animateMotion dur="10s" repeatCount="indefinite">
|
|
9
|
-
<mpath xlink:href="#motion"/>
|
|
10
|
-
</animateMotion>
|
|
11
|
-
</rect>
|
|
12
|
-
|
|
13
|
-
<circle fill-opacity="0.53" fill="#84FF89" transform="translate(88, 100.5) rotate(-18) translate(-88, -100.5) " cx="88.5" cy="100.5" r="34.5">
|
|
14
|
-
<animateMotion dur="7s" repeatCount="indefinite">
|
|
15
|
-
<mpath xlink:href="#motion"/>
|
|
16
|
-
</animateMotion>
|
|
17
|
-
</circle>
|
|
18
|
-
|
|
19
|
-
<path fill-opacity="0.53" fill="#FF8282" transform="translate(88.5, 25) rotate(-18) translate(-88.5, -25)" d="M84.5087082,1.94137711 C86.7130378,-1.89223961 90.2822214,-1.90048452 92.4912918,1.94137711 L119.008708,48.0586229 C121.213038,51.8922396 119.411519,55 115.000529,55 L61.9994708,55 C57.5814851,55 55.7822214,51.9004845 57.9912918,48.0586229 L84.5087082,1.94137711 Z">
|
|
20
|
-
<animateMotion dur="4s" repeatCount="indefinite">
|
|
21
|
-
<mpath xlink:href="#motion"/>
|
|
22
|
-
</animateMotion>
|
|
23
|
-
</path>
|
|
24
|
-
</g>
|
|
25
|
-
</g>
|
|
26
|
-
</g>
|
|
27
|
-
</svg>
|