Initial commit

source/_includes/button.html.twig

@@ -0,0 +1,3 @@
+<a href="#0" class="mt-2 bg-primary text-white text-base inline-block py-[3px] px-[10px] rounded leading-[20px] transition duration-200 hover:bg-secondary focus:bg-secondary">
+  {% block text '' %}
+</a>

source/_includes/episode-list.html.twig

@@ -0,0 +1,5 @@
+<ul class="space-y-12">
+  {% for episode in episodes %}
+    {% include "episode-teaser" with { episode } only %}
+  {% endfor %}
+</ul>

source/_includes/episode-listen-button.html.twig

@@ -0,0 +1,5 @@
+{% embed "button" %}
+  {% block text %}
+    Listen <span class="sr-only">to episode #{{ episode.number }} - {{ episode.title }}</span>
+  {% endblock %}
+{% endembed %}

source/_includes/episode-teaser.html.twig

@@ -0,0 +1,15 @@
+<article>
+  <h2 class="text-3xl uppercase">
+    <a href="#0" class="text-secondary hover:text-primary focus:text-primary">
+      Talking Drupal #{{ episode.number }} - {{ episode.title }}
+    </a>
+  </h2>
+  
+  <time class="uppercase text-2xl text-primary" datetime="2022-03-08">
+    {{ episode.date|date('F j, Y') }}
+  </time>
+  
+  <div class="mt-1 text-gray">{{ episode.description|raw }}</div>
+  
+  {% include "episode-listen-button" with { episode } only %}
+</article>

source/_includes/footer.html.twig

@@ -0,0 +1,17 @@
+<footer class="mt-12 bg-[#D4D4D4] py-[17.5px]">
+  <div class="max-w-[1040px] mx-auto px-[10px]">
+    <nav>
+      <ul class="flex justify-end text-2xl space-x-8">
+        {% for link in links %}
+        <li>
+          <a href="#0" class="text-lg transition duration-200 {{ link.is_active ? 'text-secondary hover:text-primary focus:text-primary' : 'text-primary hover:text-secondary focus:text-secondary' }}">{{ link.title }}</a>
+        </li>
+        {% endfor %}
+      </ul>
+    </nav>
+  </div>
+</footer>
+
+<div class="mt-4 mb-8 text-center">
+  <p class="text-gray">A clone of the talkingdrupal.com website in Tailwind CSS.</p>
+</div>

source/_includes/main-menu.html.twig

@@ -0,0 +1,9 @@
+<nav>
+  <ul class="flex text-2xl space-x-8">
+    {% for link in links %}
+    <li>
+      <a href="#0" class="transition duration-200 {{ link.is_active ? 'text-secondary hover:text-white focus:text-white' : 'text-white hover:text-secondary focus:text-secondary' }}">{{ link.title }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</nav>

source/_includes/navbar.html.twig

@@ -0,0 +1,9 @@
+<div class="bg-[#8CC4DF] pt-5 pb-[10px]">
+  <div class="max-w-[1040px] px-[10px] mx-auto flex items-end justify-between">
+    <img src="https://talkingdrupal.com/sites/default/files/talking_drupal_logo.png"/>
+
+    {% include "search-form" %}
+
+    {% include "main-menu" with { links } only %}
+  </div>
+</div>

source/_includes/search-form.html.twig

@@ -0,0 +1,10 @@
+<form class="block_search__form" action="/" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline">
+  <h2 class="element-invisible">Search form</h2>
+  <div class="form-item form-type-textfield form-item-search-block-form">
+    <label class="element-invisible" for="edit-search-block-form--2">Search </label>
+    <input title="Enter the terms you wish to search for." placeholder="Search" type="search" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text">
+  </div>
+  <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Search" class="form-submit"><button type="submit" id="edit-submit-btn" name="op" class="form-submit form-submit__btn fa fa-search"></button></div><input type="hidden" name="form_build_id" value="form-F8vKLirMTdmU-Hf_XyPwdyanT0aG_NBS2_P8MmSsLks">
+  <input type="hidden" name="form_id" value="search_block_form">
+</div>
+</div></form>

source/_includes/sidebar.html.twig

@@ -0,0 +1,38 @@
+<div class="space-y-6">
+  <!-- <section>
+  <h2 class="sr-only">Links</h2>
+  <div>
+  <a href="#0"><img src="https://talkingdrupal.com/sites/all/themes/sitetheme/images/subscribe_itunes.png" alt="Subscribe on iTunes"/></a>
+  <a href="#0"><img src="https://talkingdrupal.com/sites/all/themes/sitetheme/images/Spotify.png" alt="Listen on Spotify"/></a>
+  <a href="#0"><img src="https://play.google.com/intl/en_us/badges-music/images/badges/en_badge_web_music.png" alt="Listen on Google Play Music"/></a>
+  </div>
+  </section> -->
+
+  <section>
+    <h2 class="uppercase text-2xl text-secondary">Stay Updated</h2>
+    <div class="text-gray">
+      <p>Sign up for our newsletter and receive</p>
+
+      {% embed "button" %}
+        {% block text "E-Mail Updates" %}
+      {% endembed %}
+    </div>
+  </section>
+
+  <section>
+    <h2>Contact</h2>
+    <p>show@talkingdrupal.com</p>
+    <p>@talkingdrupal</p>
+  </section>
+
+  <section>
+    <h2 class="uppercase text-2xl text-secondary">Promote your Event</h2>
+    <div class="text-gray">
+      <p>Learn about promoting your Drupal Event on Talking Drupal.</p>
+
+      {% embed "button" %}
+        {% block text "E-Mail Updates" %}
+      {% endembed %}
+    </div>
+  </section>
+</div>