jekyll-podcaster 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: df4a61d210adf7ad1ac09cd679f77ba3cd82e3e31a9966a75f413fbd6a045c33
+  data.tar.gz: e14a60b02ead166b767b082a05ad67fba934db02b200f59715825029cbb07a10
+SHA512:
+  metadata.gz: 5101d751937290f506d94cb879f94dd46aad16450c1b6c658404e212ca56307f87a06de976437c16e68bc5c7d3bd41ae04fd3f9b4ca19a12d77de67b68327246
+  data.tar.gz: 84680198046ae63b6d953d6cc2c9f785b6fab21a6644af9a6fe3261a918ca1d4267ee761b29856d1bf587a2c667ac80e27e19c9951c777247862c8d42878c1a2

data/LICENSE.txt

@@ -0,0 +1,23 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Alessio Franceschi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+Keep the author's name in the footer.
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,136 @@
+# [Jekyll Podcaster](https://jekyll-podcaster.netlify.app/)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/249c3da6-7b23-4b57-915d-71934329e306/deploy-status)](https://jekyll-podcaster.netlify.app/)
+[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/PandaSekh/Jekyll-Podcaster/issues)
+[![GitHub forks](https://img.shields.io/github/forks/PandaSekh/Jekyll-Podcaster)](https://github.com/PandaSekh/Jekyll-Podcaster/network)
+## [Live Demo](https://jekyll-podcaster.netlify.app/)
+
+![Homepage](https://raw.githubusercontent.com/PandaSekh/Jekyll-Podcaster/master/assets/screenshots/Homepage.png)
+
+Jekyll Podcaster is a [Jekyll](http://jekyllrb.com) theme built for podcasters. Every podcast needs a great website and this theme helps you achieve that.
+
+Please note that this theme will not build a RSS feed for your podcast, meaning that this is just for showcasing your podcast and not for distributing it. You still need to use a distribution platform.
+
+## Contents
+
+- [Screenshots](#screenshots)
+- [Installation](#installation)
+- [Customize](#customize)
+  - [Basics](#basics)
+  - [Links](#links)
+  - [Includes](#includes)
+  - [Colors](#colors)
+  - [Images](#images)
+  - [config.yml](#config.yml)
+- [Development](#development)
+- [Credits](#credits)
+- [License](#license)
+
+## Screenshots
+Mobile:  
+![Mobile](https://raw.githubusercontent.com/PandaSekh/Jekyll-Podcaster/master/assets/screenshots/Mobile.png)
+
+## Installation
+
+There are four way to use this theme: Netlify, Github Pages, as a gem-based theme and by forking this repo.
+
+### Download the files
+You can [download the files](https://github.com/PandaSekh/Jekyll-Podcaster/releases/latest) and add them in your directory to start working.
+
+### Netlify
+
+1. [Fork this repo](https://github.com/PandaSekh/Jekyll-Podcaster/generate). You can copy only master, set it to private or public and name it however you want.
+2. Go to [Netlify](https://app.netlify.com/), create a New site from Git, choose your repo or all repos, no difference. Back to Netlify, select the recently forked repo.
+3. Owner and branch are good to go. In build command write `bundle exec jekyll build` and publishing directory should be `_site/`.
+4. Deploy. Your site will shortly be available. Under domain settings you can change your subdomain, or add a primary level one.
+
+### Github Pages
+
+Github Pages uses the [--safe flag](https://jekyllrb.com/docs/configuration/options/) to build jekyll websites, which disable custom plugins, caching to disk and ignore symbolic links. Because of that, I suggest you to use any other method. Netlify works great with a 5 minute config, so I suggest you use it.
+
+1. [Fork this repo](https://github.com/PandaSekh/Jekyll-Podcaster/generate).
+2. Create a new branch in your repo and call it `gh-pages`.
+3. Publish your website and choose gh-pages as the target branch.
+
+### Remote theme
+
+[Follow these instructions](https://help.github.com/en/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-using-jekyll).
+
+### Gem-based theme 
+1. Add this line to your Jekyll site's `Gemfile`:
+
+    ```ruby
+    gem "jekyll-podcaster"
+    ```
+
+2. And add this line to your Jekyll site's `_config.yml`:
+
+    ```yaml
+    theme: jekyll-podcaster
+    ```
+
+3. And then execute:
+
+    ``` bash
+    $ bundle
+    ```
+
+4. Or install it yourself as:
+    
+    ``` bash
+    $ gem install jekyll-podcaster
+    ```
+
+## Customize
+TODO: Explain how to customize theme.
+
+### Basics
+In `_data/settings.yml` you can activate Disqus comments by adding your Disqus shortname. 
+`translate-date` activate translation for the months. If set to true, you can translate months in the file `_includes/date.html`.
+If `shownotes` is set to true, every post/episode will include the `_includes/shownotes.html` file. You can use it to add the same text under every post, in case you need to spam your merch store or Patreon, for example.
+
+### Links
+In `_data/settings.yml` you can add links next to the Podcast title, social links in the sidebar and links to your podcast. 
+The social links have a "type" attribute, which defines Font Awesome's font type (fas is solid, fab is brand). Out of the box this theme has support colors for a bunch of social. If your social isn't supported, just add the color in the `sidebar.css`.
+
+### Includes
+Modifying file in the `_includes` folder can break things, so please be careful. You should modify only these files:
+- `date.html` to translate the website to your language;
+- `playerjs.html` if you need to translate the player;
+- `shownotes.html` to change your shownotes.
+
+Everything else is modified automatically when you cnage your `settings.yml` and `config.yml` files.
+
+### Colors
+You can change colors in the `_sass/base.scss` and `_sass/sidebar.scss` files. 
+Changing the "wave" colors is a bit harder. You need to decode the svg in the `_scss/background.scss` file, the one in the `background-image` tag. To do that, please refer [to this website](https://mothereff.in/url). Once decoded, change the `path fill` attribute, then encode again and use it. 
+
+### Images
+You need three different dimensions of your podcast cover for this website:
+- Podcast_Cover_500.jpg --> 500x500 pixels
+- Podcast_Cover_Small.jpg --> 210x210 pixels
+- Podcast_Cover.jpg --> High-Res, I use 3000x3000 pixels
+
+Put those images in the /assets/img/ folder.
+
+### config.yml
+It's the usual file in every Jekyll theme. Just compile it. The last part about the podcast metadata is optional, as at the moment this theme won't create a RSS feed. It's just there in case I find the time to add it in the future.
+
+
+## Development
+
+[Contributions are welcomed and encouraged](https://github.com/PandaSekh/Jekyll-YAMT/issues).
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `yamt.gemspec` accordingly.
+
+## Credits
+Theme designed and created by [Alessio Franceschi](https://github.com/PandaSekh/).
+
+## License
+The theme is available as open source under the terms of the [MIT License](https://github.com/PandaSekh/Jekyll-YAMT/blob/master/LICENSE.txt).
+TL;DR
+Use it for free but keep my name in the footer. Thanks!

data/_includes/analytics.html

@@ -0,0 +1,9 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.data.settings.analytics-id }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.data.settings.analytics-id }}');
+</script>

data/_includes/cover.html

@@ -0,0 +1 @@
+<img src="{{"assets/img/Podcast_Cover_Small.jpg" | absolute_url}}" alt="Podcast Cover">

data/_includes/date.html

@@ -0,0 +1,18 @@
+<!-- Whitespace added for readability -->
+{% assign m = include.date | date: "%-m" %}
+{{ include.date | date: "%-d" }}
+{% case m %}
+  {% when '1' %}Gennaio
+  {% when '2' %}Febbraio
+  {% when '3' %}Marzo
+  {% when '4' %}Aprile
+  {% when '5' %}Maggio
+  {% when '6' %}Giugno
+  {% when '7' %}Luglio
+  {% when '8' %}Agosto
+  {% when '9' %}Settembre
+  {% when '10' %}Ottobre
+  {% when '11' %}Novembre
+  {% when '12' %}Dicembre
+{% endcase %}
+{{ include.date | date: "%Y" }}

data/_includes/disqus.html

@@ -0,0 +1,5 @@
+<div id="disqus_thread"></div>
+<script src="/assets/js/disqus.js"></script>
+<noscript>
+  Please activate Javascript to see the comments.</a>
+</noscript>

data/_includes/footer.html

@@ -0,0 +1,5 @@
+<footer>
+    <p>
+        Copyright <a href="{{ site.author.url }}">{{ site.author.name }}</a>. All Right Reserved. <!-- DO NOT DELETE -->Theme designed by <a href="https://alessiofranceschi.me/">Alessio Franceschi</a>.
+    </p>
+</footer>

data/_includes/head.html

@@ -0,0 +1,40 @@
+<head>
+    <html lang="it-IT">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>
+        {% if page.title == "Home" %}
+            {{ site.title }} | {{ site.description }}
+        {% else %}
+            {{ page.title }} | {{ site.title }}
+      {% endif %}
+    </title>
+    <meta name="description" content="
+     {% if page.description %}{{ page.description }}
+     {% else %}{{ site.description }}
+    {% endif %}">
+
+    <link rel="icon" href="{{"/favicon.ico" | absolute_url }}" type="image/x-icon">
+    <link rel="shortcut icon" href="{{"/favicon.ico" | absolute_url }}" type="image/x-icon">
+
+    <link rel="stylesheet" href="https://cdn.plyr.io/3.6.2/plyr.css" />
+
+
+    <link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" href="{{"/assets/css/main.css" | absolute_url }}">
+    <link rel="stylesheet" href="{{ "/assets/css/mobile.css" | absolute_url }}">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
+
+        <!-- SEO Plugin -->
+        {% seo %}
+
+        <!-- Google Analytics -->
+        {% if site.data.settings.analytics-id%}
+            {%- include analytics.html -%}
+        {% endif %}
+        <!-- End Google Analytics -->
+</head>

data/_includes/header.html

@@ -0,0 +1,29 @@
+<div id = "header">
+    <h1><a href="{{site.url}}">{{site.title}}</a></h1>
+    <div class = "wave">
+    </div>
+
+    <nav role="navigation">
+      <div id = "desktop-nav">
+        <ul id = "desktop-menu">
+          {% for item in site.data.settings.pages  %}
+          <li><a href="{{ item.url | absolute_url}}"> {{ item.name }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
+      <div id="hammenuToggle">
+          <input type="checkbox" />
+    
+          <span></span>
+          <span></span>
+          <span></span>
+          
+    
+          <ul id = "menu">
+            {% for item in site.data.settings.pages %}
+            <li><a href="{{ item.url | absolute_url}}">  {{ item.name }}</a></li>
+            {% endfor %}
+          </ul>
+        </div>
+    </nav>
+</div>

data/_includes/player.html

@@ -0,0 +1,5 @@
+<div class = "player-container">
+    <audio class="player" disableContextMenu data-plyr-config='{ "title": "{{include.title}}"}'>
+        <source src="{{ include.file }}" type="audio/mp3" />
+    </audio>
+</div>

data/_includes/playerjs.html

@@ -0,0 +1,58 @@
+<script src="https://cdn.plyr.io/3.6.2/plyr.polyfilled.js"></script>
+
+<script>
+    //See https://github.com/sampotts/plyr for more informations about customization
+
+    const controls = 
+    [
+     "play",
+     "rewind",
+     'progress',
+     "fast-forward",
+     'current-time',
+     'mute',
+     'volume',
+     'settings',
+     'airplay',
+    ];
+
+    const players = Array.from(document.querySelectorAll(".player"));
+        players.map(player => new Plyr(player, {
+        controls,
+        invertTime: true,
+        toggleInvert: true,
+        settings: ['quality', 'speed'],
+        //Italian translation, used in my website. Delete this to use English or translate the player to your language.
+        // Remove the /* and */ to use translation.
+        /*
+        i18n: {
+            restart: 'Riavvia',
+            rewind: 'Riavvolgi di {seektime} secondi',
+            play: 'Avvia',
+            pause: 'Pausa',
+            fastForward: 'Avanza di {seektime} secondi',
+            seek: 'Cerca',
+            played: 'Riprodotto',
+            buffered: 'Bufferato',
+            currentTime: 'Tempo Corrente',
+            duration: 'Durata',
+            volume: 'Volume',
+            mute: 'Muta',
+            unmute: 'Smuta',
+            enterFullscreen: 'Tutto schermo',
+            exitFullscreen: 'Esci dal tutto schermo',
+            frameTitle: 'Player per {title}',
+            settings: 'Impostazioni',
+            speed: 'Velocità',
+            normal: 'Normale',
+            quality: 'Qualità',
+            loop: 'Loop',
+            start: 'Inizio',
+            end: 'Fine',
+            all: 'Tutto',
+            reset: 'Reset',
+            disabled: 'Disabilitato',
+        }
+        */
+    }));
+</script>

data/_includes/shownotes.html

@@ -0,0 +1,20 @@
+<!-- These are shownotes which appear in every post/episode you publish -->
+
+<h3>
+    Shownotes
+</h3> 
+<h4>
+    Support the Theme:
+</h4>  
+<p>
+You like this theme? Please, Star it on <a href="https://github.com/PandaSekh/Jekyll-Podcaster">Github</a>. If you want to use it, you can find instructions there.
+</p>
+<br>
+<h4>
+    SOCIAL:
+</h4> 
+<p>
+<a href="https://alessiofranceschi.me/">Blog</a><br>
+
+<a href="https://github.com/PandaSekh/">GitHub</a><br>
+</p>

data/_includes/sidebar.html

@@ -0,0 +1,26 @@
+<img src="{{"assets/img/Podcast_Cover_500.jpg" | absolute_url}}" alt="Podcast Cover">
+
+<div id = "info">
+    <h3>{{site.title}}</h3>
+    <h4><i>{{site.description}}</i></h4>
+</div>
+<div id = "social">
+    {% for item in site.data.settings.social %}
+    {% if item.type == "brand"%}
+      <a href="{{ item.link }}" target="_blank" id="{{item.icon}}"><i class="fab fa-{{item.icon}}" aria-hidden="true"></i></a>
+    {% endif %}
+    {% if item.type == "solid"%}
+      <a href="{{ item.link }}" target="_blank" id="{{item.icon}}"><i class="fas fa-{{item.icon}}" aria-hidden="true"></i></a>
+    {% endif %} 
+  {% endfor %}
+</div>
+<div id = "ascoltare">
+    <h3>Where To Listen</h3>
+    <div id = "lista-siti">
+        <ul id = "siti">
+          {% for item in site.data.settings.websites-podcast  %}
+          <li><a href="{{ item.url | absolute_url}}"> {{ item.name }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
+</div>

data/_includes/video.html

@@ -0,0 +1,4 @@
+<h3> Video </h3>
+<div class = "video">
+<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{{include.videoid}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>

data/_layouts/default.html

@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+<head>
+  {% include head.html %}
+</head>
+<body>
+  {%- include header.html -%}
+  <div class="container">
+      <div class="content ">
+        {{ content }}
+        
+      </div>
+
+      <div class = "sidebar">
+        {%- include sidebar.html -%}
+      </div>
+   
+  </div>
+
+  {%- include footer.html -%}
+
+  <ul class="circles">
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+    <li></li>
+</ul>
+
+{%- include playerjs.html -%}
+
+</body>
+</html>