Skip to content

Commit fed4e7d

Browse files
authored
Initial commit of { Personal } Jekyll theme.
1 parent 56b1919 commit fed4e7d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

84 files changed

+2974
-5
lines changed

404.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
layout: error
3+
title: 404
4+
---
5+
## Why are you still procrastinating?
6+
7+
##### Check <a href="http://waitbutwhy.com/2013/11/how-to-beat-procrastination.html" target="_blank">this</a> out if you want to stop looking for pages that don't exist

LICENSE

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
MIT License
1+
The MIT License (MIT)
22

3-
Copyright (c) 2020 Matthew J. DeGarmo
3+
Copyright (c) 2015 Panos Sakkos
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
1818
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
1919
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
2020
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21-
SOFTWARE.
21+
SOFTWARE.

README.md

Lines changed: 98 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,98 @@
1-
# matthewjdegarmo.github.io
2-
Github Pages hosting my personal Blog.
1+
# { Personal } Jekyll Theme
2+
![Build Status](https://travis-ci.org/le4ker/personal-jekyll-theme.svg?branch=master)
3+
![license](https://img.shields.io/badge/license-MIT-blue.svg?link=https://github.com/dono-app/ios/blob/master/LICENSE)
4+
[![Join the chat at https://gitter.im/PanosSakkos/personal-jekyll-theme](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/panossakkos/personal-jekyll-theme?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
5+
6+
{ Personal } is a free responsive Jekyll theme, about you :wink:
7+
8+
You can watch it in action [here](https://le4ker.github.io/personal-jekyll-theme/)!
9+
10+
<img src="https://github.com/le4ker/personal-jekyll-theme/raw/master/.github/personal-mobile.mov.gif" height="480">
11+
12+
<img src="https://github.com/le4ker/personal-jekyll-theme/raw/master/.github/personal-desktop.mov.gif" height="600" width="960">
13+
14+
## What value does { Personal } add
15+
16+
* Fork of [Timeline](https://github.com/kirbyt/timeline-jekyll-theme) (mashup of [Grayscale by Start Bootstrap](https://github.com/IronSummitMedia/startbootstrap-grayscale) and [Agency Jekyll Theme](https://github.com/y7kim/agency-jekyll-theme))
17+
* Modern and minimal design
18+
* Responsive templates for home page, blog archive and posts. Looks great on mobile, tablet, and desktop devices
19+
* Sweet animations
20+
* Gracefully degrades in older browsers. Compatible with Internet Explorer 8+ and all modern browsers
21+
* Timeline
22+
* Tell your story so far with a sleek timeline of dates, pictures and descriptions
23+
* White on black text, making the reading experience tireless
24+
* Google analytics
25+
* Customization and full control of your website and blog through the site config
26+
* Customization of the website's coloring
27+
* Blogging functionality
28+
* Preview of the latest post in the home page
29+
* Archive page
30+
* Syntax highlighting
31+
* Emojis
32+
* Gesture navigation in archive and post pages by swiping
33+
* Hashtags
34+
* Categories
35+
* Disqus comments
36+
* Bootstrap share buttons
37+
* RSS feed
38+
* Author blurb under the posts
39+
* 404 page
40+
* iOS and Android Web App mode
41+
* Enforcing of https protocol
42+
* Protection from email harvesting
43+
* Sitemap
44+
* Travis CI integration with [html-proofer](https://github.com/gjtorikian/html-proofer)
45+
46+
## Documentation
47+
48+
The theme contains documentation in the form of [blog posts](https://le4ker.github.io/personal-jekyll-theme/blog/index.html).
49+
50+
## How to run locally
51+
52+
First, you need to install jekyll and the dependencies of { Personal } by running:
53+
54+
```shell
55+
./scripts/install
56+
```
57+
58+
Then, you can build and serve your website by simply running:
59+
60+
```shell
61+
./scripts/serve-production
62+
```
63+
64+
To serve across lan (requires su to forward the port 4000 over lan):
65+
66+
```shell
67+
./scripts/serve-lan-production
68+
```
69+
70+
### Docker
71+
72+
Run using Docker:
73+
74+
```
75+
docker run --rm -it -p 4000:4000 -v "$PWD:/srv/jekyll" jekyll/jekyll jekyll serve --watch --host "0.0.0.0" --config _config.yml,_config.dev.yml
76+
```
77+
78+
Run using Docker with Docker Compose:
79+
```
80+
docker-compose up
81+
```
82+
83+
## OSS used in { Personal }
84+
85+
One of the reasons { Personal } is real is the following OSS projects:
86+
87+
1. [Grayscale](http://startbootstrap.com/template-overviews/grayscale/)
88+
2. [hammer.js](https://hammerjs.github.io/)
89+
3. [highlightjs](https://highlightjs.org/)
90+
4. [RRSSB](https://github.com/kni-labs/rrssb)
91+
5. [Timeline](https://github.com/kirbyt/timeline-jekyll-theme)
92+
6. [typed.js](https://github.com/mattboldt/typed.js/)
93+
94+
<div style="font-size:16px;margin:0 auto;width:300px">
95+
<a href="https://blockchain.info/address/1LHuKC9Em3KA5yoZaf7nngnNdf9K7s2gSi">
96+
<img src="https://blockchain.info/Resources/buttons/donate_64.png"/>
97+
</a>
98+
</div>

_config.dev.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
baseurl: ""

_config.yml

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
2+
# Site settings
3+
4+
# NB! Set your site's url, otherwise stuff will break :)
5+
6+
url: "https://le4ker.github.io"
7+
8+
# If you're hosting your site at a Project repository on GitHub pages
9+
# (https://yourusername.github.io/repository-name)
10+
# and NOT your user repository (https://yourusername.github.io)
11+
# then add in the baseurl here, like this: "/repository-name"
12+
#
13+
# NB! Without this *nothing* will work, because it's used in every path :)
14+
15+
baseurl: /personal-jekyll-theme
16+
17+
# Google tracking id
18+
19+
google-tracking-id: ""
20+
21+
# Forces https everywhere in your website, except when you serve it locally
22+
# If you are not hosted on Github Pages, and your host doesn't support https
23+
# then you should disable it
24+
25+
force-https: True
26+
27+
#############
28+
# HTML Head #
29+
#############
30+
31+
lang: "en"
32+
author: "John Smith"
33+
title: "{ John Smith }"
34+
description: "Blog and website of John Smith, blogging mainly for tech. Opinions expressed are mine."
35+
keywords: "smith, jones, personal, jekyll, theme"
36+
favicon: "/img/favicon.ico"
37+
38+
################
39+
# Header layout #
40+
################
41+
42+
black-favicon: "/img/black-lab-glass.ico"
43+
logo: "/img/author.png" # leave blank if you don't want a logo
44+
45+
background-img: "../img/intro-bg.jpg"
46+
47+
##############################
48+
# Dynamic Text on the Header #
49+
##############################
50+
51+
dynamic-typing: True
52+
shuffle: True # Shuffle the lines.
53+
loop: True
54+
loop-count: False # Set False for infinite loop, or set any number for finite loop.
55+
type-speed: 10
56+
start-delay: 200
57+
delete-delay: 5000
58+
lines: # You can add HTML Tags in the Text
59+
- text: "The lower you fall, the higher you'll fly."
60+
- text: "Where’s your will to be weird?"
61+
62+
me-img: "/img/jetpacktocat.png"
63+
64+
# To use facebook profile pic comment the previous line and uncomment the following
65+
# line, and replace 'user_id' with your facebook user id.
66+
# Facebook user id can be found by clicking on your profile pic and the large number
67+
# in the end of the url just before '&type' is your user id.
68+
# Note: fbid is not the same as user id and user id only contains numbers
69+
70+
# me-img: "https://graph.facebook.com/user_id/picture?type=large&width=500&height=500"
71+
72+
# To use github profile pic uncomment the following line and replace 'user_name'
73+
# with your github user name.
74+
75+
# me-img: "https://github.com/user_name.png?size=500"
76+
77+
# To use gravatar profile pic uncomment the following line and replace 'email_hash'
78+
# with your gravatar profile email hash.
79+
# You can create the email hash by using an online tool like 'http://www.md5hashgenerator.com/'
80+
# just enter your email and it will generate the hash.
81+
82+
# me-img: "https://www.gravatar.com/avatar/email_hash?s=500"
83+
84+
##############################
85+
# Color the browser elements #
86+
##############################
87+
color-browser: "#000000"
88+
apple-status-bar-style: "black"
89+
90+
################
91+
# Web app mode #
92+
################
93+
94+
web-app-mode: True
95+
96+
# Icons for Web App mode
97+
98+
icon-36p: "/img/web-app/icon-36p.png"
99+
icon-48p: "/img/web-app/icon-48p.png"
100+
icon-72p: "/img/web-app/icon-72p.png"
101+
icon-96p: "/img/web-app/icon-96p.png"
102+
icon-144p: "/img/web-app/icon-144p.png"
103+
icon-192p: "/img/web-app/icon-192p.png"
104+
105+
########
106+
# Blog #
107+
########
108+
109+
enable-gesture-navigation: True
110+
111+
post-preview-words: 96
112+
113+
paginate: 5
114+
115+
email-share: True
116+
fb-share: True
117+
twitter-share: True
118+
linkedin-share: True
119+
reddit-share: True
120+
google-plus-share: True
121+
tumblr-share: True
122+
pinterest-share: True
123+
pocket-share: True
124+
vkontakte-share: True
125+
126+
disqus-shortname: "personal-jekyll-theme"
127+
128+
syntax-highlight: True
129+
130+
############
131+
# Timeline #
132+
############
133+
134+
events:
135+
- image: "/img/timeline/spidertocat.png"
136+
date: "September 2013 - Today"
137+
description: "Saving the neighborhood!"
138+
- image: "/img/timeline/baracktocat.jpg"
139+
date: "September 2007 - August 2013"
140+
description: "Started coding"
141+
142+
# First image of the Timeline
143+
144+
timeline-img: "/img/timeline/default.png"
145+
146+
###########
147+
# Contact #
148+
###########
149+
150+
151+
152+
153+
# Set a url pointing to your publish PGP Public Key here, and it will appear in the Contact section
154+
pgp: False
155+
156+
################
157+
# Author Blurb #
158+
################
159+
160+
# The author blurb goes underneath blog posts.
161+
# This works best when your author blurb image has a transparent background, or matches your site background color.
162+
163+
# if the author_blurb is not set, then this feature is skipped
164+
author_blurb: "John Smith is an awesome person. He lives in Flatland, where he works on two-dimensional engineering projects. In his spare time, John likes to eat cotton candy."
165+
author_blurb_image: "/img/author.png"
166+
167+
##################
168+
# Social Buttons #
169+
##################
170+
171+
social:
172+
- title: "facebook"
173+
url: "https://facebook.com/"
174+
- title: "twitter"
175+
url: "https://twitter.com/"
176+
- title: "github"
177+
url: "https://github.com/PanosSakkos/personal-jekyll-theme"
178+
- title: "bitcoin"
179+
url: "https://blockchain.info/address/1LHuKC9Em3KA5yoZaf7nngnNdf9K7s2gSi"
180+
- title: "rss"
181+
url: "/feed.xml"
182+
183+
############
184+
# 404 page #
185+
############
186+
187+
err-404-img: "/img/labtocat.png"
188+
189+
##################
190+
# GPG on Keybase #
191+
##################
192+
193+
keybase-username: johnsmith
194+
keybase-in-social: True
195+
keybase-in-footer: True
196+
197+
################################################################################
198+
199+
# NB! Tread carefully if you want to change the variables below this point!
200+
201+
# Sections shown in the index page
202+
203+
pages_list:
204+
About: 'about'
205+
Blog: 'latest-post'
206+
Timeline: 'timeline'
207+
Contact: 'contact'
208+
209+
# Exclusion list from the generated _site
210+
211+
exclude: ["LICENSE", "README.md", "CONTRIBUTING", "CONTRIBUTORS", "scripts"]
212+
213+
# Pagination path
214+
215+
paginate_path: "blog/page:num/"
216+
217+
# Enable minification SASS
218+
219+
sass:
220+
style: compressed
221+
222+
gems:
223+
- jekyll-paginate
224+
- jemoji

_includes/about.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
2+
<!-- About Start -->
3+
4+
<section id="{{ page.section-type }}" class="container content-section text-center">
5+
<div class="row">
6+
<div class="col-md-10 col-md-offset-1">
7+
{{ page.content | markdownify }}
8+
</div>
9+
</div>
10+
</section>
11+
12+
<!-- About End -->

_includes/color-browser.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
2+
<!-- Chrome, Firefox OS and Opera -->
3+
<meta name="theme-color" content="{{site.color-browser}}">
4+
<!-- Windows Phone -->
5+
<meta name="msapplication-navbutton-color" content="{{site.color-browser}}">
6+
<!-- iOS Safari -->
7+
<meta name="apple-mobile-web-app-capable" content="yes">
8+
<meta name="apple-mobile-web-app-status-bar-style" content="{{site.apple-status-bar-style}}">

_includes/comments.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
2+
<!-- Disqus Comments Start -->
3+
4+
{% if site.disqus-shortname %}
5+
<div id="disqus_thread"></div>
6+
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
7+
{% endif %}
8+
9+
<!-- Disqus Comments End -->

0 commit comments

Comments
 (0)