beautiful-jekyll-theme 1.0.0 → 1.1.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 +28 -5
- data/_includes/footer.html +20 -0
- data/_includes/nav.html +14 -2
- data/assets/css/main.css +20 -1
- data/assets/feed.xml +24 -0
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e22e6b8c219c66cefeb5751135e880dd609e4aa6
|
4
|
+
data.tar.gz: 7fc061f987ac6d190f4f99c15f8bae0ecbbb6611
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8b24f20b66910fd259a6e99f4798e93ca8a2ab2c078aa8a43185fb1c80aff99ac265e5ede084ce86d4751d23fb3f84d3be7d52975385a500a0d59fa061da1c70
|
7
|
+
data.tar.gz: b4707c42db0ba8e729827909ca04bc4829b9bc3ac7a4beefca5c3a3519e1819ca9271bc0df44c68e0a1a315392caa26cecf98f60d4c360adf732f92f5ef0f470
|
data/README.md
CHANGED
@@ -1,13 +1,19 @@
|
|
1
1
|
# Beautiful-Jekyll Theme (beautiful-jekyll-theme gem)
|
2
2
|
|
3
|
+
[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/daattali/20)
|
3
4
|
[![Gem Version](https://badge.fury.io/rb/beautiful-jekyll-theme.svg)](https://badge.fury.io/rb/beautiful-jekyll-theme)
|
4
|
-
[![saythanks](http://i.imgur.com/L88apDa.png)](https://saythanks.io/to/daattali)
|
5
5
|
|
6
|
-
> *Copyright 2016 [Dean Attali](http://deanattali.com)
|
6
|
+
> *Copyright 2016 [Dean Attali](http://deanattali.com)*
|
7
7
|
|
8
8
|
**Beautiful-Jekyll** is a ready-to-use Jekyll theme to help you create an awesome website quickly. Perfect for personal blogs or simple project websites, with a focus on responsive and clean design. You can look at [my personal website](http://deanattali.com) to see it in use, or see examples of websites other people created using this theme [here](https://github.com/daattali/beautiful-jekyll#showcased-users-success-stories).
|
9
9
|
|
10
|
-
|
10
|
+
**This theme was developed for non-commerical purposes. For commerical usage, or if you enjoy this theme, please consider [supporting me](https://www.paypal.me/daattali/20) for the development and continuous maintenance of this template.**
|
11
|
+
|
12
|
+
<p align="center">
|
13
|
+
<a href="https://www.paypal.me/daattali">
|
14
|
+
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
|
15
|
+
</a>
|
16
|
+
</p>
|
11
17
|
|
12
18
|
![Screenshot](./screenshot.png)
|
13
19
|
|
@@ -16,6 +22,7 @@ If you need a bit of help or have comments, feel free to [contact me](http://dea
|
|
16
22
|
To use this theme's gem, you need to first have a functioning Jekyll website. If you don't, there are many resources online for how to set up a Jekyll site. Here are the basic commands to get a minimal Jekyll site set up in Ubuntu:
|
17
23
|
|
18
24
|
```
|
25
|
+
$ sudo apt-get update
|
19
26
|
$ sudo apt-get install ruby ruby-dev make gcc
|
20
27
|
$ sudo gem install jekyll bundler
|
21
28
|
$ jekyll new ~/mysite
|
@@ -159,12 +166,18 @@ Change these values to match the pages on your site. Each menu item is composed
|
|
159
166
|
|
160
167
|
#### Displaying an image in the navigation bar
|
161
168
|
|
162
|
-
You can add an image to the navigation bar by defining the `avatar` parameter in `_config.yml`. The image should be a square (width = height).
|
169
|
+
You can add an image to the middle of the navigation bar by defining the `avatar` parameter in `_config.yml`. The image should be a square (width = height). This image will disappear once the user scrolls down in the page.
|
163
170
|
|
164
171
|
```yaml
|
165
172
|
avatar: "/path/to/image.png"
|
166
173
|
```
|
167
174
|
|
175
|
+
You can also place an image in the top-left corner of the navigation bar instead of your website's title. This is done with the `title-img` parameter in `_config.yml`:
|
176
|
+
|
177
|
+
```yaml
|
178
|
+
title-img: "/path/to/image.png"
|
179
|
+
```
|
180
|
+
|
168
181
|
### Add your name/email/social media links to the footer
|
169
182
|
|
170
183
|
You can add contact information and social media links in the footer. They will be displayed as nice little logos, to give the footer a clean feel. Add the following to your `_config.yml` file:
|
@@ -176,6 +189,7 @@ author:
|
|
176
189
|
facebook: yourname # eg. daattali
|
177
190
|
github: yourname # eg. daattali
|
178
191
|
twitter: yourname # eg. daattali
|
192
|
+
telephone: yourphone # eg. +14159998888
|
179
193
|
reddit: yourname # eg. daattali
|
180
194
|
google-plus: +yourname # eg. +DeanAttali or 109424658772469020925
|
181
195
|
linkedin: yourname # eg. daattali
|
@@ -189,9 +203,17 @@ author:
|
|
189
203
|
|
190
204
|
Remove the lines that you don't want to display in the footer, and change `yourname` to the correct values in the links you want to keep.
|
191
205
|
|
206
|
+
#### Add an RSS feed link to the footer
|
207
|
+
|
208
|
+
You can add an icon that will link to an RSS feed of your blog by including the following parameter in `_config.yml`:
|
209
|
+
|
210
|
+
```yaml
|
211
|
+
rss-footer: true
|
212
|
+
```
|
213
|
+
|
192
214
|
#### Add your website's name to the footer
|
193
215
|
|
194
|
-
After all the contact info links, you can also add the name of your website by defining the`
|
216
|
+
After all the contact info links, you can also add the name of your website by defining the `url-pretty` parameter in `_config.yml`:
|
195
217
|
|
196
218
|
```yaml
|
197
219
|
url-pretty: "MyWebsite.com"
|
@@ -240,6 +262,7 @@ bigimg | Include a large full-width image at the top of the page. You can
|
|
240
262
|
comments | Only applicable if the `disqus` parameter is set in the `_config.yml` file. All blog posts automatically have comments enabled. To enable comments on a specific page, use `comments: true`; to turn comments off for a specific blog post, use `comments: false`.
|
241
263
|
social-share | If you don't want to show buttons to share a blog post on social media, use `social-share: false` (this feature is turned on by default).
|
242
264
|
share-img | If you want to specify an image to use when sharing the page on Facebook or Twitter, then provide the image's full URL here.
|
265
|
+
image | If you want to add a personalized image to your blog post that will show up next to the post's excerpt and on the post itself, use `image: /path/to/img.png`.
|
243
266
|
js | List of local JavaScript files to include in the page (eg. `/js/mypage.js`)
|
244
267
|
ext-js | List of external JavaScript files to include in the page (eg. `//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js`)
|
245
268
|
css | List of local CSS files to include in the page
|
data/_includes/footer.html
CHANGED
@@ -133,6 +133,26 @@
|
|
133
133
|
</a>
|
134
134
|
</li>
|
135
135
|
{% endif %}
|
136
|
+
{% if site.author.telephone %}
|
137
|
+
<li>
|
138
|
+
<a href="tel:{{ site.author.telephone }}" title="Phone">
|
139
|
+
<span class="fa-stack fa-lg">
|
140
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
141
|
+
<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
|
142
|
+
</span>
|
143
|
+
</a>
|
144
|
+
</li>
|
145
|
+
{% endif %}
|
146
|
+
{% if site.rss-footer %}
|
147
|
+
<li>
|
148
|
+
<a href="/assets/feed.xml" title="RSS">
|
149
|
+
<span class="fa-stack fa-lg">
|
150
|
+
<i class="fa fa-circle fa-stack-2x"></i>
|
151
|
+
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
|
152
|
+
</span>
|
153
|
+
</a>
|
154
|
+
</li>
|
155
|
+
{% endif %}
|
136
156
|
</ul>
|
137
157
|
<p class="copyright text-muted">
|
138
158
|
{% if site.author.name %}
|
data/_includes/nav.html
CHANGED
@@ -7,7 +7,11 @@
|
|
7
7
|
<span class="icon-bar"></span>
|
8
8
|
<span class="icon-bar"></span>
|
9
9
|
</button>
|
10
|
-
|
10
|
+
{% if site.title-img %}
|
11
|
+
<a class="navbar-brand navbar-brand-logo" href="{{ site.url }}"><img src="{{ site.title-img }}"/></a>
|
12
|
+
{% else %}
|
13
|
+
<a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
|
14
|
+
{% endif %}
|
11
15
|
</div>
|
12
16
|
|
13
17
|
<div class="collapse navbar-collapse" id="main-navbar">
|
@@ -33,7 +37,15 @@
|
|
33
37
|
</ul>
|
34
38
|
</div>
|
35
39
|
|
36
|
-
{% if
|
40
|
+
{% if page.image %}
|
41
|
+
<div class="avatar-container">
|
42
|
+
<div class="avatar-img-border">
|
43
|
+
<a href="{{ site.url }} ">
|
44
|
+
<img class="avatar-img" src="{{ page.image | prepend: site.baseurl | replace: '//', '/' }}" />
|
45
|
+
</a>
|
46
|
+
</div>
|
47
|
+
</div>
|
48
|
+
{% elsif site.avatar %}
|
37
49
|
<div class="avatar-container">
|
38
50
|
<div class="avatar-img-border">
|
39
51
|
<a href="{{ site.url }} ">
|
data/assets/css/main.css
CHANGED
@@ -121,6 +121,25 @@ img {
|
|
121
121
|
color: #0085a1;
|
122
122
|
}
|
123
123
|
|
124
|
+
.navbar-custom .navbar-brand-logo {
|
125
|
+
padding-top: 0;
|
126
|
+
-webkit-transition: padding .5s ease-in-out;
|
127
|
+
-moz-transition: padding .5s ease-in-out;
|
128
|
+
transition: padding .5s ease-in-out;
|
129
|
+
}
|
130
|
+
.navbar-custom .navbar-brand-logo img {
|
131
|
+
height: 50px;
|
132
|
+
-webkit-transition: height .5s ease-in-out;
|
133
|
+
-moz-transition: height .5s ease-in-out;
|
134
|
+
transition: height .5s ease-in-out;
|
135
|
+
}
|
136
|
+
.navbar-custom.top-nav-short .navbar-brand-logo {
|
137
|
+
padding-top: 5px;
|
138
|
+
}
|
139
|
+
.navbar-custom.top-nav-short .navbar-brand-logo img {
|
140
|
+
height: 40px;
|
141
|
+
}
|
142
|
+
|
124
143
|
@media only screen and (min-width: 768px) {
|
125
144
|
.navbar-custom {
|
126
145
|
padding: 20px 0;
|
@@ -625,4 +644,4 @@ td.gutter {
|
|
625
644
|
|
626
645
|
#social-share-section {
|
627
646
|
margin-bottom: 30px;
|
628
|
-
}
|
647
|
+
}
|
data/assets/feed.xml
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
---
|
2
|
+
layout: null
|
3
|
+
---
|
4
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
5
|
+
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
6
|
+
<channel>
|
7
|
+
<title>{{ site.title | xml_escape }}</title>
|
8
|
+
<description>{{ site.description | xml_escape }}</description>
|
9
|
+
<link>{{ site.url }}</link>
|
10
|
+
<atom:link href="{{ site.url }}/feed.xml" rel="self" type="application/rss+xml" />
|
11
|
+
{% for post in site.posts limit:20 %}
|
12
|
+
<item>
|
13
|
+
<title>{{ post.title | xml_escape }}</title>
|
14
|
+
<description>
|
15
|
+
{% if post.subtitle %}{{ post.subtitle | xml_escape }} - {% endif %}
|
16
|
+
{{ post.content | strip_html | xml_escape | truncatewords: 50 }}
|
17
|
+
</description>
|
18
|
+
<pubDate>{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}</pubDate>
|
19
|
+
<link>{{ site.url }}{{ post.url }}</link>
|
20
|
+
<guid isPermaLink="true">{{ site.url }}{{ post.url }}</guid>
|
21
|
+
</item>
|
22
|
+
{% endfor %}
|
23
|
+
</channel>
|
24
|
+
</rss>
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: beautiful-jekyll-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Dean Attali
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-12-
|
11
|
+
date: 2016-12-25 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|
@@ -102,6 +102,7 @@ files:
|
|
102
102
|
- assets/css/main.css
|
103
103
|
- assets/css/normalize.css
|
104
104
|
- assets/css/pygment_highlights.css
|
105
|
+
- assets/feed.xml
|
105
106
|
- assets/js/bootstrap.js
|
106
107
|
- assets/js/bootstrap.min.js
|
107
108
|
- assets/js/jquery-1.11.2.min.js
|