Refinements

example42 · Dec 28, 2024 · 9cc19e4 · 9cc19e4
1 parent 8ac939d
commit 9cc19e4
Show file tree

Hide file tree

Showing 14 changed files with 15 additions and 6 deletions.
diff --git a/AbnormalDevOpsIterations/img/10.png b/AbnormalDevOpsIterations/img/10.png
diff --git a/AbnormalDevOpsIterations/img/11.png b/AbnormalDevOpsIterations/img/11.png
diff --git a/AbnormalDevOpsIterations/img/12.png b/AbnormalDevOpsIterations/img/12.png
diff --git a/AbnormalDevOpsIterations/img/13.png b/AbnormalDevOpsIterations/img/13.png
diff --git a/AbnormalDevOpsIterations/img/2.png b/AbnormalDevOpsIterations/img/2.png
diff --git a/AbnormalDevOpsIterations/img/3.png b/AbnormalDevOpsIterations/img/3.png
diff --git a/AbnormalDevOpsIterations/img/4.png b/AbnormalDevOpsIterations/img/4.png
diff --git a/AbnormalDevOpsIterations/img/5.png b/AbnormalDevOpsIterations/img/5.png
diff --git a/AbnormalDevOpsIterations/img/6.png b/AbnormalDevOpsIterations/img/6.png
diff --git a/AbnormalDevOpsIterations/img/7.png b/AbnormalDevOpsIterations/img/7.png
diff --git a/AbnormalDevOpsIterations/img/8.png b/AbnormalDevOpsIterations/img/8.png
diff --git a/_includes/adi_detail.html b/_includes/adi_detail.html
@@ -1,7 +1,7 @@
 <section id="blogs">
   <div class="content-section-a">
     <div class="container">
-      <div class="row">
+      <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" }}
@@ -14,11 +14,11 @@ <h1>{{ page.guest }} - {{ page.title }}</h2>
         </div>
       </div>
       <div class="row">
-        <div class="col-lg-6">
+        <div class="col-lg-5">
           {{ content }}
           <div class="tags">{% for tag in page.tags %}#{{ tag }} {% endfor %}</div>
         </div>
-        <div class="col-lg-6">
+        <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>
           </div>

diff --git a/_includes/adi_list.html b/_includes/adi_list.html
@@ -8,12 +8,13 @@ <h2>Abnormal DevOps Iterations: Human Intelligence</h2>
 
           {% assign sorted_posts = site.episodes | sort: "path" | reverse %}
           {% for post in sorted_posts %}
-          <div class="row">
+          <div class="row adi-list">
             <div class="col-lg-4">
-              <img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ post.number }}.png" alt="ADI {{ post.number }} - {{ post.guest }}: {{ post.title }}">
+              <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">
-            <strong>{{ post.number }} </strong> -  {{ post.guest }}: <a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a>
+            <h1>{{ post.number }}</h1>
+            <h2>{{ post.guest }}: <a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a></h2>
             </div>
           </div>
           {% endfor %}

diff --git a/css/landing-page.css b/css/landing-page.css
@@ -87,6 +87,13 @@ h6 {
     background-size: cover;
 }
 
+.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;
+}
+
 .back-white {
     background-color: #f8f8f8;
     padding: 30px 0;
@@ -96,6 +103,7 @@ h6 {
     padding: 30px 0;
 }
 
+
 .lightback-1 {
     background: url(../img/lightback-1.jpg) no-repeat center center;
     background-size: cover;