fundamental 0.2.2 → 0.2.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
# ![Fundamental Logotype](http://
|
1
|
+
# ![Fundamental Logotype](http://svgshare.com/i/2V8.svg)
|
2
|
+
|
3
|
+
![Gem Version 0.2.3](https://badge.fury.io/rb/fundamental.svg)
|
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
|
-
![alt text](http://theomjones.com/fundamental/screenshot.png)
|
20
|
+
![Screen Cap](http://i.imgur.com/jTFtqri.png)
|
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
|
-
![
|
175
|
+
![Blog Screen Cap](http://i.imgur.com/39WA9LJ.png)
|
166
176
|
|
167
177
|
### 404 Page
|
168
|
-
![
|
169
|
-
[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.
|
178
|
+
![404 Screen Cap](http://i.imgur.com/G68JKgd.png)
|
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
|