Change look

Gemfile.lock

@@ -15,10 +15,12 @@ GEM
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     eventmachine (1.2.7)
+    eventmachine (1.2.7-x64-mingw32)
     faraday (1.1.0)
       multipart-post (>= 1.2, < 3)
       ruby2_keywords
     ffi (1.13.1)
+    ffi (1.13.1-x64-mingw32)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
     html-pipeline (2.14.0)
@@ -69,6 +71,8 @@ GEM
     multipart-post (2.1.1)
     nokogiri (1.10.10)
       mini_portile2 (~> 2.4.0)
+    nokogiri (1.10.10-x64-mingw32)
+      mini_portile2 (~> 2.4.0)
     octokit (4.19.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
@@ -84,6 +88,8 @@ GEM
     safe_yaml (1.0.5)
     sassc (2.4.0)
       ffi (~> 1.9)
+    sassc (2.4.0-x64-mingw32)
+      ffi (~> 1.9)
     sawyer (0.8.2)
       addressable (>= 2.3.5)
       faraday (> 0.8, < 2.0)
@@ -96,6 +102,7 @@ GEM
 
 PLATFORMS
   ruby
+  x64-mingw32
 
 DEPENDENCIES
   jekyll

_config-dev.yml

@@ -0,0 +1,25 @@
+# Setup
+title:               The Neophyte
+tagline:             'Blog'
+description:	       'Article subjects all over the place, for fellow neophytes!'
+url:                 https://localhost:4000
+baseurl:             ''
+paginate:            5
+permalink:           pretty
+
+# About/contact
+author:
+  name:              Surya
+  email:             n.suryap@gmail.com
+
+# Gems
+plugins:
+  - jekyll-paginate
+  - jemoji
+
+# Serving
+host: localhost
+port: 4000
+
+# Custom vars
+version:             1.1.0

_includes/head.html

@@ -22,15 +22,4 @@
   <link rel="stylesheet" href="{{ '/public/css/custom.css?' | append: site.time | absolute_url }}">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
   <link rel="shortcut icon" href="{{ '/public/favicon.png' | absolute_url }}">
-
-  {% if site.google_analytics_id %}
-  <script>
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-    ga('create', '{{ site.google_analytics_id }}', 'auto');
-    ga('send', 'pageview');
-  </script>
-  {% endif %}
 </head>

_layouts/post.html

@@ -11,7 +11,7 @@ layout: default
   {{ content }}
 </div>
 
-{% if site.related_posts.size >= 1 %}
+<!-- {% if site.related_posts.size >= 1 %}
 <div class="related">
   <h2>Related posts</h2>
   <ul class="related-posts">
@@ -27,4 +27,4 @@ layout: default
     {% endfor %}
   </ul>
 </div>
-{% endif %}
+{% endif %} -->

_scripts/build-dev.sh

@@ -0,0 +1,2 @@
+bundle install
+jekyll build --config _config-dev.yml

_scripts/run-dev.sh

@@ -0,0 +1 @@
+jekyll serve --config _config-dev.yml

index.html

@@ -5,20 +5,17 @@ title: Home
 
 <div class="posts">
   {% for post in paginator.posts %}
-  <div class="post">
+  <a class="paginated-post" href="{{ post.url | absolute_url }}">
-    <h1 class="post-title">
+    <div>
-      <a href="{{ post.url | absolute_url }}">
+      <h2>
         {{ post.title }}
-      </a>
+      </h2>
-    </h1>
-
       <span class="post-date">{{ post.date | date_to_string }}</span>
       <span class="post-meta-separator">.</span>
       <span class="post-minutes">{% capture content %}{{ post.content }}{% endcapture %}{% include minutes_to_read.html %}</span>
-
       {{ post.excerpt }}
-    <p><a href="{{ post.url | absolute_url }}">Read more...</a></p>
     </div>
+  </a>
   {% endfor %}
 </div>
 

public/css/custom.css

@@ -46,3 +46,16 @@ a.navbar-link:active{
   display: inline-block; 
 }
 
+.paginated-post {
+  display: inline-block;
+  margin: 1rem;
+  box-shadow: 0.1rem 0.1rem 0.3rem 0.1rem rgba(0,0,0,0.2);
+  border-radius: 0.5rem;
+  padding: 1rem;
+  color: rgba(1, 19, 27, 0.712);
+}
+
+.paginated-post:hover {
+  box-shadow: 0.2rem 0.2rem 0.3rem 0.1rem rgba(0, 11, 15, 0.616);
+}
+

public/css/poole.css

@@ -76,7 +76,7 @@ a strong {
 /* `:focus` is linked to `:hover` for basic accessibility */
 a:hover,
 a:focus {
-  text-decoration: underline;
+  text-decoration: none;
 }
 
 /* Headings */