Wip

Author: alvagante

_includes/adi_detail.html

@@ -4,7 +4,6 @@
       <div class="row adi-list">
         <div class="col-lg-2">
           <img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ page.number }}.png" alt="ADI {{ page.number }} - {{ page.guest }}: {{ page.title }}">
-          Posted: {{ page.date | date: "%Y-%m-%d" }}
         </div>
         <div class="col-lg-2">
           <h2><a href="{{ site.url }}/AbnormalDevOpsIterations/">Abnormal DevOps</br>Iteration {{ page.number }}</a></h2>
@@ -21,6 +20,7 @@ <h1>{{ page.guest }} - {{ page.title }}</h2>
         <div class="col-lg-7">
           <div class="video-container">
           <iframe src="https://www.youtube.com/embed/{{ page.youtube }}" class="video" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+          Premiered on {{ page.date | date: "%Y-%m-%d" }}
           </div>
         </div>
       </div>

_includes/adi_list.html

@@ -5,6 +5,7 @@
         <div>
           <div class="lead">
           <h2>Abnormal DevOps Iterations: Human Intelligence</h2>
+          <h2>A podcast about Puppet, DevOps, IT operations, AI and everything</h2>
 
           {% assign sorted_posts = site.episodes | sort: "path" | reverse %}
           {% for post in sorted_posts %}
@@ -13,8 +14,8 @@ <h2>Abnormal DevOps Iterations: Human Intelligence</h2>
               <a href="{{ site.url }}{{ post.url }}" target="_parent"><img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ post.number }}.png" alt="ADI {{ post.number }} - {{ post.guest }}: {{ post.title }}"></a>
             </div>
             <div class="col-lg-8">
-            <h1>{{ post.number }}</h1>
-            <h2>{{ post.guest }}: <a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a></h2>
+            <h2>{{ post.number }} - {{ post.guest }}</h2>
+            <h2><a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a></h2>
             </div>
           </div>
           {% endfor %}

_includes/adi_splash.html

@@ -2,18 +2,23 @@
   <div class="adi-header">
     <div class="container">
       <div class="row">
-        <div class="col-lg-12">
+        <div class="col-lg-10">
           <div class="intro-message">
-            <h1>Abnormal DevOps Iterations</h1>
-            <hr class="intro-divider">
-            <h2>A podcast about Puppet, DevOps, IT operations, AI and everything</h2>
-            <div class="lead">
-              <a href="https://youtube.com/@AbnormalDevOpsIterations" class="btn btn-default btn-lg" target="_blank"><i class="fa fa-youtube fa-fw"></i> <span class="network-name">YouTube</span></a>
-            </div>
-            <div class="lead">
-              Audio only versions:
-              <a href="https://open.spotify.com/show/4viAGMM539m0A230xqKhqD?si=bd0d41f805054313" target="_blank">Spotify</a> and
-              <a href="https://music.amazon.com/podcasts/fbb3a98e-1877-4e66-8b65-23388d0e867e/abnormal-devops-iterations" target="_blank">Amazon Music</a></br>
+          </div>
+          <div class="col-lg-2">
+            <div class="intro-message">
+              <h2>Abnormal DevOps Iterations</h2>
+              <hr class="intro-divider">
+              <div class="lead">
+                <h3>Video:</h3>
+                <a href="https://youtube.com/@AbnormalDevOpsIterations" class="btn btn-default btn-lg" target="_blank"><span class="network-name">YouTube</span></a>
+              </div>
+              <hr class="intro-divider">
+              <div class="lead">
+                <h3>Audio:</h3>
+                <h3><a href="https://open.spotify.com/show/4viAGMM539m0A230xqKhqD?si=bd0d41f805054313" target="_blank">Spotify</a></h3>
+                <h3><a href="https://music.amazon.com/podcasts/fbb3a98e-1877-4e66-8b65-23388d0e867e/abnormal-devops-iterations" target="_blank">Amazon Music</a></h3>
+              </div>
             </div>
           </div>
         </div>

css/landing-page.css

@@ -79,19 +79,21 @@ h6 {
 }
 
 .adi-header {
-    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
+    padding-top: 20px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 20px;
     text-align: center;
     color: #f8f8f8;
-    background: url(../img/background-podcast.jpg) no-repeat center center;
+    background: url(../img/splash-adi.png) no-repeat center center;
     background-size: cover;
+    vertical-align: middle;
 }
 
 .adi-list {
     padding-top: 10px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 10px;
     text-align: center;
     color: #f8f8f8;
+    vertical-align: middle;
 }
 
 .back-white {