Compare commits

...

31 Commits
master ... gem

Author SHA1 Message Date
  Dean Attali 53a160d3ad Update README.md 7 years ago
  root 286bf5a842 update gem version 7 years ago
  root 7d0670683c add support for RSS link in the footer 7 years ago
  root c4bd663b8b support dynamic image on each blog post 7 years ago
  root 85d8c7f2a2 support an image logo instead of title in the navbar 7 years ago
  root 67aeb12fa6 add support for telephone in footer 7 years ago
  Dean Attali 781e2cb8fd Update README.md 7 years ago
  Dean Attali c2b499a8dd Update README.md 7 years ago
  Dean Attali de72e952bc Update README.md 7 years ago
  Dean Attali 08afb4dcba Update README.md 7 years ago
  Dean Attali 1238a76807 Update README.md 7 years ago
  Dean Attali cdd7257f8c Update README.md 7 years ago
  Dean Attali 8dbaf4d6b0 Update README.md 7 years ago
  Dean Attali ab8d5dd675 Update README.md 7 years ago
  Dean Attali f2ebaca80f Update README.md 7 years ago
  Dean Attali 6a7d635a57 Update README.md 7 years ago
  Dean Attali 8c3450616d Update README.md 7 years ago
  Dean Attali b32d1e1456 Update README.md 7 years ago
  Dean Attali b9c75118ae Update README.md 7 years ago
  Dean Attali 3ae7d910ea finish writing readme 7 years ago
  Dean Attali f298e2b9eb Update README.md 7 years ago
  Dean Attali e30a885815 Update README.md 7 years ago
  Dean Attali 48c899a8f0 WIP readme 7 years ago
  root 069e07c06b make the theme work well as a gem 7 years ago
  root 8e64a335ab remove dependency on footer-links-active 7 years ago
  root 5440f4e73f remove feed.xml from html 7 years ago
  root cef740439a remove sample posts 7 years ago
  root ed33f56a99 remove files that won't be useful to the user 7 years ago
  root 2c151deccd add jekyll-paginate gem dependency as runtime instead of dev 7 years ago
  Dean Attali 5e2d37ae2e Update and rename beautiful-jekyll.gemspec to beautiful-jekyll-theme.gemspec 7 years ago
  Dean Attali 42d7669d18 create branch for ruby gem version of the theme 7 years ago
51 changed files with 359 additions and 911 deletions
Split View
  1. +4
    -8
      .gitignore
  2. +0
    -13
      404.html
  3. +0
    -44
      Dockerfile
  4. +2
    -4
      Gemfile
  5. +0
    -150
      Gemfile.lock
  6. +4
    -4
      LICENSE.txt
  7. +208
    -155
      README.md
  8. +0
    -189
      _config.yml
  9. +5
    -2
      _includes/footer-minimal.html
  10. +3
    -3
      _includes/footer-scripts.html
  11. +42
    -29
      _includes/footer.html
  12. +2
    -9
      _includes/head.html
  13. +3
    -3
      _includes/header.html
  14. +15
    -3
      _includes/nav.html
  15. +1
    -1
      _includes/navbarlink.html
  16. +10
    -17
      _includes/social-share.html
  17. +6
    -6
      _layouts/base.html
  18. +4
    -4
      _layouts/minimal.html
  19. +8
    -14
      _layouts/post.html
  20. +2
    -2
      _layouts/tag_index.html
  21. +0
    -33
      _plugins/_tag_gen.rb
  22. +0
    -7
      _posts/2015-01-04-first-post.md
  23. +0
    -7
      _posts/2015-01-15-pirates.md
  24. +0
    -11
      _posts/2015-01-19-soccer.md
  25. +0
    -7
      _posts/2015-01-27-dear-diary.md
  26. +0
    -41
      _posts/2015-02-13-hamlet-monologue.md
  27. +0
    -52
      _posts/2015-02-20-test-markdown.md
  28. +0
    -14
      _posts/2015-02-26-flake-it-till-you-make-it.md
  29. +0
    -16
      aboutme.md
  30. +0
    -0
      assets/css/bootstrap-social.css
  31. +0
    -0
      assets/css/bootstrap-theme.css
  32. +0
    -0
      assets/css/bootstrap-theme.css.map
  33. +0
    -0
      assets/css/bootstrap-theme.min.css
  34. +0
    -0
      assets/css/bootstrap.css
  35. +0
    -0
      assets/css/bootstrap.css.map
  36. +0
    -0
      assets/css/bootstrap.min.css
  37. +0
    -0
      assets/css/main-minimal.css
  38. +20
    -1
      assets/css/main.css
  39. +0
    -0
      assets/css/normalize.css
  40. +0
    -0
      assets/css/pygment_highlights.css
  41. +0
    -0
      assets/js/bootstrap.js
  42. +0
    -0
      assets/js/bootstrap.min.js
  43. +0
    -0
      assets/js/jquery-1.11.2.min.js
  44. +0
    -0
      assets/js/main.js
  45. +20
    -0
      beautiful-jekyll-theme.gemspec
  46. BIN
      img/404-southpark.jpg
  47. BIN
      img/avatar-icon.png
  48. BIN
      img/install-steps.gif
  49. BIN
      img/path.jpg
  50. +0
    -62
      index.html
  51. BIN
      screenshot.png

+ 4
- 8
.gitignore View File

@ -1,9 +1,5 @@
# project
_site
*.gem
.bundle
.sass-cache
.vagrant
# general
.DS_Store
Thumbs.db
ehthumbs.db
_site
Gemfile.lock

+ 0
- 13
404.html View File

@ -1,13 +0,0 @@
---
layout: default
title: 404 - Page not found
permalink: /404.html
---
<div class="text-center">
<h1>Whoops, this page doesn't exist.</h1>
<h1>Move along. (404 error)</h1>
<br/>
<img src="{{ site.baseurl }}/img/404-southpark.jpg" />
</div>

+ 0
- 44
Dockerfile View File

@ -1,44 +0,0 @@
FROM mangar/jekyll:1.0
MAINTAINER Marcio Mangar "marcio.mangar@gmail.com"
RUN gem install jekyll -v 3.1.6
RUN gem install bundler
RUN gem install execjs
RUN gem install therubyracer
RUN gem install github-pages
RUN gem install jekyll-paginate
RUN gem install jekyll-seo-tag
RUN gem install jekyll-gist
RUN gem install json -v 1.8.3
RUN gem install minitest -v 5.9.0
RUN gem install colorator -v 0.1
RUN gem install ffi -v 1.9.10
RUN gem install kramdown -v 1.10.0
RUN gem install rouge -v 1.10.1
RUN gem install pkg-config -v 1.1.7
RUN gem install terminal-table -v 1.6.0
RUN gem install ethon -v 0.9.0
RUN gem install nokogiri -v 1.6.8
RUN gem install activesupport -v 4.2.6
RUN gem install html-pipeline -v 2.4.1
RUN gem install jekyll-watch -v 1.4.0
RUN gem install github-pages-health-check -v 1.1.0
RUN gem install jekyll-github-metadata -v 2.0.0
RUN gem install jekyll-mentions -v 1.1.2
RUN gem install jekyll-redirect-from -v 0.10.0
RUN gem install jemoji -v 0.6.2
RUN gem install github-pages -v 82
RUN mkdir -p /app
ADD ./ /app
WORKDIR /app
EXPOSE 4000
CMD bundle exec jekyll serve

+ 2
- 4
Gemfile View File

@ -1,4 +1,2 @@
source 'https://rubygems.org'
gem 'github-pages', '106'
gem 'jekyll-paginate'
source "https://rubygems.org"
gemspec

+ 0
- 150
Gemfile.lock View File

