jekyll-podcaster 1.0.0

data/_layouts/home.html

@@ -0,0 +1,91 @@
+---
+layout: default
+---
+{% for post in paginator.posts %}
+
+
+<div class="post">
+
+    <div class = "cover-img">
+      {% if post.cover %}
+        <img src="{{post.cover}}" alt="Podcast Cover">
+      {% else %}
+        <img src="{{ "/assets/img/Podcast_Cover_Small.jpg" | absolute_url}}" alt="Podcast Cover">
+      {% endif %}
+    </div>
+
+    <div class = title>
+        <h2 id = "post-title"><a href="{{ post.url  | absolute_url }}">{{ post.title }}</a></h2>
+
+        <div class = "info">
+            <span>
+              {% if site.data.settings.translate-date == true %}
+                <i class="far fa-calendar" aria-hidden="true"></i>{%- include date.html date=post.date -%}<span> - </span><i class="far fa-clock"></i> {{post.length}}
+              {% else %}
+                <i class="far fa-calendar" aria-hidden="true"></i>{{ post.date | date_to_long_string}}<span> - </span><i class="far fa-clock"></i> {{post.length}}
+              {% endif %}
+            </span>
+        </div>
+    </div>
+
+
+    {% capture file %}
+        {{- post.file -}}
+    {% endcapture %}
+    {% capture title %}
+        {{- post.title -}}
+    {% endcapture %}
+    {% include player.html file=file title=title %}
+
+    <div class = "long-excerpt">
+        <p>
+            {% if post.description %}
+                {{post.description | strip_html | truncatewords:100}}
+            {% else %}
+                {{ post.content | strip_html | truncatewords:100 }}
+            {% endif %}
+            <span class = "continue-reading"><a href="{{ post.url | absolute_url }}">Continua</a></span> 
+        </p> 
+    </div>
+
+    <div class = "short-excerpt">
+        <p>
+            {% if post.description %}
+                {{post.description | strip_html | truncatewords:30}}
+            {% else %}
+                {{ post.content | strip_html | truncatewords:30 }}
+            {% endif %}
+            <span class = "continue-reading"><a href="{{ post.url | absolute_url }}">Continua</a></span> 
+        </p> 
+    </div>
+
+</div>
+{% endfor %}
+
+
+<!-- Pagination links -->
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+  {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a>
+  {% else %}
+    <span class = "inactive">&laquo; Prev</span>
+  {% endif %}
+
+  {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+      <span class = "inactive">{{ page }}</span>
+    {% elsif page == 1 %}
+      <a href="/">{{ page }}</a>
+    {% else %}
+      <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+  {% endfor %}
+
+  {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a>
+  {% else %}
+    <span class = "inactive">Next &raquo;</span>
+  {% endif %}
+</div>
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,47 @@
+---
+layout: default
+---
+
+<div class = "single-post">
+        <div class="categories">
+                {% assign categories = page.categories %}
+                {% for category in categories %}
+                  <a href="{% capture url %}/cat/#{{ category | slugify }}{% endcapture %}
+                  {{ url | absolute_url }}">{{category}}</a>
+                  {% unless forloop.last %}&nbsp;{% endunless %} 
+                {% endfor %}
+        </div>
+        <h2>{{page.title}}</h2>
+
+        {% if post.cover %}
+                <img src="{{post.cover}}" alt="Podcast Cover">
+        {% else %}
+                <img src="{{ "/assets/img/Podcast_Cover_500.jpg" | absolute_url}}" alt="Podcast Cover">
+        {% endif %}
+        
+        <p>{{page.description}}</p>
+
+        {% capture file %}
+                {{- page.file -}}
+        {% endcapture %}
+        {% capture title %}
+                {{- page.title -}}
+        {% endcapture %}
+
+        {% include player.html file = file title = title %}
+
+        {% if page.videoid %}
+                {% include video.html videoid = page.videoid %}
+        {% endif %}
+
+        {{ content }}
+
+        {% if site.data.settings.shownotes == true %}
+                {% include shownotes.html %}
+        {% endif %}
+
+        
+</div>
+{% if site.settings.disqus-shortname %}
+        {%- include disqus.html -%}
+{% endif %}

data/_sass/archive.scss

@@ -0,0 +1,33 @@
+.container{
+    .content{
+        .archive-group, .episodes{
+            h2{
+                font-family: 'Karla', sans-serif;
+                font-size: 2rem;
+                text-align: center;
+                margin-top: 20px;
+            }
+            ul{
+                list-style: none;
+                li{
+                    line-height: 3rem;
+                    text-align: center;
+                    a{
+                        text-decoration: none;
+                        font-size: 1.5rem;
+                            display: inline-block;
+                            font-style: italic;
+                            border-bottom: 1px solid $base-color;
+                            line-height: 0.9;
+                            transition: background-color 0.1s cubic-bezier(.33,.66,.66,1);
+                            color: black;
+                        }
+                        a:hover{
+                            background-color: $darker-color;
+                            border-bottom: none;
+                    }
+                }
+            }
+        }
+    }
+}

data/_sass/background.scss

@@ -0,0 +1,119 @@
+body{
+    background-color:#fff;
+    background-image: 
+    url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%2040%201440%20320%22%3E%0A%20%20%3Cpath%20fill%3D%22%2301a0e4%22%20fill-opacity%3D%221%22%20d%3D%22M0%2C160L48%2C176C96%2C192%2C192%2C224%2C288%2C229.3C384%2C235%2C480%2C213%2C576%2C176C672%2C139%2C768%2C85%2C864%2C90.7C960%2C96%2C1056%2C160%2C1152%2C165.3C1248%2C171%2C1344%2C117%2C1392%2C90.7L1440%2C64L1440%2C0L1392%2C0C1344%2C0%2C1248%2C0%2C1152%2C0C1056%2C0%2C960%2C0%2C864%2C0C768%2C0%2C672%2C0%2C576%2C0C480%2C0%2C384%2C0%2C288%2C0C192%2C0%2C96%2C0%2C48%2C0L0%2C0Z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
+    background-repeat: repeat-x;
+}
+    .circles{
+        position: fixed;
+        z-index: -5;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+    
+    .circles li{
+        position: absolute;
+        display: block;
+        list-style: none;
+        width: 20px;
+        height: 20px;
+        background: $darker-color;
+        animation: animate 25s linear infinite;
+        bottom: -150px;
+        
+    }
+    
+    .circles li:nth-child(1){
+        left: 25%;
+        width: 80px;
+        height: 80px;
+        animation-delay: 0s;
+    }
+    
+    
+    .circles li:nth-child(2){
+        left: 10%;
+        width: 20px;
+        height: 20px;
+        animation-delay: 2s;
+        animation-duration: 12s;
+    }
+    
+    .circles li:nth-child(3){
+        left: 70%;
+        width: 20px;
+        height: 20px;
+        animation-delay: 4s;
+    }
+    
+    .circles li:nth-child(4){
+        left: 40%;
+        width: 60px;
+        height: 60px;
+        animation-delay: 0s;
+        animation-duration: 18s;
+    }
+    
+    .circles li:nth-child(5){
+        left: 65%;
+        width: 20px;
+        height: 20px;
+        animation-delay: 0s;
+    }
+    
+    .circles li:nth-child(6){
+        left: 75%;
+        width: 110px;
+        height: 110px;
+        animation-delay: 3s;
+    }
+    
+    .circles li:nth-child(7){
+        left: 35%;
+        width: 150px;
+        height: 150px;
+        animation-delay: 7s;
+    }
+    
+    .circles li:nth-child(8){
+        left: 50%;
+        width: 25px;
+        height: 25px;
+        animation-delay: 15s;
+        animation-duration: 45s;
+    }
+    
+    .circles li:nth-child(9){
+        left: 20%;
+        width: 15px;
+        height: 15px;
+        animation-delay: 2s;
+        animation-duration: 35s;
+    }
+    
+    .circles li:nth-child(10){
+        left: 85%;
+        width: 150px;
+        height: 150px;
+        animation-delay: 0s;
+        animation-duration: 11s;
+    }
+
+@keyframes animate {
+
+    0%{
+        transform: translateY(0) rotate(0deg);
+        opacity: 1;
+        border-radius: 50%;
+    }
+
+    100%{
+        transform: translateY(-1000px) rotate(720deg);
+        opacity: 0;
+        border-radius: 50%;
+    }
+
+}

data/_sass/base.scss

@@ -0,0 +1,55 @@
+$base-color: #01a0e4;
+$darker-color: rgba(0, 160, 227, 0.2);
+
+* {
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0px;
+            padding: 0px;
+            font-family: 'Karla', sans-serif;
+}
+html{
+    scroll-behavior: smooth;
+}
+
+a{
+    text-decoration: none;
+}
+p{
+    a{
+        display: inline-block;
+        font-style: italic;
+        border-bottom: 1px solid $base-color;
+        line-height: 0.9;
+        transition: background-color 0.1s cubic-bezier(.33,.66,.66,1);
+    }
+    a:hover{
+        background-color: $darker-color;
+        border-bottom: none;
+    }
+}
+
+.container{
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: flex-start;
+    .content{
+        order: 1;
+        width: 55%;
+    }
+
+}
+
+
+footer{
+    text-align: center;
+    font-size: .85rem;
+    margin-bottom: 10px;
+    margin-top: 20px;
+    a{
+        text-decoration: none;
+        color: black;
+    }
+}

data/_sass/header.scss

@@ -0,0 +1,187 @@
+#header{
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-height: 50px;
+    margin-bottom: 160px;
+    h1{
+        padding: 20px;
+        a{
+          color: white;
+          font-family: 'Oleo Script', cursive;
+          font-size: 2.5rem;
+        }
+    }
+
+    #desktop-nav{
+      #desktop-menu{
+        list-style: none;
+        margin: 0;
+        margin-right: 180px;
+        padding: 0;
+        overflow: hidden;
+        ul{
+          display:inline;
+        }
+        li{
+          float: left;
+          margin-right: 10px;
+          a{
+            display: block;
+            text-decoration: none;
+            color: white;
+            font-weight: bold;
+            font-size: 1.5rem;
+          }
+          a:hover{
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+
+    //start menu
+    #hammenuToggle{
+      display: block;
+      position: absolute;
+      top: 15px;
+      right: 15px;
+      
+      z-index: 1;
+      
+      -webkit-user-select: none;
+      user-select: none;
+    }
+
+    #hammenuToggle a
+    {
+      text-decoration: none;
+      color: #232323;
+      
+      transition: color 0.3s ease;
+    }
+
+    #hammenuToggle a:hover
+    {
+      color: $base-color;
+    }
+
+
+    #hammenuToggle input
+    {
+      display: block;
+      width: 40px;
+      height: 32px;
+      position: absolute;
+      top: -7px;
+      left: -5px;
+      
+      cursor: pointer;
+      
+      opacity: 0; /* hide this */
+      z-index: 2; /* and place it over the hamburger */
+      
+      -webkit-touch-callout: none;
+    }
+
+    /*
+    * Just a quick hamburger
+    */
+    #hammenuToggle span
+    {
+      display: block;
+      width: 33px;
+      height: 4px;
+      margin-bottom: 5px;
+      position: relative;
+      
+      background: white;
+      border-radius: 3px;
+      
+      z-index: 1;
+      
+      transform-origin: 4px 0px;
+      
+      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
+                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
+                  opacity 0.55s ease;
+    }
+
+    #hammenuToggle span:first-child
+    {
+      transform-origin: 0% 0%;
+    }
+
+    #hammenuToggle span:nth-last-child(2)
+    {
+      transform-origin: 0% 100%;
+    }
+
+    /* 
+    * Transform all the slices of hamburger
+    * into a crossmark.
+    */
+    #hammenuToggle input:checked ~ span
+    {
+      opacity: 1;
+      transform: rotate(45deg) translate(-2px, -1px);
+      background: #232323;
+    }
+
+    /*
+    * But let's hide the middle one.
+    */
+    #hammenuToggle input:checked ~ span:nth-last-child(3)
+    {
+      opacity: 0;
+      transform: rotate(0deg) scale(0.2, 0.2);
+    }
+
+    /*
+    * Ohyeah and the last one should go the other direction
+    */
+    #hammenuToggle input:checked ~ span:nth-last-child(2)
+    {
+      transform: rotate(-45deg) translate(0, -1px);
+    }
+
+    /*
+    * Make this absolute positioned
+    * at the top left of the screen
+    */
+    #menu
+    {
+      position: fixed;
+      width: 300px;
+      margin: 10px 0 200px -135px;
+      padding: 50px;
+      
+     // background: #ededed;
+      background: white;
+      border: 2px solid $base-color;
+      opacity: 0.98;
+      border-radius: 30px;
+      list-style-type: none;
+      -webkit-font-smoothing: antialiased;
+      /* to stop flickering of text in safari */
+      
+      transform-origin: 0% 0%;
+      transform: translate(100%);
+      
+      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
+    }
+
+    #menu li
+    {
+      padding: 10px 0;
+      font-size: 22px;
+    }
+
+    /*
+    * And let's slide it in from the left
+    */
+    #hammenuToggle input:checked ~ ul
+    {
+      transform: none;
+    }
+}