fundamental 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/_includes/bio.html +22 -1
- data/_sass/_header.scss +25 -4
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ec6f70b71e0982a17fd801a212b16bb282d36767
|
4
|
+
data.tar.gz: 497961cc89bd66bb67fee183cbf51044be370944
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d5d3ffae1227df7fb006941a92cfd97af8f80fff0a7ab8c28d0fb6d9c4b167e0c482ba9afd1312fa0763b91e515e22b882ad0aee7e0d88f7742d9d7a351a473b
|
7
|
+
data.tar.gz: 63838795b3a4c711e345d50f7c2b871e7a8098423187420d4fb9df3130f3abba4c57a49a24af9fb1cab85efd6fb4c623bab3408450e27c6d7027ec1993670115
|
data/README.md
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
See latest changes in [changelog.md])(https://github.com/theomjones/fundamental/blob/master/changelog.md))
|
6
6
|
|
7
|
-
Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks
|
7
|
+
Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks. It uses system fonts, so no external stylesheets are loaded. The CSS is just 2Kb gzipped.
|
8
8
|
|
9
9
|
View the [demo here](https://blog.theomjones.com).
|
10
10
|
|
data/_includes/bio.html
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
<a id="about-link" style="font-size: 2rem; position: fixed; right: 20px; z-index: 3; transition: transform 0.
|
1
|
+
<a id="about-link" style="font-size: 2rem; position: fixed; right: 20px; z-index: 3; transition: transform 0.1s linear; bottom: 20px; color: #444">{% if site.bio.img_url %}<img class="avatar" style="box-shadow: -1px 2px 2px 0 rgba(20, 20, 20, .5); max-height: 50px; border-radius: 50%;" src="{{site.bio.img_url}}"/>{% else %}{% include bio.svg %}{% endif %}</a>
|
2
2
|
|
3
3
|
<div id="info" style="height: 100vh; width: 500px; max-width: 100%; transform: translateX(535px); transition: transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); background: white; position: fixed; top: 0; right: 0; box-shadow: 2px 2px 4px 1px rgba(20, 20, 20, .5);">
|
4
4
|
<div class="container" style="max-width: 85%">
|
@@ -30,4 +30,25 @@
|
|
30
30
|
link.style.transform = 'rotate(0)';
|
31
31
|
}
|
32
32
|
}
|
33
|
+
|
34
|
+
function animateBioLink() {
|
35
|
+
let lastScrollTop = 0;
|
36
|
+
if (window.innerWidth <= 950) {
|
37
|
+
window.onscroll = () => {
|
38
|
+
let currentScrollTop = window.scrollY || document.body.scrollTop;
|
39
|
+
if (currentScrollTop > lastScrollTop) {
|
40
|
+
//console.log('Moving on down!');
|
41
|
+
link.style.transform = 'translateY(200px)';
|
42
|
+
|
43
|
+
} else {
|
44
|
+
//console.log('Moving on up!');
|
45
|
+
link.style.transform = 'translateY(0)';
|
46
|
+
}
|
47
|
+
lastScrollTop = currentScrollTop;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
animateBioLink();
|
53
|
+
|
33
54
|
</script>
|
data/_sass/_header.scss
CHANGED
@@ -7,22 +7,40 @@ header {
|
|
7
7
|
flex-wrap: wrap;
|
8
8
|
@media screen and (max-width: $break) {
|
9
9
|
justify-content: flex-start;
|
10
|
-
|
11
|
-
|
10
|
+
margin-bottom: -20px;
|
11
|
+
nav {
|
12
|
+
overflow-y: hidden;
|
13
|
+
overflow-x: scroll;
|
14
|
+
max-height: 55px;
|
15
|
+
-webkit-overflow-scrolling: touch;
|
16
|
+
border-bottom: 2px solid $tertiary;
|
17
|
+
width: 100%;
|
18
|
+
}
|
19
|
+
a {
|
20
|
+
text-decoration: none;
|
12
21
|
}
|
13
22
|
}
|
14
23
|
ul {
|
15
24
|
list-style: none;
|
16
25
|
padding-left: 0;
|
17
26
|
margin-right: 50px;
|
27
|
+
-webkit-overflow-scrolling: touch;
|
28
|
+
@media screen and (max-width: $break) {
|
29
|
+
margin-right: 0;
|
30
|
+
overflow-x: scroll;
|
31
|
+
margin: 10px 0 0 40px;
|
32
|
+
display: flex;
|
33
|
+
overflow-x: scroll;
|
34
|
+
padding-bottom: 30px;
|
35
|
+
}
|
18
36
|
@media screen and (max-width: 400px) {
|
19
37
|
margin-left: 10px;
|
20
38
|
margin-top: 5px;
|
21
39
|
}
|
22
|
-
}
|
23
40
|
li {
|
24
41
|
display: inline-block;
|
25
42
|
margin: 0 10px;
|
43
|
+
white-space: nowrap;
|
26
44
|
}
|
27
45
|
}
|
28
46
|
|
@@ -32,11 +50,14 @@ header {
|
|
32
50
|
@media screen and (max-width: 400px) {
|
33
51
|
margin-left: 20px;
|
34
52
|
margin-top: 5px;
|
53
|
+
margin-bottom: 5px;
|
54
|
+
font-size: 120%;
|
35
55
|
}
|
36
56
|
a {
|
37
57
|
text-decoration: none;
|
38
58
|
color: $textColor;
|
39
59
|
}
|
60
|
+
}
|
40
61
|
}
|
41
62
|
|
42
63
|
.active {
|
@@ -47,4 +68,4 @@ header {
|
|
47
68
|
bottom: -15px;
|
48
69
|
left: 45%;
|
49
70
|
}
|
50
|
-
}
|
71
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: fundamental
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.3.
|
4
|
+
version: 0.3.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Theo M Jones
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-08-
|
11
|
+
date: 2017-08-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -144,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
144
144
|
version: '0'
|
145
145
|
requirements: []
|
146
146
|
rubyforge_project:
|
147
|
-
rubygems_version: 2.6.
|
147
|
+
rubygems_version: 2.6.12
|
148
148
|
signing_key:
|
149
149
|
specification_version: 4
|
150
150
|
summary: A lightweight, minimal Jekyll theme.
|