Wip

Author: alvagante

_episodes/013.md

@@ -4,7 +4,7 @@ layout: 'adi_humanintelligence'
 title:  Team Topologies and Organisational Design
 date: '20241230'
 host: Alessandro Franceschi
-youtube: y-QNhvbrNl8
+youtube: 'y-QNhvbrNl8'
 guest: Manuel Pais
 tags:
   - Team Topologies

_includes/adi_detail.html

@@ -3,10 +3,11 @@
     <div class="container">
       <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 }}">
+          <a href="{{ site.url }}/AbnormalDevOpsIterations/"><img class="img-responsive" src="{{ site.url }}/img/pic-adi.png" alt="Abnormal DevOps Iterations"></a>
+          <h4>{{ page.number }}</h4>
         </div>
         <div class="col-lg-2">
-          <h2><a href="{{ site.url }}/AbnormalDevOpsIterations/">Abnormal DevOps</br>Iteration {{ page.number }}</a></h2>
+          <img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ page.number }}.png" alt="ADI {{ page.number }} - {{ page.guest }}: {{ page.title }}">
         </div>
         <div class="col-lg-8">
         <h1>{{ page.guest }} - {{ page.title }}</h2>

_includes/adi_splash.html

@@ -2,25 +2,22 @@
   <div class="adi-header">
     <div class="container">
       <div class="row">
-        <div class="col-lg-10">
-          <div class="intro-message">
-          </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 class="col-lg-4">
+          <a href="{{ site.url }}/AbnormalDevOpsIterations/"><img class="img-responsive" src="{{ site.url }}/img/pic-adi.png" alt="Abnormal DevOps Iterations"></a>
+        </div>
+        <div class="col-lg-4">
+            <h1>Abnormal DevOps Iterations</h1>
+            <hr class="intro-divider">
+            <h2>A podcast about Puppet, DevOps, IT operations, AI and everything</h2>
+        </div>
+        <div class="col-lg-4">
+          <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>
+           <hr class="intro-divider">
+            <h3>Audio:</h3>
+            <a href="https://open.spotify.com/show/4viAGMM539m0A230xqKhqD?si=bd0d41f805054313" target="_blank"><h3>Spotify</h3></a>
+            <a href="https://music.amazon.com/podcasts/fbb3a98e-1877-4e66-8b65-23388d0e867e/abnormal-devops-iterations" target="_blank"><h3>Amazon Music</h3></a>
         </div>
       </div>
     </div>

_includes/home_podcast.html

@@ -17,7 +17,7 @@ <h2 class="section-heading"><a href="{{ site.url }}/AbnormalDevOpsIterations/">A
           </div>
         </div>
         <div class="col-lg-4 col-sm-pull-6  col-sm-6">
-          <img class="img-responsive" src="{{ site.url }}/img/pic-adi.png" alt="Abnormal DevOps Iterations">
+          <a href="{{ site.url }}/AbnormalDevOpsIterations/"><img class="img-responsive" src="{{ site.url }}/img/pic-adi.png" alt="Abnormal DevOps Iterations"></a>
         </div>
       </div>
     </div>

css/landing-page.css

@@ -83,17 +83,22 @@ h6 {
     padding-bottom: 20px;
     text-align: center;
     color: #f8f8f8;
-    background: url(../img/splash-adi.png) no-repeat center center;
+    background: url(../img/background-podcast.jpg) no-repeat center center;
     background-size: cover;
     vertical-align: middle;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .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;
+    text-align: left;
     vertical-align: middle;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .back-white {