improve implementation of attrib and attrib url

_layouts/home.html

@@ -21,7 +21,7 @@ layout: default
           </h3>
           <div class="float-left post-excerpt">
               {% if post.image != '' %}
-                <img class="float-right post-thumb" alt="{{ post.description | escape }}" src="../assets/images/{{ post.image }}.jpg" />
+                <a href="{{post.url}}"><img class="float-right post-thumb" alt="{{ post.description | escape }}" src="../assets/images/{{ post.image }}.jpg" /></a>
               {% endif %}
               {{ post.excerpt }}
           </div>

_layouts/post.html

@@ -16,8 +16,15 @@ layout: default
 
     <h3 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h3>
     {% if page.image != '' %}
-      <img alt="{{ page.description }} | Developer Blog How To" title="{{page.image-attrib}}" src="../assets/images/{{page.image}}.jpg" />
+      <img alt="{{ page.description }} | Developer Blog How To" title="{{page.description}}" src="../assets/images/{{page.image}}.jpg" />
-      <p class="image-caption">{{page.image-attrib}}</p>
+      <p class="image-caption">{{page.description}}</p>
+      {% if page.image-attrib != '' %}
+        {% if page.image-attrib-url != '' %}
+          <p class="image-caption"><a href="{{ page.image-attrib-url }}" targe="_blank">Photo &copy; {{ page.image-attrib }}</a></p>
+        {% else %}
+          <p class="image-caption">Photo &copy; {{ page.image-attrib }}</p>
+        {% endif %}
+      {% endif %}
     {% endif %}
   </header>
 

_posts/2018-04-21-git-and-github.md

@@ -4,7 +4,8 @@ permalink: "/git-and-github"
 description: "I strongly believe that every developer should know Git and Github. Here's why."
 keywords: ""
 image: "git-github"
-image-attrib: "Photo stock by Tim Gouw from Pexel."
+image-attrib: "Tim Gouw"
+image-attrib-url: "https://www.pexels.com/@punttim"
 ---
 
 If you ask me for something that would greatly jumpstart your growth as a developer, I would place my bet on learning Git and exploring projects on [Github](https://github.com/explore).

_posts/2018-06-13-ubuntu-quick-dev-setup.md

@@ -4,7 +4,6 @@ permalink: "/ubuntu-dev-setup"
 description: "In this post I go through how I quickly setup an Ubuntu machine for development"
 keywords: ""
 image: "ubuntu-dev-setup"
-image-attrib: ""
 ---
 
 Whenever I get a new Ubuntu machine I intend to use for development, I go through so many articles around the Web just so I can install everything I need. This is because I work on several projects using different technologies.

_posts/2018-09-20-feels-fm.md

@@ -4,7 +4,6 @@ permalink: "/feels-fm"
 description: "There's nothing worse for your productivity than an anxiety or depression attack. What do you do when you don't want to do anything or talk to anyone?"
 keywords: ""
 image: "feels-fm"
-image-attrib: ""
 ---
 
 There's nothing worse for your productivity than an anxiety or depression attack. What if, just for the mean time, you don't have to talk to anyone to get your mood up?

_posts/2019-10-04-google-firebase-overview.md

@@ -4,7 +4,6 @@ permalink: "/google-firebase-overview"
 description: "Let's discuss what Google Firebase has to offer for app development in 2019."
 keywords: ""
 image: "drake_firebase"
-image-attrib: "https://firebase.google.com"
 ---
 
 Recently, I've been looking into some of the latest ways we can quickly spin up a backend system for an app prototype.

_posts/2019-10-14-forcing-javascript-dom-types.md

@@ -4,7 +4,6 @@ permalink: "/forcing-js-dom-types"
 description: "To take advantage of code completion for Javascript, here's a smart way to force JS DOM variables to use a specific DOM API interface"
 keywords: ""
 image: "javascript"
-image-attrib: "JavaScript using HTMLTableElement instead of HTMLElement, or other specific DOM APIs"
 ---
 
 To take advantage of JavaScript *intellisense* and code completion when using a certain *awesome* text editor *\*ehem\** [VS Code](https://code.visualstudio.com/) *\*ehem\**, you need to be able to declare the correct interfaces for variables containing DOM elements.

_posts/2020-02-26-start-writing.md

@@ -4,7 +4,6 @@ permalink: "/start-writing"
 description: "I'm going to start writing regularly. At first, I plan to do them quick and short just to establish the routine."
 keywords: "daily"
 image: "random-1"
-image-attrib: "Random picture of me in the Queen Victoria Building."
 ---
 
 Hey reader! I'm going to start writing regularly. At first, I plan to do them quick and short just to establish the routine. But as I go, I expect to have better quality content that I think you will love. <!--more-->

_posts/2020-02-27-routines.md

@@ -4,7 +4,6 @@ permalink: "/routines"
 description: "Let's talk about routines. Today I will be sharing the routines I try to observe, and the benefits I find when I actually do them."
 keywords: ""
 image: "batanes-boat"
-image-attrib: "A very shaky boat-ride in Batanes, Philippines"
 ---
 Today I will be sharing the routines I *try* to observe, and the benefits I find when I actually do them.
 

_posts/2020-02-28-weakness.md

@@ -4,7 +4,6 @@ permalink: "/weakness"
 description: "We all have things that hold us back from reaching our goals."
 keywords: ""
 image: "tokyo-temple"
-image-attrib: "Me, being weird in a temple in Tokyo."
 ---
 
 This morning, I found myself curiously watching an old man sitting by the sidewalk. He looked like he was having difficulty breathing and was coughing so hard. But that's not really what caught my attention.

_posts/2020-02-29-influence.md

@@ -4,7 +4,6 @@ permalink: "/influence"
 description: "If it is outside your circle of influence, do not waste time and energy."
 keywords: ""
 image: "team-lab"
-image-attrib: "Digital light show with Team Lab: Borderless"
 ---
 
 I first learned about the concept of "Circle of Influence" in a book written by Stephen Covey called "The 7 Habits of Highly Effective People"

_posts/2020-03-01-growth.md

@@ -4,7 +4,6 @@ permalink: "/growth"
 description: "Healthy growth is always bi-directional."
 keywords: ""
 image: "trees"
-image-attrib: "Some trees in Los Baños, Philippines"
 ---
 
 Have you ever planted a tree? I have not had the opportunity, but that is something I want to do.

_posts/2020-04-07-hardships.md

@@ -4,7 +4,6 @@ permalink: "/hardships"
 description: "I hope that as we complain about our individual situation this also moves us to think about others."
 keywords: ""
 image: "egg"
-image-attrib: "No, sometimes your response to the circumstance is not just about what you are made of."
 ---
 
 If the goal for our existence on this earth is to [love](https://www.biblegateway.com/passage/?search=John+13%3A34-35&version=NASB), then maybe all of our hardships' purpose is for us to learn empathy.<!--more-->

_posts/2020-04-09-reading.md

@@ -3,8 +3,9 @@ title: "Reading"
 permalink: "/reading"
 description: "I have been striving to rekindle my love for reading books and it has felt so good."
 keywords: ""
-image: ""
+image: "reading"
-image-attrib: ""
+image-attrib: "Daria Shevtsova"
+imate-attrib-url: "https://www.pexels.com/@daria"
 ---
 There has been a problem arising that everybody seems to see lately, but still no one seems to understand it completely.
 

assets/main.scss

@@ -606,4 +606,5 @@ table.image caption {
 .image-caption {
     font-size: small;
     text-align: center;
+    margin-bottom: 0px;
 }