Initial commit

2022-03-15 18:22:18 +00:00 · 2022-03-15 18:22:18 +00:00 · 904a0b0bbf
commit 904a0b0bbf
26 changed files with 4847 additions and 0 deletions
--- a/source/_includes/button.html.twig
+++ b/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>
--- a/source/_includes/episode-list.html.twig
+++ b/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>
--- a/source/_includes/episode-listen-button.html.twig
+++ b/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 %}
--- a/source/_includes/episode-teaser.html.twig
+++ b/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>
--- a/source/_includes/footer.html.twig
+++ b/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>
--- a/source/_includes/main-menu.html.twig
+++ b/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>
--- a/source/_includes/navbar.html.twig
+++ b/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>
--- a/source/_includes/search-form.html.twig
+++ b/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>
--- a/source/_includes/sidebar.html.twig
+++ b/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>
--- a/source/_layouts/page.html.twig
+++ b/source/_layouts/page.html.twig
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link type="text/css" rel="stylesheet" href="/dist/build.css"/>
+    <meta charset="utf-8"/>
+  </head>
+  <body class="min-h-screen bg-white font-sans">
+    {% include "navbar" with {
+      links: site.main_menu,
+    } only %}
+
+    <div class="mt-7 max-w-[1040px] mx-auto px-[10px]">
+      {% block content_top %}{% endblock %}
+
+      <div class="mt-12">
+        <div class="grid grid-cols-12 gap-3">
+          <div class="col-span-9">
+            {% block content %}{% endblock %}
+          </div>
+
+          <div class="col-span-3">
+            {% include "sidebar" %}
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="mt-12">
+      {% include "footer" with {
+        links: site.main_menu,
+      } only %}
+    </div>
+  </body>
+</html>
--- a/source/index.html.twig
+++ b/source/index.html.twig
@ -0,0 +1,79 @@
+---
+layout: page
+title: A weekly chat about web design and development by a group a guys with one thing in common, we love Drupal.
+episodes:
+  -
+    number: 338
+    title: Tailwind CSS
+    date: 2022-03-08
+    description: |
+      <p>Today we are talking about Tailwind CSS with Oliver Davies.</p>
+  -
+    number: 337
+    title: Layout Paragraphs
+    date: 2022-03-01
+    description: |
+      <p>Today we are talking about Layout Paragraphs with Justin Toupin.</p>
+  -
+    number: 338
+    title: Tailwind CSS
+    date: 2022-03-08
+    description: |
+      <p>Today we are talking about Tailwind CSS with Oliver Davies.</p>
+  -
+    number: 336
+    title: Discover Drupal
+    date: 2022-02-22
+    description: |
+      <p>Today we are talking about Discover Drupal with Angie Sabin.</p>
+  -
+    number: 335
+    title: LocalGov
+    date: 2022-02-15
+    description: |
+      <p>Today we are talking about LocalGov Drupal.</p>
+  -
+    number: 334
+    title: Managing Drupal teams in Government
+    date: 2022-02-08
+    description: |
+      <p>Today we are talking about Leading a Drupal Team in Government with Abigail Bowman and Laura Larrimore.</p>
+  -
+    number: 333
+    title: Behat
+    date: 2022-02-01
+    description: |
+      <p>Today we are talking about Behat with Chris Burgess.</p>
+  -
+    number: 332
+    title: Permissions management
+    date: 2022-01-25
+    description: |
+      <p>Today we are talking about Permission Management with Benji Fisher.</p>
+  -
+    number: 331
+    title: Migrating Paragraphs for the National Zoo
+    date: 2022-01-18
+    description: |
+      <p>Today we are talking about Migrating Paragraphs for the National Zoo with Mohammed El-Khatib.</p>
+  -
+    number: 330
+    title: Remote Development on a LAN
+    date: 2022-01-11
+    description: |
+      <p>Today we are talking about Remote Development on a LAN.</p>
+  -
+    number: 329
+    title: The Penguin Corps
+    date: 2022-01-04
+    description: |
+      <p>Today we are talking about The Penguin Corps with Stu Keroff and Students from the Penguin Corps.</p>
+---
+
+{% block content_top %}
+  <h1 class="text-[38px] italic leading-tight text-primary">{{ page.title }}</h1>
+{% endblock %}
+
+{% block content %}
+  {% include "episode-list" with { episodes: page.episodes } only %}
+{% endblock %}