adjustments to tablet view size

Author: jwcooper

assets/sass/pages/_home.scss

@@ -68,6 +68,15 @@
             font-size: 24px;
             border-radius: 10px;
             background-color: rgba(0, 0, 0, 0.7);
+
+            a {
+              color: #fff;
+              text-decoration: none;
+
+              &:visited {
+                color: #fff;
+              }
+            }
           }
         }
 
@@ -126,9 +135,20 @@
   #home-page {
     .two-column-content {
       .text {
+        padding: 20px;
+
         h1 {
           font-size: 2.5em;
         }
+
+        h2 {
+          font-size: 1.5em;
+          margin-top: 0;
+        }
+
+        .tagline {
+          font-size: 1.2em;
+        }
       }
     }
   }
@@ -145,6 +165,16 @@
           margin: 0;
           padding: 0;
         }
+
+        h2 {
+          font-size: 1.2em;
+        }
+
+        .tagline {
+          font-size: 1em;
+          margin: 0;
+          padding: 0;
+        }
       }
       .image .image-title img {
         display: none;

index.html

@@ -24,7 +24,7 @@ <h1>The easiest way to program microcontrollers</h1>
         />
       <span class="image-title">
         <span>
-          <p>{{ guide.title }} by {{ guide.author }}</p>
+          <p><a href="{{ guide.guide_url }}">{{ guide.title }} by {{ guide.author }}</a></p>
         </span>
         <img alt="Made with CircuitPython Logo"
                                   src="{{ "assets/images/made_with_circuitpython.svg" |
@@ -103,7 +103,7 @@ <h3>Serial Console + REPL</h3>
         />
       <span class="image-title">
         <span>
-          <p>{{ guide.title }} by {{ guide.author }}</p>
+          <p><a href="{{ guide.guide_url }}">{{ guide.title }} by {{ guide.author }}</a></p>
         </span>
         <img alt="Made with CircuitPython Logo"
                                   src="{{ "assets/images/made_with_circuitpython.svg" |
@@ -143,7 +143,7 @@ <h2>Supported by all of the best microcontrollers</h2>
         />
       <span class="image-title">
         <span>
-          <p>{{ guide.title }} by {{ guide.author }}</p>
+          <p><a href="{{ guide.guide_url }}">{{ guide.title }} by {{ guide.author }}</a></p>
         </span>
         <img alt="Made with CircuitPython Logo"
                                   src="{{ "assets/images/made_with_circuitpython.svg" |
@@ -161,7 +161,7 @@ <h2>Supported by all of the best microcontrollers</h2>
         />
       <span class="image-title">
         <span>
-          <p>{{ guide.title }} by {{ guide.author }}</p>
+          <p><a href="{{ guide.guide_url }}">{{ guide.title }} by {{ guide.author }}</a></p>
         </span>
         <img alt="Made with CircuitPython Logo"
                                   src="{{ "assets/images/made_with_circuitpython.svg" |