@ -1,150 +0,0 @@
GEM
remote: https://rubygems.org/
specs:
activesupport (4.2.7)
i18n (~> 0.7)
json (~> 1.7, >= 1.7.7)
minitest (~> 5.1)
thread_safe (~> 0.3, >= 0.3.4)
tzinfo (~> 1.1)
addressable (2.4.0)
coffee-script (2.4.1)
coffee-script-source
execjs
coffee-script-source (1.11.1)
colorator (1.1.0)
ethon (0.10.1)
ffi (>= 1.3.0)
execjs (2.7.0)
faraday (0.10.0)
multipart-post (>= 1.2, < 3)
ffi (1.9.14)
forwardable-extended (2.6.0)
gemoji (2.1.0)
github-pages (106)
activesupport (= 4.2.7)
github-pages-health-check (= 1.2.0)
jekyll (= 3.3.1)
jekyll-avatar (= 0.4.2)
jekyll-coffeescript (= 1.0.1)
jekyll-feed (= 0.8.0)
jekyll-gist (= 1.4.0)
jekyll-github-metadata (= 2.2.0)
jekyll-mentions (= 1.2.0)
jekyll-paginate (= 1.1.0)
jekyll-redirect-from (= 0.11.0)
jekyll-relative-links (= 0.2.1)
jekyll-sass-converter (= 1.3.0)
jekyll-seo-tag (= 2.1.0)
jekyll-sitemap (= 0.12.0)
jekyll-swiss (= 0.4.0)
jemoji (= 0.7.0)
kramdown (= 1.11.1)
liquid (= 3.0.6)
listen (= 3.0.6)
mercenary (~> 0.3)
minima (= 2.0.0)
rouge (= 1.11.1)
terminal-table (~> 1.4)
github-pages-health-check (1.2.0)
addressable (~> 2.3)
net-dns (~> 0.8)
octokit (~> 4.0)
public_suffix (~> 1.4)
typhoeus (~> 0.7)
html-pipeline (2.4.2)
activesupport (>= 2)
nokogiri (>= 1.4)
i18n (0.7.0)
jekyll (3.3.1)
addressable (~> 2.4)
colorator (~> 1.0)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 1.1)
kramdown (~> 1.3)
liquid (~> 3.0)
mercenary (~> 0.3.3)
pathutil (~> 0.9)
rouge (~> 1.7)
safe_yaml (~> 1.0)
jekyll-avatar (0.4.2)
jekyll (~> 3.0)
jekyll-coffeescript (1.0.1)
coffee-script (~> 2.2)
jekyll-feed (0.8.0)
jekyll (~> 3.3)
jekyll-gist (1.4.0)
octokit (~> 4.2)
jekyll-github-metadata (2.2.0)
jekyll (~> 3.1)
octokit (~> 4.0, != 4.4.0)
jekyll-mentions (1.2.0)
activesupport (~> 4.0)
html-pipeline (~> 2.3)
jekyll (~> 3.0)
jekyll-paginate (1.1.0)
jekyll-redirect-from (0.11.0)
jekyll (>= 2.0)
jekyll-relative-links (0.2.1)
jekyll (~> 3.3)
jekyll-sass-converter (1.3.0)
sass (~> 3.2)
jekyll-seo-tag (2.1.0)
jekyll (~> 3.3)
jekyll-sitemap (0.12.0)
jekyll (~> 3.3)
jekyll-swiss (0.4.0)
jekyll-watch (1.5.0)
listen (~> 3.0, < 3.1)
jemoji (0.7.0)
activesupport (~> 4.0)
gemoji (~> 2.0)
html-pipeline (~> 2.2)
jekyll (>= 3.0)
json (1.8.3)
kramdown (1.11.1)
liquid (3.0.6)
listen (3.0.6)
rb-fsevent (>= 0.9.3)
rb-inotify (>= 0.9.7)
mercenary (0.3.6)
mini_portile2 (2.1.0)
minima (2.0.0)
minitest (5.10.1)
multipart-post (2.0.0)
net-dns (0.8.0)
nokogiri (1.6.8.1)
mini_portile2 (~> 2.1.0)
octokit (4.6.2)
sawyer (~> 0.8.0, >= 0.5.3)
pathutil (0.14.0)
forwardable-extended (~> 2.6)
public_suffix (1.5.3)
rb-fsevent (0.9.8)
rb-inotify (0.9.7)
ffi (>= 0.5.0)
rouge (1.11.1)
safe_yaml (1.0.4)
sass (3.4.22)
sawyer (0.8.1)
addressable (>= 2.3.5, < 2.6)
faraday (~> 0.8, < 1.0)
terminal-table (1.7.3)
unicode-display_width (~> 1.1.1)
thread_safe (0.3.5)
typhoeus (0.8.0)
ethon (>= 0.8.0)
tzinfo (1.2.2)
thread_safe (~> 0.1)
unicode-display_width (1.1.1)
PLATFORMS
ruby
x64-mingw32
DEPENDENCIES
github-pages (= 106)
jekyll-paginate
BUNDLED WITH
1.13.6

LICENSE → LICENSE.txt View File

@ -9,13 +9,13 @@ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

+ 208
- 155
README.md View File

