fundamental 0.2.2 → 0.2.3
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 +28 -18
- data/_includes/facebook.svg +3 -0
- data/_includes/messenger.svg +6 -0
- data/_includes/share.html +34 -0
- data/_includes/twitter.svg +6 -0
- data/_includes/whatsapp.svg +9 -0
- data/_layouts/post.html +6 -4
- data/_sass/_globals.scss +13 -2
- data/_sass/_post.scss +29 -0
- metadata +7 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6afd025045ac6d0748fc358cfb3029c9ef6c1892
|
|
4
|
+
data.tar.gz: 48c1d04fac1c78c4005eb3c096ae3e1e173ba70e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 224ac64596ce7ae8e6abfd893dab314d1e79d4c068c5d0425f1f4e3b7ba78d98e1d11c992838ff58b51f3ed9f1144dc417fd017b2ae0efa4e4c419c02417c799
|
|
7
|
+
data.tar.gz: d24d439bc3fe069988fee525daf237c7f33f9b347d2435d8f38db10504c02a28486ba942498e0f28d8426c67d47e8e8848fd41f8a2d88246e365db5494511135
|
data/README.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
# 
|
|
2
|
+
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks, no JavaScript. It uses system fonts, so no external stylesheets are loaded. The CSS is just 2Kb gzipped.
|
|
4
6
|
|
|
@@ -10,11 +12,12 @@ View the [demo here](http://theomjones.com/fundamental).
|
|
|
10
12
|
- Archive support
|
|
11
13
|
- Breadcrumbs
|
|
12
14
|
- Editable color palette via: (`_variables.scss`)
|
|
13
|
-
- Automatic header navigation
|
|
14
|
-
- Syntax highlighting
|
|
15
|
+
- Automatic header navigation
|
|
16
|
+
- Syntax highlighting
|
|
17
|
+
- Social Buttons
|
|
18
|
+
|
|
15
19
|
|
|
16
|
-
|
|
17
|
-
|
|
20
|
+
|
|
18
21
|
|
|
19
22
|
|
|
20
23
|
## Installation
|
|
@@ -37,7 +40,7 @@ And then execute:
|
|
|
37
40
|
|
|
38
41
|
Or install it yourself as:
|
|
39
42
|
|
|
40
|
-
|
|
43
|
+
$ gem install fundamental
|
|
41
44
|
|
|
42
45
|
## Usage
|
|
43
46
|
|
|
@@ -53,7 +56,7 @@ Jekyll gives you an `index.md` file as your homepage. Copy this into it to get s
|
|
|
53
56
|
menu: true
|
|
54
57
|
order: 1
|
|
55
58
|
---
|
|
56
|
-
|
|
59
|
+
|
|
57
60
|
If you want to add the 'Archive' file you see in the demo. Create an `/archive` directory in your base directory. Then create an `index.md` inside it. Ensure it has the `layout: site-archive`. This layout displays all the posts in the site.
|
|
58
61
|
|
|
59
62
|
##### Plugins
|
|
@@ -61,7 +64,7 @@ Fundamemtal uses these plugins. When you have installed the Fundamental gem, run
|
|
|
61
64
|
|
|
62
65
|
1. [jekyll-feed](https://github.com/jekyll/jekyll-feed)
|
|
63
66
|
2. [jekyll-archives](https://github.com/jekyll/jekyll-archives)
|
|
64
|
-
3. [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag)
|
|
67
|
+
3. [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag)
|
|
65
68
|
|
|
66
69
|
#### Navigation
|
|
67
70
|
The top navigation loops through the sites pages that have `menu: true` in the front matter. This makes it easy to add new pages to your site. You can also order the pages by setting the value of `order`.
|
|
@@ -71,7 +74,7 @@ For instance: `order: 2` will place this item second (to the right of the first
|
|
|
71
74
|
#### Config
|
|
72
75
|
The usual configuration settings can be found at the top of `config.yml`.
|
|
73
76
|
|
|
74
|
-
You can turn the themes components off and on by setting these to `true` or `false`.
|
|
77
|
+
You can turn the themes components off and on by setting these to `true` or `false`. These are fairly self explanatory, the social ones can also be turned on or off independently.
|
|
75
78
|
|
|
76
79
|
```yaml
|
|
77
80
|
enabled:
|
|
@@ -80,10 +83,17 @@ enabled:
|
|
|
80
83
|
# Enable RSS menu item
|
|
81
84
|
rss: false
|
|
82
85
|
seo: true
|
|
86
|
+
# Share buttons are only on desktop (user use the share menu on mobile).
|
|
87
|
+
social:
|
|
88
|
+
enabled: true
|
|
89
|
+
twitter: true
|
|
90
|
+
facebook: true
|
|
91
|
+
messenger: true
|
|
92
|
+
whatsapp: true
|
|
83
93
|
```
|
|
84
94
|
|
|
85
95
|
#### Layouts
|
|
86
|
-
For blog posts use the `post
|
|
96
|
+
For blog posts use the `post` layout (this is already set as default via config file, unless changed.) For normal pages use the `page` layout. Naturally, the blog layout is used for the blog page on the home screen. All of these layouts inherit from the `default` layout, which contains the head and footer includes.
|
|
87
97
|
|
|
88
98
|
The other layouts are for the `jekyll-archives` plugin.
|
|
89
99
|
|
|
@@ -98,15 +108,15 @@ The other layouts are for the `jekyll-archives` plugin.
|
|
|
98
108
|
│ ├── post.html
|
|
99
109
|
| ├── site-archive.html
|
|
100
110
|
│ └── tag_page.html
|
|
101
|
-
|
|
102
|
-
|
|
111
|
+
|
|
112
|
+
|
|
103
113
|
---
|
|
104
|
-
|
|
114
|
+
|
|
105
115
|
#### Includes
|
|
106
116
|
The includes are fairly self explanatory aside from info/item. `info.html` is the post information include in the `post` layout. Item is the blog item that gets outputted on the homepage. `tag-cloud.html` is the recurrrent tag list you see on the homepage/throughout the sites pages.
|
|
107
117
|
######File structure
|
|
108
118
|
|
|
109
|
-
|
|
119
|
+
|
|
110
120
|
├── _includes
|
|
111
121
|
│ ├── breadcrumbs.html
|
|
112
122
|
│ ├── footer.html
|
|
@@ -125,7 +135,7 @@ Sass is split into logical sections. The `main.scss` file is in `/assets/`.
|
|
|
125
135
|
To overwrite these files, add one with the equivalent name to your `_sass` directory (make one if it doesn't already exist). Jekyll will look in here before defaulting back to the theme files.
|
|
126
136
|
|
|
127
137
|
##### Sass Folder Structure
|
|
128
|
-
|
|
138
|
+
|
|
129
139
|
├── _sass
|
|
130
140
|
│ ├── _blog.scss
|
|
131
141
|
│ ├── _footer.scss
|
|
@@ -162,8 +172,8 @@ The theme is available as open source under the terms of the [MIT License](https
|
|
|
162
172
|
|
|
163
173
|
## More Screenshots
|
|
164
174
|
### Blog Post
|
|
165
|
-
|
|
166
176
|
|
|
167
177
|
### 404 Page
|
|
168
|
-
 Just copy it into your main directory.
|
|
178
|
+
|
|
179
|
+
[You can get this 404 page from the repo to use in your site.](https://github.com/theomjones/fundamental/blob/master/404.html) Just copy it into your main directory.
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M26.4 43.87h5.732V30h3.824l.507-4.78h-4.33l.005-2.393c0-1.246.12-1.915 1.908-1.915h2.39v-4.78H32.61c-4.593 0-6.21 2.32-6.21 6.218v2.87h-2.863v4.78H26.4v13.873zM30 60C13.432 60 0 46.568 0 30 0 13.43 13.432 0 30 0c16.568 0 30 13.43 30 30 0 16.568-13.432 30-30 30z" fill="{{site.socialBtnsColor}}" fill-rule="evenodd"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="61" height="59" viewBox="0 0 61 59" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g transform="translate(.407 -.556)" fill-rule="nonzero" fill="none">
|
|
3
|
+
<ellipse fill="{{site.socialBtnsColor}}" cx="29.879" cy="30.034" rx="29.879" ry="29.382"/>
|
|
4
|
+
<path d="M29.88 16.57c-7.563 0-13.693 5.582-13.693 12.467 0 3.924 1.992 7.423 5.103 9.71v4.752l4.662-2.517c1.245.34 2.562.52 3.927.52 7.562 0 13.693-5.58 13.693-12.467 0-6.884-6.132-12.466-13.694-12.466zm1.36 16.79l-3.486-3.658-6.805 3.658 7.483-7.814 3.573 3.658 6.718-3.658-7.483 7.814z" fill="#FFF"/>
|
|
5
|
+
</g>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{% assign socialBtns = site.enabled.social %}
|
|
2
|
+
|
|
3
|
+
{% if socialBtns.enabled == true %}
|
|
4
|
+
|
|
5
|
+
<div class="share">
|
|
6
|
+
<ul>
|
|
7
|
+
{% if socialBtns.twitter %}
|
|
8
|
+
<li class="twitter">
|
|
9
|
+
<a href="https://twitter.com/intent/tweet?via={{ site.author.twitter }}&url={{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url | uri_escape}}&text={{ page.title | default:"" | uri_escape}}" target="_blank">
|
|
10
|
+
{% include twitter.svg %}
|
|
11
|
+
</a>
|
|
12
|
+
</li>
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% if socialBtns.facebook %}
|
|
15
|
+
<li class="facebook">
|
|
16
|
+
<a href="http://www.facebook.com/sharer.php?u={{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url | uri_escape}}&t={{ page.title | default:"" | uri_escape}}" target="_blank">
|
|
17
|
+
{% include facebook.svg %}
|
|
18
|
+
</a>
|
|
19
|
+
</li>
|
|
20
|
+
{% endif %}
|
|
21
|
+
{% if socialBtns.messenger %}
|
|
22
|
+
<li class="messenger">
|
|
23
|
+
<a href='fb-messenger://share/?link={{ page.url | replace:"index.html","" | prepend: site.baseurl | prepend: site.url | uri_escape}}'>{% include messenger.svg %}</a>
|
|
24
|
+
</a>
|
|
25
|
+
</li>
|
|
26
|
+
{% endif %}
|
|
27
|
+
{% if socialBtns.whatsapp %}
|
|
28
|
+
<li class="whatsapp">
|
|
29
|
+
<a href='whatsapp://send?text={{ page.url | replace:"index.html","" | prepend: site.baseurl | prepend: site.url | uri_escape}}'>{% include whatsapp.svg %}</a>
|
|
30
|
+
</li>
|
|
31
|
+
{% endif %}
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
{% endif %}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g fill="none" fill-rule="evenodd">
|
|
3
|
+
<circle fill="{{site.socialBtnsColor}}" cx="30" cy="30" r="30"/>
|
|
4
|
+
<path d="M44.035 21.292c-1.033.46-2.142.77-3.31.907 1.19-.714 2.104-1.843 2.535-3.187-1.114.66-2.346 1.14-3.658 1.397-1.05-1.12-2.548-1.818-4.206-1.818-3.18 0-5.758 2.578-5.758 5.76 0 .45.05.89.148 1.312-4.787-.24-9.03-2.533-11.873-6.018-.494.85-.78 1.84-.78 2.896 0 2 1.018 3.76 2.563 4.795-.944-.03-1.832-.29-2.608-.72v.07c0 2.793 1.984 5.12 4.62 5.65-.484.13-.993.202-1.518.202-.372 0-.732-.037-1.083-.104.732 2.287 2.86 3.953 5.38 4-1.97 1.544-4.454 2.467-7.153 2.467-.465 0-.924-.027-1.374-.08 2.548 1.63 5.576 2.585 8.83 2.585 10.593 0 16.387-8.776 16.387-16.388 0-.25-.007-.5-.017-.746 1.126-.812 2.102-1.825 2.875-2.982z" fill-rule="nonzero" fill="#FFF"/>
|
|
5
|
+
</g>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="61" height="60" viewBox="0 0 61 60" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g fill="none" fill-rule="evenodd">
|
|
3
|
+
<circle fill="{{site.socialBtnsColor}}" cx="30.593" cy="30" r="30"/>
|
|
4
|
+
<g stroke-linecap="round" stroke-linejoin="round">
|
|
5
|
+
<path d="M31 18.5c-4.25 0-8.153 2.345-10.15 6.096-1.997 3.75-1.762 8.298.61 11.824L19.5 41.5l5.23-1.87c4.115 2.686 9.48 2.46 13.356-.56 3.875-3.02 5.403-8.17 3.803-12.816-1.6-4.645-5.977-7.76-10.89-7.754z" stroke="#FFF" fill="#FFF"/>
|
|
6
|
+
<path d="M28.5 32.5c1.3 1.3 4.17 3 5.5 3 1.203.012 2.248-.824 2.5-2v-1s-1.23-.6-2-1-2 1-2 1c-.936-.305-1.79-.818-2.5-1.5-.682-.71-1.195-1.564-1.5-2.5 0 0 1.4-1.23 1-2-.4-.77-1-2-1-2h-1c-1.176.252-2.012 1.297-2 2.5 0 1.33 1.7 4.2 3 5.5z" stroke="#4845DF" fill="#4845DF"/>
|
|
7
|
+
</g>
|
|
8
|
+
</g>
|
|
9
|
+
</svg>
|
data/_layouts/post.html
CHANGED
|
@@ -3,10 +3,12 @@ layout: default
|
|
|
3
3
|
---
|
|
4
4
|
|
|
5
5
|
{% include breadcrumbs.html %}
|
|
6
|
-
<
|
|
7
|
-
{
|
|
8
|
-
{
|
|
9
|
-
|
|
6
|
+
<article>
|
|
7
|
+
<h1>{{ page.title }}</h1>
|
|
8
|
+
{% include info.html %}
|
|
9
|
+
{{ content }}
|
|
10
|
+
{% include share.html %}
|
|
11
|
+
</article>
|
|
10
12
|
<div class="post-navigation">
|
|
11
13
|
{% if page.previous.url %}
|
|
12
14
|
<a class="prev" href="{{ page.previous.url | relative_url }}">« {{page.previous.title}}</a>
|
data/_sass/_globals.scss
CHANGED
|
@@ -68,9 +68,20 @@ img {
|
|
|
68
68
|
.tag-cloud {
|
|
69
69
|
margin-right: 50px;
|
|
70
70
|
margin-top: 10px;
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-direction: column;
|
|
73
|
+
align-items: flex-start;
|
|
71
74
|
a {
|
|
72
|
-
display: block;
|
|
73
|
-
|
|
75
|
+
display: inline-block;
|
|
76
|
+
border: solid $accent 1px;
|
|
77
|
+
border-radius: 3px;
|
|
78
|
+
padding: 2px 5px;
|
|
79
|
+
margin-top: 6px;
|
|
80
|
+
text-decoration: none;
|
|
81
|
+
&:hover {
|
|
82
|
+
background: $accent;
|
|
83
|
+
color: $base;
|
|
84
|
+
}
|
|
74
85
|
}
|
|
75
86
|
h3 {
|
|
76
87
|
font-size: 1.5rem;
|
data/_sass/_post.scss
CHANGED
|
@@ -18,3 +18,32 @@
|
|
|
18
18
|
margin-bottom: 40px;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
article {
|
|
23
|
+
position: relative;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
.share {
|
|
29
|
+
position: fixed;
|
|
30
|
+
transform: translateX(-90px);
|
|
31
|
+
bottom: 50%;
|
|
32
|
+
a, svg {
|
|
33
|
+
&:hover {
|
|
34
|
+
opacity: 1;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
svg {
|
|
38
|
+
opacity: .3;
|
|
39
|
+
height: 30px;
|
|
40
|
+
width: 30px;
|
|
41
|
+
}
|
|
42
|
+
ul {
|
|
43
|
+
padding: 0;
|
|
44
|
+
}
|
|
45
|
+
li {
|
|
46
|
+
margin: 8px 0;
|
|
47
|
+
list-style: none;
|
|
48
|
+
}
|
|
49
|
+
}
|
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.2.
|
|
4
|
+
version: 0.2.3
|
|
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-
|
|
11
|
+
date: 2017-08-04 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -90,12 +90,17 @@ files:
|
|
|
90
90
|
- LICENSE.txt
|
|
91
91
|
- README.md
|
|
92
92
|
- _includes/breadcrumbs.html
|
|
93
|
+
- _includes/facebook.svg
|
|
93
94
|
- _includes/footer.html
|
|
94
95
|
- _includes/head.html
|
|
95
96
|
- _includes/header.html
|
|
96
97
|
- _includes/info.html
|
|
97
98
|
- _includes/item.html
|
|
99
|
+
- _includes/messenger.svg
|
|
100
|
+
- _includes/share.html
|
|
98
101
|
- _includes/tag-cloud.html
|
|
102
|
+
- _includes/twitter.svg
|
|
103
|
+
- _includes/whatsapp.svg
|
|
99
104
|
- _layouts/archive.html
|
|
100
105
|
- _layouts/default.html
|
|
101
106
|
- _layouts/home.html
|