{{ page.title }}
{{ page.date | date: '%B %-d, %Y' }}
diff --git a/_posts/2016-03-10-new-blog.md b/_posts/2016-03-10-ghost-to-jekyll.md
similarity index 63%
rename from _posts/2016-03-10-new-blog.md
rename to _posts/2016-03-10-ghost-to-jekyll.md
index 78bb3bc..189fba7 100644
--- a/_posts/2016-03-10-new-blog.md
+++ b/_posts/2016-03-10-ghost-to-jekyll.md
@@ -3,20 +3,17 @@ layout: post
title: Why I Switched from Ghost to Jekyll
---
-I made a new blog!
+**TL;DR** Use [Jekyll and Github Pages](https://help.github.com/articles/about-github-pages-and-jekyll/) for a cheap and maintainable blog.
-**TL;DR** Use [jekyll and Github Pages](https://help.github.com/articles/about-github-pages-and-jekyll/) for a cheap and maintainable blog.
-
-Before this I was content with [Ghost](https://ghost.org), a fun and easy to use blogging platform. I enjoyed the simplicity an even made a couple themes for it (check them out on my [Github](https://github.com/getmicah)), but what it lacked is that feeling of complete control over your blog. Also, I was getting tired of paying for my Digital Ocean hosting, even with the discount I got with the [Github Student](https://education.github.com/pack) discount. After hearing about the wonders of a "static" blog, I decided to do some hunting around for a new way to blog. Inevitably, I came across Github Pages and Jekyll. Free hosting and a static site blog? Yes, Please.
-
-It wasn't like there was anything wrong with Ghost. I was just tired of paying to host it on a server. There are quite a few things that I didn't even realize I would appreciate before using jekyll.
+I made a new blog! For the past few months I had been content with [Ghost](https://ghost.org), the publishing platform for professional bloggers. I enjoyed its simplicity and even made a couple themes for it (check them out on my [Github](https://github.com/getmicah)), but as time went on I got tired of paying for server time every month. With all the buzz about "static blogs" I decided to give it a try. Inevitably, I came across Github Pages and Jekyll. Free hosting and a static site blog? Yes, Please.
+It wasn't like there was anything wrong with Ghost. I was just tired of paying to host it on a server. There are quite a few things that I didn't even realize I would appreciate before using Jekyll.
# Static Site
One of those being the idea of a static website being generated and no need for a backend. This just makes sense and everything is very fast. Jekyll also automatically generates your Sass files into css which is very handy (no need setting up gulp every project).
# Local Posts
-Another thing I especially appreciate about jekyll is how all your posts are stored locally. You just type out your post in markdown in your editor and push to Github to post. Also, its implementation of templates is extremely useful when constructing posts.
+Another thing I especially appreciate about Jekyll is how all your posts are stored locally. You just type out your post in markdown in your editor and push to Github to post. Also, its implementation of templates is extremely useful when constructing posts.
# Variables
The use of variables has to be my favorite feature. It splits variables up between site and page variables. Site variables would include the name of your blog and the description while page variables would be the name of the post or the date. You can include your own site variables inside the _config.yml file, such as a Google Analytics code or something of the nature.
diff --git a/_sass/_config.scss b/_sass/_config.scss
index 93c30a3..3747874 100644
--- a/_sass/_config.scss
+++ b/_sass/_config.scss
@@ -1,6 +1,7 @@
// COLORS
$color-primary: #272727;
$color-background: #FFFFFF;
+$color-link: #1A0DAB;
// FONT
$font-url: "https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic";
diff --git a/assets/css/main.scss b/assets/css/main.scss
index c1b9b67..0e65329 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -15,18 +15,18 @@ h1, h2 {
margin-bottom: 5px;
}
a {
- color: #1A0DAB;
+ color: $color-link;
text-decoration: none;
&:visited {
- color: #1A0DAB;
+ color: $color-link;
text-decoration: none;
}
&:hover {
- color: #1A0DAB;
+ color: $color-link;
text-decoration: underline;
}
&:active {
- color: #1A0DAB;
+ color: $color-link;
text-decoration: none;
}
}
@@ -95,21 +95,25 @@ ul {
&__title {
font-size: 1.4em;
font-weight: 700;
+ text-decoration: underline;
+ margin-top: 20px;
margin-bottom: 10px;
}
&__date {
- font-size: 1em;
+ font-size: 0.8em;
}
&__content {
- padding-top: 30px;
+ padding-top: 40px;
h1 {
- font-size: 1.4em;
+ font-size: 1.2em;
+ font-weight: 700;
+ margin-top: 20px;
margin-bottom: 5px;
}
p {
font-size: 1em;
line-height: 150%;
- margin-bottom: 12px;
+ margin-bottom: 15px;
}
strong {
font-weight: 700;
@@ -117,6 +121,14 @@ ul {
em {
font-style: italic;
}
+ img {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ @media screen and (max-width: 570px) {
+ width: 100%;
+ margin: auto;
+ }
+ }
}
}
diff --git a/assets/img/new-blog-who-dis.jpg b/assets/img/new-blog-who-dis.jpg
new file mode 100644
index 0000000..14d67d3
Binary files /dev/null and b/assets/img/new-blog-who-dis.jpg differ
diff --git a/assets/img/new-phone-who-dis.jpg b/assets/img/new-blog-who-dis.png
similarity index 100%
rename from assets/img/new-phone-who-dis.jpg
rename to assets/img/new-blog-who-dis.png
diff --git a/index.html b/index.html
index b445b0d..61ad5eb 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
layout: default
---
+{% include main.html %}