@ -1,214 +1,279 @@
# Beautiful Jekyll
# Beautiful-Jekyll Theme (beautiful-jekyll-theme gem)
[![Gem Version](https://badge.fury.io/rb/beautiful-jekyll.svg)](https://badge.fury.io/rb/beautiful-jekyll)
[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.me/daattali/20)
[![Gem Version](https://badge.fury.io/rb/beautiful-jekyll-theme.svg)](https://badge.fury.io/rb/beautiful-jekyll-theme)
> *Copyright 2016 [Dean Attali](http://deanattali.com). Licensed under the MIT license.*
> *Copyright 2016 [Dean Attali](http://deanattali.com)*
**Beautiful Jekyll** is a ready-to-use template to help you create an awesome website quickly. Perfect for personal blogs or simple project websites. [Check out a demo](http://deanattali.com/beautiful-jekyll) of what you'll get after just two minutes. You can also look at [my personal website](http://deanattali.com) to see it in use, or see examples of websites other people created using thcois theme [here](#featured-users-success-stories).
**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).
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. :)
**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.**
This template is built on top of [Jekyll](http://jekyllrb.com/) and can be used for any [GitHub Pages](https://pages.github.com/) website. (If you don't know what these two things are, that's absolutely fine, you don't need to!)
<p align="center">
<a href="https://www.paypal.me/daattali">
<img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
</a>
</p>
### Table of contents
- [Prerequisites](#prerequisites)
- [Build your website in 3 steps](#build-your-website-in-3-steps)
- [Add your own content](#add-your-own-content)
- [Last important thing: YAML front matter ("parameters" for a page)](#last-important-thing-yaml-front-matter-parameters-for-a-page)
- [Features](#features)
- [Creating a User Page vs a Project Page](#creating-a-user-page-vs-a-project-page)
- [Showcased users (success stories!)](#showcased-users-success-stories)
- [Advanced: local development](#advanced-local-development-using-docker)
- [Credits and contributions](#credits)
![Screenshot](./screenshot.png)
## Prerequisites
- You need to have a GitHub account. If you don't have one, [sign up here](https://github.com/join) - it takes one minute. This is where your website will live - if you sign up with username `johnsmith` then your website will be `http://johnsmith.github.io`.
- It would be helpful to understand what Markdown is and how to write it. Markdown is just a way to take a piece of text and format it to look a little nicer. For example, this whole instruction set that you're reading is written in markdown - it's just text with some words being bold/larger/italicized/etc. I recommend taking 5 minutes to learn markdown [with this amazingly easy yet useful tutorial](http://markdowntutorial.com/).
## Build your website in 3 steps
Getting started is *literally* as easy as 1-2-3 :smile:
Scroll down to see the steps involved, but here is a 40-second video just as a reference as you work through the steps.
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:
![Installation steps](img/install-steps.gif)
```
$ sudo apt-get update
$ sudo apt-get install ruby ruby-dev make gcc
$ sudo gem install jekyll bundler
$ jekyll new ~/mysite
```
### 1. Fork this repository
## Installation
(Assuming you are on this page and logged into GitHub) Fork this repository by clicking the *Fork* button on the top right corner. Forking means that you now copied this whole project and all the files into your account.
To use the Beautiful-Jekyll theme, add this line to your Jekyll site's `Gemfile`:
### 2. Rename the repository to `<yourusername>.github.io`
```ruby
gem "beautiful-jekyll-theme", "1.1.1"
```
This will create a GitHub User page ready with the **Beautiful Jekyll** template that will be available at `http://<yourusername>.github.io` within a couple minutes. To do this, click on *Settings* at the top (the cog icon) and there you'll have an option to rename.
Then add this line to your Jekyll site's `_config.yml`:
### 3. Customize your website settings
```yaml
theme: beautiful-jekyll-theme
```
Edit the `_config.yml` file to change all the settings to reflect your site. To edit the file, click on it and then click on the pencil icon (watch the video tutorial above if you're confused). The settings in the file are fairly self-explanatory and I added comments inside the file to help you further. Any line that begins with a pound sign (`#`) is a comment, and the rest of the lines are actual settings.
And finally execute:
Another way to edit the config file (or any other file) is to use [prose.io](http://prose.io/), which is just a simple interface to allow you to more intuitively edit files or add new files to your project.
```
$ bundle
```
After you save your changes to the config file (by clicking on *Commit changes* as the video tutorial shows), your website should be ready in a minute or two at `http://<yourusername>.github.io`. Every time you make a change to any file, your website will get rebuilt and should be updated in about a minute or so.
To preview your site, run `bundle exec jekyll serve` (optionally with the `--host 0.0.0.0` flag if needed) and open your browser at `http://localhost:4000`.
You can now visit your shiny new website, which will be seeded with several sample blog posts and a couple other pages. Your website is at `http://<yourusername>.github.io` (replace `<yourusername>` with your user name). Do not add `www` to the URL - it will not work!
## Usage
**Note:** The video above goes through the setup for a user with username `daattalitest`. I only edited one setting in the `_config.yml` file in the video, but **you should actually go through the rest of the settings as well. Don't be lazy, go through all the settings :)**
Using Beautiful-Jekyll is very simple, but you should take a few minutes to read through the features it supports to learn how to use it.
## Add your own content
### Adding content
To add pages to your site, you can either write a markdown file (`.md`) or you can write an HTML file directly. It is much easier to write markdown than HTML, so I suggest you do that (use the [tutorial I mentioned above](http://markdowntutorial.com/) if you need to learn markdown). You can look at some files on this site to get an idea of how to write markdown. To look at existing files, click on any file that ends in `.md`, for example [`aboutme.md`](./aboutme.md). On the next page you can see some nicely formatted text (there is a word in bold, a link, bullet points), and if you click on the pencil icon to edit the file, you will see the markdown that generated the pretty text. Very easy!
You can now start adding pages to your site. Beautiful-Jekyll supports three layouts: `post`, `page`, and `minimal`. In order to use Beautiful-Jekyll's template, a page must have its `layout` parameter set to one of these options in the YAML.
In contrast, look at [`index.html`](./index.html). That's how your write HTML - not as pretty. So stick with markdown if you don't know HTML.
Any blog posts (pages under the `_posts` directory) should use the `post` layout, while most other pages should use the `page` layout. You can use the `minimal` layout if you want a page with minimal styling, without the bulky navigation bar and footer.
Any file that you add inside the [`_posts`](./_posts) directory will be treated as a blog entry. You can look at the existing files there to get an idea of how to write blog posts. After you successfully add your own post, you can delete the existing files inside [`_posts`](./_posts) to remove the sample posts, as those are just demo posts to help you learn.
Instead of remembering to manually add the layout parameter to every page's YAML, I recommend you add the following lines to your `_config.yml` so that all blog posts will automatically have layout `post` and all other pages will have layout `page`:
As mentioned previously, you can use [prose.io](http://prose.io/) to add or edit files instead of doing it directly on GitHub, it can be a little easier that way.
```yaml
defaults:
-
scope:
path: ""
type: "posts"
values:
layout: "post"
-
scope:
path: ""
values:
layout: "page"
```
## Last important thing: YAML front matter ("parameters" for a page)
### Adding an index page
In order to have your new pages use this template and not just be plain pages, you need to add [YAML front matter](http://jekyllrb.com/docs/frontmatter/) to the top of each page. This is where you'll give each page some parameters that I made available, such as a title and subtitle. I'll go into more detail about what parameters are available later. If you don't want to use any parameters on your new page (this also means having no title), then use the empty YAML front matter:
Feel free to create the index page (homepage) of your site however you'd like. If you want to have an index page similar to the one at [deanattali.com](http://deanattali.com), then create `index.html` as follows:
```
```html
---
layout: page
title: My Website
subtitle: Some short description of my site
---
```
If you want to use any parameters, write them between the two lines. For example, you can have this at the top of a page:
<div class="posts-list">
{% for post in paginator.posts %}
<article class="post-preview">
<a href="{{ post.url }}">
<h2 class="post-title">{{ post.title }}</h2>
{% if post.subtitle %}
<h3 class="post-subtitle">{{ post.subtitle }}</h3>
{% endif %}
</a>
<p class="post-meta">
Posted on {{ post.date | date: "%B %-d, %Y" }}
</p>
<div class="post-entry">
{{ post.excerpt | strip_html | xml_escape | truncatewords: 50 }}
{% assign excerpt_word_count = post.excerpt | number_of_words %}
{% if post.content != post.excerpt or excerpt_word_count > 50 %}
<a href="{{ post.url }}" class="post-read-more">[Read&nbsp;More]</a>
{% endif %}
</div>
{% if post.tags.size > 0 %}
<div class="blog-tags">
Tags:
{{ post.tags | join: ", " }}
</div>
{% endif %}
</article>
{% endfor %}
</div>
{% if paginator.total_pages > 1 %}
<ul class="pager main-pager">
{% if paginator.previous_page %}
<li class="previous">
<a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&larr; Newer Posts</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="next">
<a href="{{ paginator.next_page_path | replace: '//', '/' }}">Older Posts &rarr;</a>
</li>
{% endif %}
</ul>
{% endif %}
```
---
title: Contact me
subtitle: Here you'll find all the ways to get in touch with me
---
```
You can look at the top of [`aboutme.md`](./aboutme.md) or [`index.html`](./index.html) as more examples.
**Important takeaway: ALWAYS add the YAML front matter, which is two lines with three dashes, to EVERY page. If you have any parameters, they go between the two lines.**    
If you don't include YAML then your file will not use the template.
You'll also need to add these lines to your `_config.yml` because the code above uses pagination:
## Features
### Mobile-first
**Beautiful Jekyll** is designed to look great on both large-screen and small-screen (mobile) devices. Load up your site on your phone or your gigantic iMac, and the site will work well on both, though it will look slightly different.
### Customizable
```yaml
paginate: 5
gems:
- jekyll-paginate
```
Many personalization settings in `_config.yml`, such as setting your name and site's description, setting your avatar to add a little image in the navigation bar, customizing the links in the menus, customizing what social media links to show in the footer, etc.
Make sure there is no `index.md` file (if there is one, then delete it).
### Allowing users to leave comments
### Creating a navigation bar
If you want to enable comments on your site, Beautiful Jekyll supports the [Disqus](https://disqus.com/) comments plugin. To use it, simply sign up to Disqus and add your Disqus shortname to the `disqus` parameter in the `_config.yml`.
Add these lines to your `_config.yml` file to get a demo navigation bar:
If the `disqus` parameter is set in the configuration file, then all blog posts will have comments turned on by default. To turn off comments on a particular blog post, add `comments: false` to the YAML front matter. If you want to add comments on the bottom of a non-blog page, add `comments: true` to the YAML front matter.
```yaml
navbar-links:
Home: ""
About Me: "aboutme"
Resources:
- Beautiful Jekyll: "http://deanattali.com/beautiful-jekyll/"
- Learn markdown: "http://www.markdowntutorial.com/"
- GitHub Pages: "https://pages.github.com/"
Author's home: "http://deanattali.com"
```
### Adding Google Analytics to track page views
Change these values to match the pages on your site. Each menu item is composed of a `key:value` pair, where the `key` is the text that shows up in the navigation bar, and `value` is the URL to link to. The URL can either be the name of a page on your site (eg. `""` will go to your homepage, `aboutme` will go to a page called `aboutme` on your site), or a URL to an external site beginning in `http`. If you want to define sub-menus, use the format that the `Resources` menu is using in the sample code above.
Beautiful Jekyll lets you easily add Google Analytics to all your pages. This will let you track all sorts of information about visits to your website, such as how many times each page is viewed and where (geographically) your users come from. To add Google Analytics, simply sign up to [Google Analytics](http://www.google.com/analytics/) to obtain your Google Tracking ID, and add this tracking ID to the `google_analytics` parameter in `_config.yml`.
#### Displaying an image in the navigation bar
### Sharing blog posts on social media
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.
By default, all blog posts will have buttons at the bottom of the post to allow people to share the current page on Twitter/Facebook/LinkedIn. You can choose to enable/disable specific social media websites in the `_config.yml` file. You can also turn off the social media buttons on specific blog posts using `social-share: false` in the YAML front matter.
```yaml
avatar: "/path/to/image.png"
```
### RSS feed
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`:
Beautiful Jekyll automatically generates a simple RSS feed of your blog posts, to allow others to subscribe to your posts. If you want to add a link to your RSS feed in the footer of every page, find the `rss: false` line in `_config.yml` and change it to `rss: true`.
```yaml
title-img: "/path/to/image.png"
```
### Page types
### Add your name/email/social media links to the footer
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:
```yaml
author:
name: Some Person
email: "youremail@domain.com"
facebook: yourname # eg. daattali
github: yourname # eg. daattali
twitter: yourname # eg. daattali
telephone: yourphone # eg. +14159998888
reddit: yourname # eg. daattali
google-plus: +yourname # eg. +DeanAttali or 109424658772469020925
linkedin: yourname # eg. daattali
xing: yourname # eg. daattali
stackoverflow: yourlink # eg. "3943160/daattali"
snapchat: yourname # eg. daattali
instagram: yourname # eg. daattali
youtube: yourlink # eg. user/daattali or channel/daattali
spotify: yourname # eg. daattali
```
- **post** - To write a blog post, add a markdown or HTML file in the `_posts` folder. As long as you give it YAML front matter (the two lines of three dashes), it will automatically be rendered like a blog post. Look at the existing blog post files to see examples of how to use YAML parameters in blog posts.
- **page** - Any page outside the `_posts` folder that uses YAML front matter will have a very similar style to blog posts.
- **minimal** - If you want to create a page with minimal styling (ie. without the bulky navigation bar and footer), assign `layout: minimal` to the YAML front matter.
- If you want to completely bypass the template engine and just write your own HTML page, simply omit the YAML front matter. Only do this if you know how to write HTML!
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.
### YAML front matter parameters
#### Add an RSS feed link to the footer
These are the main parameters you can place inside a page's YAML front matter that **Beautiful Jekyll** supports.
You can add an icon that will link to an RSS feed of your blog by including the following parameter in `_config.yml`:
Parameter | Description
----------- | -----------
title | Page or blog post title
subtitle | Short description of page or blog post that goes under the title
bigimg | Include a large full-width image at the top of the page. You can either give the path to a single image, or provide a list of images to cycle through (see [my personal website](http://deanattali.com/) as an example).
comments | If you want do add Disqus comments to a specific page, use `comments: true`. Comments are automatically enabled on blog posts; to turn comments off for a specific post, use `comments: false`. Comments only work if you set your Disqus id in the `_config.yml` file.
show-avatar | If you have an avatar configured in the `_config.yml` but you want to turn it off on a specific page, use `show-avatar: false`. If you want to turn it off by default, locate the line `show-avatar: true` in the file `_config.yml` and change the `true` to `false`; then you can selectively turn it on in specific pages using `show-avatar: true`.
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.
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).
layout | What type of page this is (default is `blog` for blog posts and `page` for other pages. You can use `minimal` if you don't want a header and footer)
js | List of local JavaScript files to include in the page (eg. `/js/mypage.js`)
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`)
css | List of local CSS files to include in the page
ex-css | List of external CSS files to include in the page
googlefonts | List of Google fonts to include in the page (eg. `["Monoton", "Lobster"]`)
### Advanced features (including how to use a custom URL address for your site)
I wrote [a blog post](http://deanattali.com/2015/03/12/beautiful-jekyll-how-to-build-a-site-in-minutes/) describing some more advanced features that I used in my website that are applicable to any Jekyll site. It describes how I used a custom URL for my site (deanattali.com instead of daattali.github.io), how to add a Google-powered search into your site, and provides a few more details about having an RSS feed.
```yaml
rss-footer: true
```
## Creating a User Page vs a Project Page
#### Add your website's name to the footer
If you're not sure what the difference is, you can probably safely ignore this section.
After all the contact info links, you can also add the name of your website by defining the `url-pretty` parameter in `_config.yml`:
If you want to use this theme to host a website that will be available at `https://YOURUSERNAME.github.io`, then you do not need to read this section. That is called a User Page, you can only have one User Page in your GitHub account, and it is what you get by default when forking this project.
```yaml
url-pretty: "MyWebsite.com"
```
If you want to use this theme to create a website for a particular repository, it will be available at `https://YOURUSERNAME.github.io/REPONAME`, and that is called a [Project Page](https://help.github.com/articles/user-organization-and-project-pages/). You can have a Project Page for each repository you have on GitHub. There are two important things to note when creating a project page:
### Buttons for sharing blog posts on social media
1. In the configuration file (`_config.yml`), you should set `baseurl` to be `/projectname` instead of `""`.
2. Project Pages are served from a branch named `gh-pages`, and you should be generating all the website content on that branch. When you fork Beautiful Jekyll, you'll already have a `gh-pages` branch but you should delete it and generate it again from the `master` branch. The reason is that the `gh-pages` branch in its current form does not have the updated code of Beautiful Jekyll, so you need to create that branch from the `master` branch (which is where all my new features and work go into).
By default, every blog post will have buttons at the bottom for sharing the page on Twitter, Facebook, LinkedIn, and Google+. If you want to disable these buttons, add these lines to your `_config.yml`:
## Showcased users (success stories!)
```yaml
share-links-active:
twitter: false
facebook: false
google: false
linkedin: false
```
To my huge surprise, Beautiful Jekyll has been used in over 500 websites in its first 6 months alone! Here is a hand-picked selection of some websites that use Beautiful Jekyll.
These settings will remove all four buttons. You can use `true` instead of `false` for any buttons that you want to keep.
Want your website featured here? [Contact me](http://deanattali.com/aboutme#contact) to let me know about your website.
### Allowing users to leave comments
### Project/company websites
If you want to enable comments on your site, Beautiful-Jekyll supports the [Disqus](https://disqus.com/) comments plugin. To use it, simply sign up to Disqus and add your Disqus shortname (**not** the userid) to the `disqus` parameter in `_config.yml`:
| Website | Description |
| :------ |:----------- |
| [teampass.net](http://teampass.net) | Collaborative Passwords Manager |
| [derekogle.com/fishR](http://derekogle.com/fishR/) | Using R for Fisheries Analyses |
| [bigdata.juju.solutions](http://bigdata.juju.solutions) | Creating Big Data solutions Juju Solutions |
| [joecks.github.io/clipboard-actions](http://joecks.github.io/clipboard-actions/) | Clipboard Actions - an Android app |
| [embedded.guide](http://embedded.guide) | Writing an Embedded OS |
| [blabel.github.io](http://blabel.github.io) | Library for canonicalising blank node labels in RDF graphs |
| [reactionic.github.io](http://reactionic.github.io) | Create iOS and Android apps with React and Ionic |
| [ja2-stracciatella.github.io](http://ja2-stracciatella.github.io) | Jagged Alliance 2 Stracciatella |
| [PatientOutcomeFunding.org](http://www.patientoutcomefunding.org/) | Patient Outcome Funding |
```yaml
disqus: yourshortname
```
### Personal websites
### Adding Google Analytics to track page views
| Website | Who | What |
| :------ |:--- | :--- |
| [deanattali.com](http://deanattali.com) | Dean Attali | Creator of Beautiful Jekyll |
| [ouzor.github.io](http://ouzor.github.io) | Juuso Parkkinen | Data scientist |
| [derekogle.com](http://derekogle.com/) | Derek Ogle | Professor of Mathematical Sciences and Natural Resources |
| [melyanna.github.io](http://melyanna.github.io/) | Melyanna | Shows off her nice art |
| [chauff.github.io](http://chauff.github.io/) | Claudia Hauff | Professor at Delft University of Technology |
| [kootenpv.github.io](http://kootenpv.github.io/) | Pascal van Kooten | Data analytics |
| [sjackman.ca](http://sjackman.ca) | Shaun Jackman | PhD candidate in bioinformatics |
| [epwalsh.com](https://epwalsh.com) | Evan Pete Walsh | PhD candidate (Statistics and Mathematics) at Iowa State University ||
| [anudit.in](http://www.anudit.in/) | Anudit Verma | Engineering student |
| [aqibsaeed.github.io](http://aqibsaeed.github.io/) | Aaqib Saeed | Computer Science grad student |
Beautiful-Jekyll lets you easily add Google Analytics to all your pages. This will allow you to track all sorts of information about visits to your website, such as how many times each page is viewed and where (geographically) your users come from. To add Google Analytics, simply sign up to [Google Analytics](http://www.google.com/analytics/) to obtain your Google Tracking ID, and add this tracking ID to the `google_analytics` parameter in `_config.yml`:
```yaml
google_analytics: yourid
```
## Advanced: Local development using Docker
### YAML parameter you can use to personalize each page
Beautiful Jekyll is meant to be so simple to use that you can do it all within the browser. However, if you'd like to develop locally on your own machine, that's possible too if you're comfortable with command line. Follow these simple steps to do that with Docker:
These are all the parameters you can place inside a page's YAML front matter that Beautiful-Jekyll supports.
1. Make sure that you have Docker installed on your local environment. Installation instructions can be found [here](https://docs.docker.com/engine/installation/)
2. Clone your fork `git clone git@github.com:yourusername/yourusername.github.io.git`
3. Inside your repository folder, run:
Parameter | Description
----------- | -----------
layout | What type of page this is (default is `blog` for blog posts and `page` for other pages. You can use `minimal` if you don't want a header and footer).
title | Page or blog post title.
subtitle | Short description of page or blog post that goes under the title.
bigimg | Include a large full-width image at the top of the page. You can either give the path to a single image, or provide a list of images to cycle through (see [my personal website](http://deanattali.com/) as an example).
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`.
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).
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.
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`.
js | List of local JavaScript files to include in the page (eg. `/js/mypage.js`)
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`)
css | List of local CSS files to include in the page
ex-css | List of external CSS files to include in the page
googlefonts | List of Google fonts to include in the page (eg. `["Monoton", "Lobster"]`)
```
docker run -p 4000:4000 -v `pwd`:/app mangar/jekyll:1.1 bash -c "bundle install; bundle exec jekyll serve"
```
4. View your website at <http://localhost:4000>.
## Contributions
Disclaimer: I personally am NOT using local development so I don't know much about running Jekyll locally. If you follow this route, please don't ask me questions because unfortunately I honestly won't be able to help!
Aditionally, if you choose to deploy Jekyll using a local ruby installation, you can tell Jekyll to automatically categorize your blog posts by tags. You just need to set `link-tags: true` in `_config.yml`. Jekyll will then generate a new page for each unique tag which lists all of the posts that belong to that tag.
If you find anything wrong or would like to contribute in any way, feel free to submit a pull request/open an issue [on GitHub](https://github.com/daattali/beautiful-jekyll), or [send me a message](http://deanattali.com/contact).
Thank you to [all contributors](https://github.com/daattali/beautiful-jekyll/graphs/contributors). Special thanks to the following people with non-trivial contributions (in chronological order): [@hristoyankov](https://github.com/hristoyankov), [@jamesonzimmer](https://github.com/jamesonzimmer), [@XNerv](https://github.com/XNerv), [@epwalsh](https://github.com/epwalsh), [@rtlee9](https://github.com/rtlee9).
## Credits
@ -217,15 +282,3 @@ This template was not made entirely from scratch. I would like to give special t
- [Iron Summit Media](https://github.com/IronSummitMedia) and their project [Bootstrap Clean Blog](https://github.com/IronSummitMedia/startbootstrap-clean-blog), from which I've used some design ideas and some of the templating code for posts and pagination.
I'd also like to thank [Dr. Jekyll's Themes](http://drjekyllthemes.github.io/), [Jekyll Themes](http://jekyllthemes.org/), and another [Jekyll Themes](http://jekyllrc.github.io/jekyllthemes/) for featuring Beautiful Jekyll in their Jekyll theme directories.
## Contributions
If you find anything wrong or would like to contribute in any way, feel free to create a pull request/open an issue/send me a message. Any comments are welcome!
Thank you to [all contributors](https://github.com/daattali/beautiful-jekyll/graphs/contributors). Special thanks to the following people with non-trivial contributions (in chronological order): [@hristoyankov](https://github.com/hristoyankov), [@jamesonzimmer](https://github.com/jamesonzimmer), [@XNerv](https://github.com/XNerv), [@epwalsh](https://github.com/epwalsh), [@rtlee9](https://github.com/rtlee9).
If you do fork or clone this project to use as a template for your site, I would appreciate if you keep the link in the footer to this project. I've noticed that several people who forked this repo removed the attribution and I would prefer to get the recognition if you do use this :)
## Known limitations
- If you have a project page and you want a custom 404 page, you must have a custom domain. See https://help.github.com/articles/custom-404-pages/. This means that if you have a regular User Page you can use the 404 page from this theme, but if it's a website for a specific repository, the 404 page will not be used.

+ 0
- 189
_config.yml View File

@ -1,189 +0,0 @@
# --- General options --- #
# url is the full website URL
# baseurl is the website's URL without the hostname
# If you are building a simple GitHub user page (http://username.github.io) then use these settings:
url: "http://username.github.io"
baseurl: ""
# If you are building a GitHub project page then use these settings:
#url: "http://username.github.io/projectname"
#baseurl: "/projectname"
# Of course don't forget to change the username and projectname to YOUR username and project
# Name of website
title: My website
# Short description of your site
description: A virtual proof that name is awesome!
# --- Navigation bar options --- #
# List of links in the navigation bar
navbar-links:
About Me: "aboutme"
Resources:
- Beautiful Jekyll: "http://deanattali.com/beautiful-jekyll/"
- Learn markdown: "http://www.markdowntutorial.com/"
- GitHub Pages: "https://pages.github.com/"
Author's home: "http://deanattali.com"
# Image to show in the navigation bar - image must be a square (width = height)
# Remove this parameter if you don't want an image in the navbar
avatar: "/img/avatar-icon.png"
# --- Footer options --- #
# Change all these values or delete the ones you don't want.
# Important: you must keep the "name" parameter, everything else you can remove
author:
name: Some Person
email: "youremail@domain.com"
facebook: yourname # eg. daattali
github: yourname # eg. daattali
twitter: yourname # eg. daattali
reddit: yourname # eg. daattali
google-plus: +yourname # eg. +DeanAttali or 109424658772469020925
linkedin: yourname # eg. daattali
xing: yourname # eg. daattali
stackoverflow: yourlink # eg. "3943160/daattali"
snapchat: yourname # eg. daattali
instagram: yourname # eg. daattali
youtube: yourlink # eg. user/daattali or channel/daattali
spotify: yourname # eg. daattali
# Select which links to show in the footer
footer-links-active:
rss: false
facebook: true
email: true
twitter: true
google-plus: false
github: true
reddit: false
linkedin: false
xing: false
stackoverflow: false
snapchat: false
instagram: false
youtube: false
spotify: false
# Select which share links to show in posts
share-links-active:
twitter: true
facebook: true
google: false
linkedin: true
# How to display the link to the website in the footer
# Remove this if you don't want a link in the footer
url-pretty: "MyWebsite.com" # eg. "deanattali.com/beautiful-jekyll"
# --- Misc --- #
# Fill in your Disqus shortname (NOT the userid) if you want to support Disqus comments
#disqus: ""
# Fill in your Google Analytics ID to track your website using GA
#google_analytics: ""
# Facebook App ID
# fb_app_id: ""
# Excerpt Word Length
# Truncates the excerpt to the specified number of words on the index page
excerpt_length: 50
# --- Don't need to touch anything below here (but you can if you want) --- #
# Output options (more information on Jekyll's site)
timezone: "America/Vancouver"
markdown: kramdown
highlighter: rouge
permalink: /:year-:month-:day-:title/
paginate: 5
kramdown:
input: GFM
# Default YAML values (more information on Jekyll's site)
defaults:
-
scope:
path: ""
type: "posts"
values:
layout: "post"
comments: true # add comments to all blog posts
social-share: true # add social media sharing buttons to all blog posts
-
scope:
path: "" # all files
values:
layout: "page"
show-avatar: true
# Use tags pages (not recommended if you are deploying via GitHub pages, only set to true if deploying locally with ruby)
link-tags: false
# Exclude these files from production site
exclude:
- Gemfile
- Gemfile.lock
- LICENSE
- README.md
- CNAME
- Vagrantfile
# prose.io config
prose:
rooturl: '_posts'
media: 'img'
ignore:
- 404.html
- LICENSE
- feed.xml
- _config.yml
- /_layouts
- /_includes
- /css
- /img
- /js
metadata:
_posts:
- name: "layout"
field:
element: "hidden"
value: "post"
- name: "title"
field:
element: "text"
label: "Post title"
placeholder: "Title"
alterable: true
- name: "subtitle"
field:
element: "textarea"
label: "Subtitle"
placeholder: "A description of your post."
alterable: true
- name: "date"
field:
element: "text"
label: "Date"
help: "Enter date of post."
placeholder: "yyyy-mm-dd"
alterable: true
- name: "published"
field:
element: "checkbox"
label: "Publish"
help: "Check to publish post, uncheck to hide."
gems:
- jekyll-paginate
# Beautiful Jekyll / Dean Attali
# 2fc73a3a967e97599c9763d05e564189

+ 5
- 2
_includes/footer-minimal.html View File

@ -7,10 +7,13 @@
{% else %}
{{ site.time | date: '%Y' }}
{% endif %}
&nbsp;&nbsp;&bull;&nbsp;&nbsp;
{% if site.url-pretty %}
&nbsp;&nbsp;&bull;&nbsp;&nbsp;
<a href="{{ site.url }}">{{ site.url-pretty }}</a>
&nbsp;&nbsp;&bull;&nbsp;&nbsp;
{% endif %}
Theme by <a href="http://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
</div>
</footer>
</footer>

+ 3
- 3
_includes/footer-scripts.html View File

@ -12,7 +12,7 @@
{% if page.js %}
{% for js in page.js %}
<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
<script src="{{ js | replace: '//', '/' }}"></script>
{% endfor %}
{% endif %}
@ -22,11 +22,11 @@
{% if js contains 'jquery' %}
<script>
if (typeof jQuery == 'undefined') {
document.write('<script src="{{ js | prepend: site.baseurl | replace: "//", "/" }}"></scr' + 'ipt>');
document.write('<script src="{{ js | replace: "//", "/" }}"></scr' + 'ipt>');
}
</script>
{% else %}
<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
<script src="{{ js | replace: '//', '/' }}"></script>
{% endif %}
{% endfor %}
{% endif %}


+ 42
- 29
_includes/footer.html View File

@ -3,7 +3,7 @@
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center footer-links">
{% if site.author.facebook and site.footer-links-active.facebook %}
{% if site.author.facebook %}
<li>
<a href="https://www.facebook.com/{{ site.author.facebook }}" title="Facebook">
<span class="fa-stack fa-lg">
@ -13,7 +13,7 @@
</a>
</li>
{% endif %}
{% if site.author.github and site.footer-links-active.github %}
{% if site.author.github %}
<li>
<a href="https://github.com/{{ site.author.github }}" title="GitHub">
<span class="fa-stack fa-lg">
@ -23,7 +23,7 @@
</a>
</li>
{% endif %}
{% if site.author.twitter and site.footer-links-active.twitter %}
{% if site.author.twitter %}
<li>
<a href="https://twitter.com/{{ site.author.twitter }}" title="Twitter">
<span class="fa-stack fa-lg">
@ -33,7 +33,7 @@
</a>
</li>
{% endif %}
{% if site.author.reddit and site.footer-links-active.reddit %}
{% if site.author.reddit %}
<li>
<a href="https://reddit.com/u/{{ site.author.reddit }}" title="Reddit">
<span class="fa-stack fa-lg">
@ -43,7 +43,7 @@
</a>
</li>
{% endif %}
{% if site.author.google-plus and site.footer-links-active.google-plus %}
{% if site.author.google-plus %}
<li>
<a href="https://plus.google.com/{{ site.author.google-plus }}" title="Google+">
<span class="fa-stack fa-lg">
@ -53,7 +53,7 @@
</a>
</li>
{% endif %}
{% if site.author.email and site.footer-links-active.email %}
{% if site.author.email %}
<li>
<a href="mailto:{{ site.author.email }}" title="Email me">
<span class="fa-stack fa-lg">
@ -63,7 +63,7 @@
</a>
</li>
{% endif %}
{% if site.author.linkedin and site.footer-links-active.linkedin %}
{% if site.author.linkedin %}
<li>
<a href="https://linkedin.com/in/{{ site.author.linkedin }}" title="LinkedIn">
<span class="fa-stack fa-lg">
@ -73,7 +73,7 @@
</a>
</li>
{% endif %}
{% if site.author.xing and site.footer-links-active.xing %}
{% if site.author.xing %}
<li>
<a href="https://www.xing.com/profile/{{ site.author.xing }}" title="Xing">
<span class="fa-stack fa-lg">
@ -83,7 +83,7 @@
</a>
</li>
{% endif %}
{% if site.author.stackoverflow and site.footer-links-active.stackoverflow %}
{% if site.author.stackoverflow %}
<li>
<a href="https://stackoverflow.com/users/{{ site.author.stackoverflow }}" title="StackOverflow">
<span class="fa-stack fa-lg">
@ -93,7 +93,7 @@
</a>
</li>
{% endif %}
{% if site.author.snapchat and site.footer-links-active.snapchat %}
{% if site.author.snapchat %}
<li>
<a href="https://www.snapchat.com/add/{{ site.author.snapchat }}" title="Snapchat">
<span class="fa-stack fa-lg">
@ -103,7 +103,7 @@
</a>
</li>
{% endif %}
{% if site.author.instagram and site.footer-links-active.instagram %}
{% if site.author.instagram %}
<li>
<a href="https://www.instagram.com/{{ site.author.instagram }}" title="Instagram">
<span class="fa-stack fa-lg">
@ -113,7 +113,7 @@
</a>
</li>
{% endif %}
{% if site.author.youtube and site.footer-links-active.youtube %}
{% if site.author.youtube %}
<li>
<a href="https://www.youtube.com/{{ site.author.youtube }}" title="YouTube">
<span class="fa-stack fa-lg">
@ -123,7 +123,7 @@
</a>
</li>
{% endif %}
{% if site.author.spotify and site.footer-links-active.spotify %}
{% if site.author.spotify %}
<li>
<a href="https://open.spotify.com/user/{{ site.author.spotify }}" title="Spotify">
<span class="fa-stack fa-lg">
@ -133,26 +133,39 @@
</a>
</li>
{% endif %}
{% if site.footer-links-active.rss %}
<li>
<a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="RSS">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% if site.author.telephone %}
<li>
<a href="tel:{{ site.author.telephone }}" title="Phone">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
{% if site.rss-footer %}
<li>
<a href="/feed.xml" title="RSS">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-rss fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
{% endif %}
</ul>
<p class="copyright text-muted">
{{ site.author.name }}
&nbsp;&bull;&nbsp;
{{ site.time | date: '%Y' }}
{% if site.author.name %}
{{ site.author.name }}
&nbsp;&bull;&nbsp;
{% endif %}
{{ site.time | date: '%Y' }}
{% if site.url-pretty %}
&nbsp;&bull;&nbsp;
<a href="{{ site.url }}">{{ site.url-pretty }}</a>
{% endif %}
{% if site.url-pretty %}
&nbsp;&bull;&nbsp;
<a href="{{ site.url }}">{{ site.url-pretty }}</a>
{% endif %}
</p>
<!-- Please don't remove this, keep my open source work credited :) -->
<p class="theme-by text-muted">


+ 2
- 9
_includes/head.html View File

@ -11,8 +11,6 @@
<meta name="description" content="{{ page.subtitle }}">
{% endif %}
<link rel="alternate" type="application/rss+xml" title="{{ site.title }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />
{% if layout.common-ext-css %}
{% for css in layout.common-ext-css %}
<link rel="stylesheet" href="{{ css }}" />
@ -21,7 +19,7 @@
{% if layout.common-css %}
{% for css in layout.common-css %}
<link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
<link rel="stylesheet" href="{{ css | replace: '//', '/' }}" />
{% endfor %}
{% endif %}
@ -39,7 +37,7 @@
{% if page.css %}
{% for css in page.css %}
<link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
<link rel="stylesheet" href="{{ css | replace: '//', '/' }}" />
{% endfor %}
{% endif %}
@ -49,11 +47,6 @@
{% endfor %}
{% endif %}
<!-- Facebook OpenGraph tags -->
{% if site.fb_app_id %}
<meta property="fb:app_id" content="{{ site.fb_app_id }}" />
{% endif %}
{% if page.meta-title %}
<meta property="og:title" content="{{ page.meta-title }}" />
{% elsif page.title %}


+ 3
- 3
_includes/header.html View File

@ -8,10 +8,10 @@
{% assign imgnum = forloop.index %}
{% for imginfo in bigimg %}
{% if imginfo[0] %}
data-img-src-{{ imgnum }}="{{ imginfo[0] | prepend: site.baseurl | replace: '//', '/' }}"
data-img-src-{{ imgnum }}="{{ imginfo[0] | replace: '//', '/' }}"
data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
{% else %}
data-img-src-{{ imgnum }}="{{ imginfo | prepend: site.baseurl | replace: '//', '/' }}"
data-img-src-{{ imgnum }}="{{ imginfo | replace: '//', '/' }}"
{% endif %}
{% endfor %}
{% endfor %}
@ -73,4 +73,4 @@
{% else %}
<div class="intro-header"></div>
{% endif %}
{% endif %}

+ 15
- 3
_includes/nav.html View File

@ -7,7 +7,11 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
{% if site.title-img %}
<a class="navbar-brand navbar-brand-logo" href="{{ site.url }}"><img src="{{ site.title-img }}"/></a>
{% else %}
<a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
{% endif %}
</div>
<div class="collapse navbar-collapse" id="main-navbar">
@ -33,11 +37,19 @@
</ul>
</div>
{% if site.avatar and (layout.show-avatar or page.show-avatar) %}
{% if page.image %}
<div class="avatar-container">
<div class="avatar-img-border">
<a href="{{ site.url }} ">
<img class="avatar-img" src="{{ site.avatar | prepend: site.baseurl | replace: '//', '/' }}" />
<img class="avatar-img" src="{{ page.image | prepend: site.baseurl | replace: '//', '/' }}" />
</a>
</div>
</div>
{% elsif site.avatar %}
<div class="avatar-container">
<div class="avatar-img-border">
<a href="{{ site.url }} ">
<img class="avatar-img" src="{{ site.avatar | replace: '//', '/' }}" />
</a>
</div>
</div>


+ 1
- 1
_includes/navbarlink.html View File

@ -8,7 +8,7 @@
{% endif %}
{% if internal %}
{% capture linkurl %}{{ site.baseurl }}/{{ include.link[1] }}{% endcapture %}
{% capture linkurl %}/{{ include.link[1] }}{% endcapture %}
{% else %}
{% capture linkurl %}{{ include.link[1] }}{% endcapture %}
{% endif %}


+ 10
- 17
_includes/social-share.html View File

@ -1,45 +1,38 @@
<!-- Check if any share-links are active -->
{% assign any-share-links = false %}
{% for links in site.share-links-active %}
{% if links[1] == true %}
{% assign any-share-links = true %}
{% endif %}
{% endfor %}
{% if any-share-links %}
{% if site.share-links-active.twitter == false and site.share-links-active.facebook == false and site.share-links-active.google == false and site.share-links-active.linkedin == false %}
{% else %}
<section id = "social-share-section">
<!--- Share on Twitter -->
{% if site.share-links-active.twitter %}
{% unless site.share-links-active.twitter == false %}
<a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-twitter" title="Share on Twitter">
<span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
</a>
{% endif %}
{% endunless %}
<!--- Share on Facebook -->
{% if site.share-links-active.facebook %}
{% unless site.share-links-active.facebook == false %}
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-facebook" title="Share on Facebook">
<span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
</a>
{% endif %}
{% endunless %}
<!--- Share on Google Plus -->
{% if site.share-links-active.google %}
{% unless site.share-links-active.google == false %}
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-google" title="Share on Google+">
<span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
</a>
{% endif %}
{% endunless %}
<!--- Share on LinkedIn -->
{% if site.share-links-active.linkedin %}
{% unless site.share-links-active.linkedin == false %}
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
<span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
</a>
{% endif %}
{% endunless %}
</section>


+ 6
- 6
_layouts/base.html View File

@ -1,17 +1,17 @@
---
common-css:
- "/css/bootstrap.min.css"
- "/css/bootstrap-social.css"
- "/css/main.css"
- "/assets/css/bootstrap.min.css"
- "/assets/css/bootstrap-social.css"
- "/assets/css/main.css"
common-ext-css:
- "//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"
common-googlefonts:
- "Lora:400,700,400italic,700italic"
- "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
common-js:
- "/js/jquery-1.11.2.min.js"
- "/js/bootstrap.min.js"
- "/js/main.js"
- "/assets/js/jquery-1.11.2.min.js"
- "/assets/js/bootstrap.min.js"
- "/assets/js/main.js"
---
<!DOCTYPE html>


+ 4
- 4
_layouts/minimal.html View File

@ -1,10 +1,10 @@
---
common-css:
- "/css/bootstrap.min.css"
- "/css/main-minimal.css"
- "/assets/css/bootstrap.min.css"
- "/assets/css/main-minimal.css"
common-js:
- "/js/jquery-1.11.2.min.js"
- "/js/bootstrap.min.js"
- "/assets/js/jquery-1.11.2.min.js"
- "/assets/js/bootstrap.min.js"
---
<!DOCTYPE html>


+ 8
- 14
_layouts/post.html View File

@ -15,38 +15,32 @@ layout: base
{% if page.tags.size > 0 %}
<div class="blog-tags">
Tags:
{% if site.link-tags %}
{% for tag in page.tags %}
<a href="/tag/{{ tag }}">{{ tag }}</a>
{% endfor %}
{% else %}
{{ page.tags | join: ", " }}
{% endif %}
{{ page.tags | join: ", " }}
</div>
{% endif %}
{% if page.social-share %}
{% unless page.social-share == false %}
{% include social-share.html %}
{% endif %}
{% endunless %}
<ul class="pager blog-pager">
{% if page.previous.url %}
<li class="previous">
<a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
<a href="{{ page.previous.url | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
</li>
{% endif %}
{% if page.next.url %}
<li class="next">
<a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
<a href="{{ page.next.url | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
</li>
{% endif %}
</ul>
{% if page.comments %}
{% unless page.comments == false %}
<div class="disqus-comments">
{% include disqus.html %}
</div>
{% endif %}
{% endunless %}
</div>
</div>
</div>
</div>

+ 2
- 2
_layouts/tag_index.html View File

@ -9,7 +9,7 @@ layout: default
{% for tag in post.tags %}
{% if tag == page.tag %}
<article class="post-preview">
<a href="{{ post.url | prepend: site.baseurl }}">
<a href="{{ post.url }}">
<h3 class="post-title">{{ post.title }}</h3>
{% if post.subtitle %}
@ -25,7 +25,7 @@ layout: default
<div class="post-entry">
{{ post.content | strip_html | xml_escape | truncatewords: 50 }}
<a href="{{ post.url | prepend: site.baseurl }}" class="post-read-more">[Read&nbsp;More]</a>
<a href="{{ post.url }}" class="post-read-more">[Read&nbsp;More]</a>
</div>
<div class="blog-tags">


+ 0
- 33
_plugins/_tag_gen.rb View File

@ -1,33 +0,0 @@
module Jekyll
class TagIndex < Page
def initialize(site, base, dir, tag)
@site = site
@base = base
@dir = dir
@name = 'index.html'
self.process(@name)
self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
self.data['tag'] = tag
tag_title_prefix = site.config['tag_title_prefix'] || 'Posts Tagged &ldquo;'
tag_title_suffix = site.config['tag_title_suffix'] || '&rdquo;'
self.data['title'] = "#{tag_title_prefix}#{tag}#{tag_title_suffix}"
end
end
class TagGenerator < Generator
safe true
def generate(site)
if site.layouts.key? 'tag_index'
dir = site.config['tag_dir'] || 'tag'
site.tags.keys.each do |tag|
write_tag_index(site, File.join(dir, tag), tag)
end
end
end
def write_tag_index(site, dir, tag)
index = TagIndex.new(site, site.source, dir, tag)
index.render(site.layouts, site.site_payload)
index.write(site.dest)
site.pages << index
end
end
end

+ 0
- 7
_posts/2015-01-04-first-post.md View File

@ -1,7 +0,0 @@
---
layout: post
title: First post!
tags: [random, exciting-stuff]
---
This is my first post, how exciting!

+ 0
- 7
_posts/2015-01-15-pirates.md View File

@ -1,7 +0,0 @@
---
layout: post
title: Pirates arrrr
tags: [pirates, random]
---
Piracy is typically an act of robbery or criminal violence at sea. The term can include acts committed on land, in the air, or in other major bodies of water or on a shore. It does not normally include crimes committed against persons traveling on the same vessel as the perpetrator (e.g. one passenger stealing from others on the same vessel). The term has been used throughout history to refer to raids across land borders by non-state agents.

+ 0
- 11
_posts/2015-01-19-soccer.md View File

@ -1,11 +0,0 @@
---
layout: post
title: Soccer
subtitle: Best sport ever!
---
From Wikipedia:
Association football, more commonly known as football or soccer,[2] is a sport played between two teams of eleven players with a spherical ball. It is played by 250 million players in over 200 countries, making it the world's most popular sport.[3][4][5][6] The game is played on a rectangular field with a goal at each end. The object of the game is to score by getting the ball into the opposing goal.
The goalkeepers are the only players allowed to touch the ball with their hands or arms while it is in play and then only in their penalty area. Outfield players mostly use their feet to strike or pass the ball, but may use their head or torso to strike the ball instead. The team that scores the most goals by the end of the match wins. If the score is level at the end of the game, either a draw is declared or the game goes into extra time and/or a penalty shootout depending on the format of the competition. The Laws of the Game were originally codified in England by The Football Association in 1863. Association football is governed internationally by the International Federation of Association Football (FIFA; French: Fédération Internationale de Football Association) which organises a World Cup every four years.[7]

+ 0
- 7
_posts/2015-01-27-dear-diary.md View File

@ -1,7 +0,0 @@
---
layout: post
title: Dear diary
tags: [random, diary, school]
---
What is it with that Mary girl? Dragging me to school every day. As if I had a choice. What you don't hear in those nursery rhymes is that she starves me if I don't go to school with her; it's the only way I can stay alive! I'm thinking about being adopted by Little Bo Peep, sure I may get lost, but anything is better than being with Mary and those little brats at school (shudder, shudder).

+ 0
- 41
_posts/2015-02-13-hamlet-monologue.md View File

@ -1,41 +0,0 @@
---
layout: post
title: To be
subtitle: ... or not to be?
---
To be, or not to be--that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles
And by opposing end them. To die, to sleep--
No more--and by a sleep to say we end
The heartache, and the thousand natural shocks
That flesh is heir to. 'Tis a consummation
Devoutly to be wished. To die, to sleep--
To sleep--perchance to dream: ay, there's the rub,
For in that sleep of death what dreams may come
When we have shuffled off this mortal coil,
Must give us pause. There's the respect
That makes calamity of so long life.
For who would bear the whips and scorns of time,
Th' oppressor's wrong, the proud man's contumely
The pangs of despised love, the law's delay,
The insolence of office, and the spurns
That patient merit of th' unworthy takes,
When he himself might his quietus make
With a bare bodkin? Who would fardels bear,
To grunt and sweat under a weary life,
But that the dread of something after death,
The undiscovered country, from whose bourn
No traveller returns, puzzles the will,
And makes us rather bear those ills we have
Than fly to others that we know not of?
Thus conscience does make cowards of us all,
And thus the native hue of resolution
Is sicklied o'er with the pale cast of thought,
And enterprise of great pitch and moment
With this regard their currents turn awry
And lose the name of action. -- Soft you now,
The fair Ophelia! -- Nymph, in thy orisons
Be all my sins remembered.

+ 0
- 52
_posts/2015-02-20-test-markdown.md View File

@ -1,52 +0,0 @@
---
layout: post
title: Test markdown
subtitle: Each post also has a subtitle
---
You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to [take 5 minutes to learn how to write in markdown](http://markdowntutorial.com/) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc.
**Here is some bold text**
## Here is a secondary heading
Here's a useless table:
| Number | Next number | Previous number |
| :------ |:--- | :--- |
| Five | Six | Four |
| Ten | Eleven | Nine |
| Seven | Eight | Six |
| Two | Three | One |
How about a yummy crepe?
![Crepe](http://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg)
Here's a code chunk:
~~~
var foo = function(x) {
return(x + 5);
}
foo(3)
~~~
And here is the same code with syntax highlighting:
```javascript
var foo = function(x) {
return(x + 5);
}
foo(3)
```
And here is the same code yet again but with line numbers:
{% highlight javascript linenos %}
var foo = function(x) {
return(x + 5);
}
foo(3)
{% endhighlight %}

+ 0
- 14
_posts/2015-02-26-flake-it-till-you-make-it.md View File

@ -1,14 +0,0 @@
---
layout: post
title: Flake it till you make it
subtitle: Excerpt from Soulshaping by Jeff Brown
bigimg: /img/path.jpg
---
Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?
The truth is that no one else can definitively know the path we are here to walk. It’s tempting to listen—many of us long for the omnipotent other—but unless they are genuine psychic intuitives, they can’t know. All others can know is their own truth, and if they’ve actually done the work to excavate it, they will have the good sense to know that they cannot genuinely know anyone else’s. Only soul knows the path it is here to walk. Since you are the only one living in your temple, only you can know its scriptures and interpretive structure.
At the heart of the struggle are two very different ideas of success—survival-driven and soul-driven. For survivalists, success is security, pragmatism, power over others. Success is the absence of material suffering, the nourishing of the soul be damned. It is an odd and ironic thing that most of the material power in our world often resides in the hands of younger souls. Still working in the egoic and material realms, they love the sensations of power and focus most of their energy on accumulation. Older souls tend not to be as materially driven. They have already played the worldly game in previous lives and they search for more subtle shades of meaning in this one—authentication rather than accumulation. They are often ignored by the culture at large, although they really are the truest warriors.
A soulful notion of success rests on the actualization of our innate image. Success is simply the completion of a soul step, however unsightly it may be. We have finished what we started when the lesson is learned. What a fear-based culture calls a wonderful opportunity may be fruitless and misguided for the soul. Staying in a passionless relationship may satisfy our need for comfort, but it may stifle the soul. Becoming a famous lawyer is only worthwhile if the soul demands it. It is an essential failure if you are called to be a monastic this time around. If you need to explore and abandon ten careers in order to stretch your soul toward its innate image, then so be it. Flake it till you make it.

+ 0
- 16
aboutme.md View File

@ -1,16 +0,0 @@
---
layout: page
title: About me
subtitle: Why you'd want to go on a date with me
---
My name is Inigo Montoya. I have the following qualities:
- I rock a great mustache
- I'm extremely loyal to my family
What else do you need?
### my history
To be honest, I'm having some trouble remembering right now, so why don't you just watch [my movie](http://en.wikipedia.org/wiki/The_Princess_Bride_%28film%29) and it will answer **all** your questions.

css/bootstrap-social.css → assets/css/bootstrap-social.css View File


css/bootstrap-theme.css → assets/css/bootstrap-theme.css View File


css/bootstrap-theme.css.map → assets/css/bootstrap-theme.css.map View File


css/bootstrap-theme.min.css → assets/css/bootstrap-theme.min.css View File


css/bootstrap.css → assets/css/bootstrap.css View File


css/bootstrap.css.map → assets/css/bootstrap.css.map View File


css/bootstrap.min.css → assets/css/bootstrap.min.css View File


css/main-minimal.css → assets/css/main-minimal.css View File


css/main.css → assets/css/main.css View File

@ -121,6 +121,25 @@ img {
color: #0085a1;
}
.navbar-custom .navbar-brand-logo {
padding-top: 0;
-webkit-transition: padding .5s ease-in-out;
-moz-transition: padding .5s ease-in-out;
transition: padding .5s ease-in-out;
}
.navbar-custom .navbar-brand-logo img {
height: 50px;
-webkit-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
}
.navbar-custom.top-nav-short .navbar-brand-logo {
padding-top: 5px;
}
.navbar-custom.top-nav-short .navbar-brand-logo img {
height: 40px;
}
@media only screen and (min-width: 768px) {
.navbar-custom {
padding: 20px 0;
@ -625,4 +644,4 @@ td.gutter {
#social-share-section {
margin-bottom: 30px;
}
}

css/normalize.css → assets/css/normalize.css View File


css/pygment_highlights.css → assets/css/pygment_highlights.css View File


js/bootstrap.js → assets/js/bootstrap.js View File


js/bootstrap.min.js → assets/js/bootstrap.min.js View File


js/jquery-1.11.2.min.js → assets/js/jquery-1.11.2.min.js View File


js/main.js → assets/js/main.js View File


+ 20
- 0
beautiful-jekyll-theme.gemspec View File

@ -0,0 +1,20 @@
# coding: utf-8
Gem::Specification.new do |spec|
spec.name = "beautiful-jekyll-theme"
spec.version = "1.1.0"
spec.authors = ["Dean Attali"]
spec.email = ["daattali@gmail.com"]
spec.summary = %q{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.}
spec.homepage = "http://deanattali.com/beautiful-jekyll"
spec.license = "MIT"
spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(assets|_layouts|_includes|LICENSE|README|feed)}i) }
spec.add_runtime_dependency "jekyll", "~> 3.3"
spec.add_runtime_dependency "jekyll-paginate", "~> 1.1"
spec.add_development_dependency "bundler", "~> 1.12"
spec.add_development_dependency "rake", "~> 10.0"
end

BIN
img/404-southpark.jpg View File

Before After
Width: 750  |  Height: 600  |  Size: 59 KiB

BIN
img/avatar-icon.png View File

Before After
Width: 512  |  Height: 512  |  Size: 19 KiB

BIN
img/install-steps.gif View File

Before After
Width: 1090  |  Height: 640  |  Size: 785 KiB

BIN
img/path.jpg View File

Before After
Width: 1199  |  Height: 585  |  Size: 262 KiB

+ 0
- 62
index.html View File

@ -1,62 +0,0 @@
---
layout: page
title: My website
subtitle: This is where I will tell my friends way too much about me
---
<div class="posts-list">
{% for post in paginator.posts %}
<article class="post-preview">
<a href="{{ post.url | prepend: site.baseurl }}">
<h2 class="post-title">{{ post.title }}</h2>
{% if post.subtitle %}
<h3 class="post-subtitle">
{{ post.subtitle }}
</h3>
{% endif %}
</a>
<p class="post-meta">
Posted on {{ post.date | date: "%B %-d, %Y" }}
</p>
<div class="post-entry">
{{ post.excerpt | strip_html | xml_escape | truncatewords: site.excerpt_length }}
{% assign excerpt_word_count = post.excerpt | number_of_words %}
{% if post.content != post.excerpt or excerpt_word_count > site.excerpt_length %}
<a href="{{ post.url | prepend: site.baseurl }}" class="post-read-more">[Read&nbsp;More]</a>
{% endif %}
</div>
{% if post.tags.size > 0 %}
<div class="blog-tags">
Tags:
{% if site.link-tags %}
{% for tag in post.tags %}
<a href="{{ site.baseurl }}/tag/{{ tag }}">{{ tag }}</a>
{% endfor %}
{% else %}
{{ post.tags | join: ", " }}
{% endif %}
</div>
{% endif %}
</article>
{% endfor %}
</div>
{% if paginator.total_pages > 1 %}
<ul class="pager main-pager">
{% if paginator.previous_page %}
<li class="previous">
<a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="next">
<a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
</li>
{% endif %}
</ul>
{% endif %}

BIN
screenshot.png View File

Before After
Width: 1263  |  Height: 738  |  Size: 60 KiB

Loading…
Cancel
Save