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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 6f3503906bdea75f5ba73802f2e7686dcf03f480
4
- data.tar.gz: 5b1d0cf083b4d826b38551ce919f188815c011a0
3
+ metadata.gz: e22e6b8c219c66cefeb5751135e880dd609e4aa6
4
+ data.tar.gz: 7fc061f987ac6d190f4f99c15f8bae0ecbbb6611
5
5
  SHA512:
6
- metadata.gz: 8ba853b02fb926ddeefbf5991ff21f73c7ad13473dc708a9a29d3d23271f3a7ba9edc3d569b60c0185cc85bd4e4c02dfb74f293b2f67833d5bd2ede41ae666ef
7
- data.tar.gz: 3eca81f5af4c45464d068004c2f2569119dc0a1eda3606cba5346f262f9234f6c09126289505bd97a268004fe2d3b938de62fdda896f9559e902382383b855ba
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). Licensed under the MIT license.*
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
- If you need a bit of help or have comments, feel free to [contact me](http://deanattali.com/aboutme#contact). Even if you don't have anything important to say but found this useful, I'd love to [hear about it](http://deanattali.com/aboutme#contact). Lastly, if you like this theme, please consider [supporting me](https://www.paypal.me/daattali/20) if you want to make me extra happy. :)
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` url-pretty` parameter in `_config.yml`:
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
@@ -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
- <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
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 site.avatar %}
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.0.0
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-09 00:00:00.000000000 Z
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