jekyll-octopod 0.11.1 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -11
  3. data/assets/_config.yml.sample +1 -9
  4. data/assets/_includes/disqus_count.html +1 -1
  5. data/assets/_includes/post.html +5 -6
  6. data/assets/_includes/post_header.html +13 -13
  7. data/assets/_includes/sidebar.html +43 -51
  8. data/assets/_layouts/default.html +39 -38
  9. data/assets/_layouts/feed.xml +0 -1
  10. data/assets/_layouts/page.html +4 -4
  11. data/assets/_layouts/with_twitter_card.html +39 -39
  12. data/assets/_sass/_overrides.scss +23 -38
  13. data/assets/general_feed.xml +0 -1
  14. data/assets/podigee-player/javascripts/podigee-podcast-player-embed.js +55 -11
  15. data/assets/podigee-player/javascripts/podigee-podcast-player-embed.js.gz +0 -0
  16. data/assets/podigee-player/javascripts/podigee-podcast-player.js +1 -1
  17. data/assets/podigee-player/javascripts/podigee-podcast-player.js.gz +0 -0
  18. data/assets/podigee-player/podigee-podcast-player.html +224 -128
  19. data/assets/podigee-player/stylesheets/app.css +160 -115
  20. data/assets/podigee-player/stylesheets/app.css.gz +0 -0
  21. data/assets/podigee-player/themes/default/index.css +513 -344
  22. data/assets/podigee-player/themes/default/index.html +403 -13
  23. data/assets/podigee-player/themes/default-dark/index.css +522 -354
  24. data/assets/podigee-player/themes/default-dark/index.html +1 -1
  25. data/assets/podigee-player/themes/legacy/index.css +298 -239
  26. data/assets/podigee-player/themes/minimal/index.css +20 -10
  27. data/bin/octopod +8 -8
  28. data/lib/jekyll/octopod_filters.rb +11 -19
  29. data/lib/jekyll/podigee_player_tag.rb +1 -1
  30. data/lib/jekyll-octopod.rb +0 -1
  31. data/lib/octopod/version.rb +2 -2
  32. metadata +3 -11
  33. data/assets/_config.yml +0 -47
  34. data/assets/_includes/flattr_loader.html +0 -14
  35. data/assets/podigee-player/themes/default/variables.css +0 -0
  36. data/assets/podigee-player/themes/default-dark/variables.css +0 -0
  37. data/assets/podigee-player/themes/legacy/variables.css +0 -0
  38. data/assets/podigee-player/themes/republica/index.css +0 -352
  39. data/assets/podigee-player/themes/republica/index.html +0 -32
  40. data/lib/jekyll/flattr_filters.rb +0 -107
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6a3aeab01c2f99eed20ef0ed4eea2f5ee189173e2a64d695260c414828a354d6
4
- data.tar.gz: ab1efe4977975772dceb303b2bef641a0c43eca339760cb700d89a28d8a0190c
3
+ metadata.gz: fceb9b4de74201b2a3b447c3b76cb935e0f0c252ab6b97ebbb6e36272943a5b2
4
+ data.tar.gz: 8f49235e867e8d32dafca400f02e909f9297c16e97a1a39ccbfc86ef47de79c5
5
5
  SHA512:
6
- metadata.gz: 29956fea8e163808ec24d871280e68ebae9960e5107cc4840e8ea9aa26856db5f672cf4bf2287ed1b417b88d00b0b27547f0321fd644f6f8a9f00ad3eedbd0af
7
- data.tar.gz: 30359971120474bbc59f43440d2d25e953a2dd98e6ae9d5223017ef7f4353404e59dd7ce7e4735229c241e932bbaad955ec089526e74671c9a38e66fb93a99f5
6
+ metadata.gz: 997d8de4aef625bf51ef4cd3ce723dd178606101ebd0d5784b26cab4678ce21daceae0b9bd91d2696fbc0faaa3c466b72d036e880f2dbf4242a8eab4dbc1d32d
7
+ data.tar.gz: 2fd72e2ceb221945f1f3848612b54bdd6dcad6b05f01140e3808c409e66953261181b95f3b8a206204def257baf67651e2af61445b2a94a4c9f9ff6225ef85bd
data/README.md CHANGED
@@ -1,16 +1,5 @@
1
1
  # jekyll-octopod
2
2
 
3
- Today, on November 9th 2020, after 1690 days of maintenance, 204 commits and 59 releases, I stop working
4
- on this project due to lack of time.
5
-
6
- I would probably rather start a rewrite in dart than trying to fix what
7
- I don't like about this project. Back in October 2020 I tried to collect
8
- [my thoughts on the status](https://github.com/jekyll-octopod/jekyll-octopod/blob/master/ROADMAP.md)
9
- and they are mostly still valid.
10
-
11
- I case you want to step up as maintainer of this project, get in touch! (<stefan.haslinger@informatom.com>)
12
-
13
- ![Unmaintained](https://img.shields.io/badge/Project-unmaintained-important)
14
3
  [![Gem Version](https://badge.fury.io/rb/jekyll-octopod.svg)](https://badge.fury.io/rb/jekyll-octopod)
15
4
 
16
5
  <img align="right" src="assets/img/logo.jpg" alt="logo"/>
@@ -15,7 +15,7 @@ keywords: [octopod, podcast, magic]
15
15
  itunes_categories: [Technology]
16
16
  episodes_per_feed_page: 100
17
17
 
18
- player_theme: default # default | "default-dark" | legacy | minimal | republica
18
+ player_theme: default # default | "default-dark" | legacy | minimal
19
19
 
20
20
  ### Date can be localized via date_de.rb plugin, you don't need to change this
21
21
  date_format: ordinal
@@ -49,14 +49,6 @@ itunes_url: https://itunes.apple.com/at/podcast/myname/id232323
49
49
  # torrent_m4a: http://bitlove.org/example_user/example_podcast_m4a/feed
50
50
  # torrent_mp3: http://bitlove.org/example_user/example_podcast_mp3/feed
51
51
 
52
- ### Flattr config, optional
53
- flattr_uid: # Flattr will not be used unless this is set
54
- flattr_button: compact # compact | default
55
- flattr_mode: auto # auto | manual
56
- flattr_popout: 1 # 1 | 0 (show popout when hovering mouse over button)
57
- flattr_language: en_GB # available languages see https://api.flattr.com/rest/v2/languages.txt
58
- flattr_category: audio # available categories see https://api.flattr.com/rest/v2/categories.txt
59
-
60
52
  ### Disqus comments
61
53
  disqus_shortname: # Disqus will not be used unless this is set
62
54
  disqus_developer: 0 # 1 | 0
@@ -1,5 +1,5 @@
1
1
  {% if site.disqus_shortname %}
2
- <a class="btn btn-inverse pull-right" href="{{ site.url }}{{ post.url }}#disqus_thread">
2
+ <a class="button is-dark is-pulled-right" href="{{ site.url }}{{ post.url }}#disqus_thread">
3
3
  <script type="text/javascript">
4
4
  (function () {
5
5
  {{ site | disqus_config:post }}
@@ -2,28 +2,27 @@
2
2
  {% elsif page %}
3
3
  {% assign post = page %}
4
4
  {% endif %}
5
- <section id="{{ post.id | sha1:8 }}" class="active">
5
+ <section id="{{ post.id | sha1:8 }}">
6
6
  {% include post_header.html %}
7
7
 
8
8
  {{ post.content }}
9
9
  {% if post.audio %}
10
10
  {% for file in post.audio %}
11
11
  {% if post.filesize %}
12
- <a class="btn btn-info"
12
+ <a class="button is-info"
13
13
  href="{{ site | download_url_with_fallback }}/{{ file.last }}">Download .{{ file.first }} ({{ post | size_by_format: file.first | in_megabytes }})</a>
14
14
  {% else %}
15
- <a class="btn btn-info"
15
+ <a class="button is-info"
16
16
  href="{{ site | download_url_with_fallback }}/{{ file.last }}">Download .{{ file.first }} ({{ file.last | file_size:'./' | string_of_size }})</a>
17
17
  {% endif %}
18
18
  {% endfor %}
19
19
  {% endif %}
20
20
  <hr>
21
- {{ site | flattr_button:post }}
22
21
  <a href="https://twitter.com/share"
23
- class="button btn-primary btn-sm"
22
+ class="button is-primary is-small"
24
23
  data-url="{{ site.url }}{{post.url }}"
25
24
  data-text="{{ post.title }}">
26
- <i class="fab fa-twitter"></i> Tweet</a>
25
+ <i class="lab la-twitter"></i> Tweet</a>
27
26
  {% unless page.url == '/index.html' %}{% include disqus_thread.html %}{% endunless %}
28
27
  {% unless page.url == '/index.html' %}{% include isso_thread.html %}{% endunless %}
29
28
  <hr>
@@ -1,17 +1,17 @@
1
- <div class="page-header">
2
- <h1>
1
+ <div class="block">
2
+ <h1 class="title">
3
3
  <a class='episode_title' href='{{ site.url }}{{ post.url }}#{{ post.id | sha1:8 }}'>{{ post.title }}</a>
4
- <small class='episode_date'>
5
- {% if site.language == "de" %}
6
- {{ post.date | full_date_de }}
4
+ </h1>
5
+ <h2 class='subtitle episode_date'>
6
+ {% if site.language == "de" %}
7
+ {{ post.date | full_date_de }}
8
+ {% else %}
9
+ {% if post.datum %}
10
+ {{ post.datum }}
7
11
  {% else %}
8
- {% if post.datum %}
9
- {{ post.datum }}
10
- {% else %}
11
- {{ post.date }}
12
- {% endif %}
12
+ {{ post.date }}
13
13
  {% endif %}
14
- </small> <br />
15
- <small>{{ post.subtitle }}</small>
16
- </h1>
14
+ {% endif %}
15
+ </h2>
16
+ {% if post.subtitle %}<h2 class="subtitle">{{ post.subtitle }}</h2>{% endif %}
17
17
  </div>
@@ -1,74 +1,71 @@
1
- <div class="page-header">
2
- <h3>
1
+ <div class="block">
2
+ <h3 class="title is-3">
3
3
  {{ site.title }}
4
- {% if site.subtitle %}<br/><small>{{ site.subtitle }}</small>{% endif %}
5
4
  </h3>
5
+ {% if site.subtitle %}<h4 class="subtitle is-4">{{ site.subtitle }}</h4>{% endif %}
6
6
  </div>
7
7
 
8
- <p class="text-center">
8
+ <p class="has-text-centered">
9
9
  <img width="200px" src="{{ site.url }}/img/logo-360x360.png" alt="{{ site.title }} logo">
10
10
  </p>
11
11
 
12
12
  {% if site.description %}<p>{{ site.description }}</p>{% endif %}
13
13
 
14
- <script class="podlove-subscribe-button"
15
- src="/subscribe-button/javascripts/app.js"
16
- data-language="{{ site.language }}"
17
- data-size="medium auto"
18
- data-style="filled"
19
- data-json-data="podcastData"
20
- data-colors="#FC6E51;green;blue">
21
- </script>
22
-
23
- <script>
24
- window.podcastData = {
25
- "title": "{{ site['title']}}",
26
- "subtitle": "{{ site['subtitle']}}",
27
- "description": "{{ site['description']}}",
28
- "cover": "{{ site.url }}/img/logo-360x360.png",
29
- "feeds": [
30
- {% for feed in site['episode_feed_formats'] %}
31
- {
32
- "type": "audio",
33
- "format": "{{ feed }}",
34
- "url": "{{ site['url']}}/episodes.{{ feed }}.rss",
35
- "directory-url-itunes": "{{ site['itunes_url']}}",
36
- "variant": "high"
37
- },
38
- {% endfor %}
39
- ]
40
- }
41
- </script>
42
- </p>
14
+ <script class="podlove-subscribe-button"
15
+ src="/subscribe-button/javascripts/app.js"
16
+ data-language="{{ site.language }}"
17
+ data-size="medium auto"
18
+ data-style="filled"
19
+ data-json-data="podcastData"
20
+ data-colors="#FC6E51;green;blue">
21
+ </script>
22
+
23
+ <script>
24
+ window.podcastData = {
25
+ "title": "{{ site['title']}}",
26
+ "subtitle": "{{ site['subtitle']}}",
27
+ "description": "{{ site['description']}}",
28
+ "cover": "{{ site.url }}/img/logo-360x360.png",
29
+ "feeds": [
30
+ {% for feed in site['episode_feed_formats'] %}
31
+ {
32
+ "type": "audio",
33
+ "format": "{{ feed }}",
34
+ "url": "{{ site['url']}}/episodes.{{ feed }}.rss",
35
+ "directory-url-itunes": "{{ site['itunes_url']}}",
36
+ "variant": "high"
37
+ },
38
+ {% endfor %}
39
+ ]
40
+ }
41
+ </script>
43
42
 
44
43
  <hr/>
45
44
 
46
- <h4>RSS-Feeds</h4>
45
+ <h4 class="title is-4">RSS-Feeds</h4>
47
46
 
48
47
  <ol type="i">
49
48
  {% for feed in site['episode_feed_formats'] %}
50
- <li><a href="{{ site['url']}}/episodes.{{ feed }}.rss"><i class="fa fa-rss"></i> {{ feed }}-RSS-Feed</a></li>
49
+ <li><a href="{{ site['url']}}/episodes.{{ feed }}.rss"><i class="las la-rss"></i> {{ feed }}-RSS-Feed</a></li>
51
50
  {% endfor %}
52
51
  </ol>
53
52
 
54
- <h4>JSON-Feeds</h4>
53
+ <h4 class="title is-4">JSON-Feeds</h4>
55
54
 
56
55
  <ol type="i">
57
56
  {% for jsonfeed in site['json_feed_formats'] %}
58
- <li><a href="{{ site['url']}}/feed.{{ jsonfeed }}.json"><i class="fa fa-rss-square"></i> {{ jsonfeed }}-JSON-Feed</a></li>
57
+ <li><a href="{{ site['url']}}/feed.{{ jsonfeed }}.json"><i class="las la-rss-square"></i> {{ jsonfeed }}-JSON-Feed</a></li>
59
58
  {% endfor %}
60
59
  </ol>
61
60
 
62
-
63
-
64
- <h4>Directories</h4>
61
+ <h4 class="title is-4">Directories</h4>
65
62
 
66
63
  <ol type="i">
67
64
  {% if site.itunes_url %}
68
- <li>in Apple-<a href="{{ site.itunes_url }}"><i class="fab fa-apple"></i> Itunes</a></li>
65
+ <li>in Apple-<a href="{{ site.itunes_url }}"><i class="lab la-apple"></i> Itunes</a></li>
69
66
  {% endif %}
70
67
  {% if site.google_play_url %}
71
- <li>in <a href="{{ site.google_play_url }}"><i class="fab fa-google-play"></i>Google Play</a></li>
68
+ <li>in <a href="{{ site.google_play_url }}"><i class="lab la-google-play"></i>Google Play</a></li>
72
69
  {% endif %}
73
70
  {% if site.bitlove_url %}
74
71
  <li>as Torrents at <a href="{{ site.bitlove_url }}"><img src="https://bitlove.org/static/favicon.png"/> Bitlove</a></li>
@@ -81,14 +78,13 @@
81
78
  {% endif %}
82
79
  </ol>
83
80
 
84
-
85
- <h4>Credits</h4>
81
+ <h4 class="title is-4">Credits</h4>
86
82
 
87
83
  <ul>
88
84
  <li>Music: <a href="http://www.bensound.com/royalty-free-music">Bensound</a></li>
89
85
  </ul>
90
86
 
91
- <h4>License</h4>
87
+ <h4 class="title is-4">License</h4>
92
88
 
93
89
  {% if site.license_url %}
94
90
  <a rel="license" href="{{ site.license_url }}">
@@ -102,14 +98,10 @@
102
98
 
103
99
  <hr/>
104
100
 
105
- {% if site.flattr_uid %}
106
- <span class="pull-left">{{ site | flattr_button }}</span>
107
- {% endif %}
108
-
109
101
  {% if site.twitter_nick %}
110
102
  <a href="https://twitter.com/{{ site.twitter_nick }}"
111
- class="button btn-primary btn-sm"
103
+ class="button is-primary is-small"
112
104
  data-show-count="false">
113
- <i class="fab fa-twitter"></i>Follow @{{ site.twitter_nick }}
105
+ <i class="lab la-twitter"></i>Follow @{{ site.twitter_nick }}
114
106
  </a>
115
107
  {% endif %}
@@ -13,16 +13,10 @@
13
13
  {{ site | episode_feeds_html }}
14
14
 
15
15
  <link href='/assets/css/ubuntu.css' rel='stylesheet' type='text/css'>
16
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/main.css">
16
+ <link rel="stylesheet" type="text/css" href="/assets/css/main.css">
17
17
 
18
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.min.js"></script>
19
- <script type='text/javascript' src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
20
- <script type='text/javascript' src="{{ site.url }}/assets/js/icheck.min.js"></script>
21
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.selecter.min.js"></script>
22
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.stepper.min.js"></script>
23
- <script type='text/javascript' src="{{ site.url }}/assets/js/custom.js"></script>
18
+ <script src="/assets/js/dropdown.js"></script>
24
19
 
25
- {% if site.flattr_uid %}{% include flattr_loader.html %}{% endif %}
26
20
  {% if site.disqus_shortname %}
27
21
  <script>
28
22
  {{ site | disqus_config }}
@@ -31,52 +25,59 @@
31
25
  </head>
32
26
 
33
27
  <body>
34
- <div class="container-fluid">
35
- <nav class="navbar navbar-default">
36
- <div class="container-fluid">
37
- <div class="navbar-header">
38
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
39
- <span class="sr-only">Navigation</span>
40
- <span class="icon-bar"></span>
41
- <span class="icon-bar"></span>
42
- <span class="icon-bar"></span>
43
- </button>
44
- <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
45
- </div>
46
- <div id="navbar" class="collapse navbar-collapse">
47
- <ul class="nav navbar-nav">
48
- {{ site | navigation_list:page }}
49
- </ul>
50
- <form class="navbar-form navbar-right" action="https://google.com/search" method="get" role="search">
51
- <div class="form-group">
52
- <input type="text" name="q" class="form-control" placeholder="search item" value="">
28
+ <nav class="navbar" role="navigation" aria-label="main navigation">
29
+ <div class="navbar-brand">
30
+ <a class="navbar-item" href="{{ site.url }}">{{ site.title }}</a>
31
+
32
+ <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
33
+ <span aria-hidden="true"></span>
34
+ <span aria-hidden="true"></span>
35
+ <span aria-hidden="true"></span>
36
+ </a>
37
+ </div>
38
+
39
+ <div class="navbar-menu" id="navMenu">
40
+ <div class="navbar-start">
41
+ {{ site | navigation_list:page }}
42
+ </div>
43
+
44
+ <div class="navbar-end">
45
+ <div class="navbar-item">
46
+ <form class="field has-addons" action="https://google.com/search" method="get" role="search">
47
+ <div class="control">
48
+ <input type="text" class="input" name="q" placeholder="search item" value="">
53
49
  <input type="hidden" name="q" value="site:{{ site.url | host_from_url }}" />
54
50
  </div>
55
- <button type="submit" class="btn btn-default">Search</button>
51
+ <div class="control">
52
+ <button type="submit" class="button">Search</button>
53
+ </div>
56
54
  </form>
57
- </div><!--/.nav-collapse -->
55
+ </div>
58
56
  </div>
59
- </nav>
57
+ </div>
58
+ </nav>
60
59
 
60
+ <section class="section">
61
61
  <div class="container">
62
- <div class="row ">
63
- <div class="col-sm-8">
62
+ <div class="columns">
63
+ <div class="column is-8">
64
64
  <div class="content">
65
65
  {{ content }}
66
66
  </div>
67
67
  </div>
68
- <div id="sidebar" class="col-sm-4">
69
- <div class="well">
68
+ <div id="sidebar" class="column is-4">
69
+ <div class="box content">
70
70
  {% include sidebar.html %}
71
71
  </div>
72
72
  </div>
73
73
  </div>
74
- <div class="row" id="footer">
75
- <small class="pull-right">
74
+ <div id="footer" class="has-text-right">
75
+ <small>
76
76
  Powered by <a href="https://jekyll-octopod.github.io/">jekyll-octopod</a>
77
77
  and <a href="http://jekyllrb.com/">Jekyll</a>.
78
78
  </small>
79
79
  </div>
80
- </div><!-- /.container -->
81
- </div><!-- /.container -->
80
+ </div>
81
+ </section>
82
+ </body>
82
83
  </html>
@@ -82,7 +82,6 @@ layout: null
82
82
  <itunes:author>{{ post.author | otherwise:site.author }}</itunes:author>
83
83
  <itunes:explicit>{{ post.explicit | otherwise:site.explicit }}</itunes:explicit>
84
84
  <itunes:duration>{{ post.duration }}</itunes:duration>
85
- {{ site | flattr_rss:post }}
86
85
  {%- if post.chapters -%}
87
86
  <psc:chapters version="1.1" xmlns:psc="http://podlove.org/simple-chapters">
88
87
  {%- for chapter in post.chapters -%}
@@ -1,13 +1,13 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <section class="active">
4
+ <section>
5
5
  {% if page.title %}
6
- <div class="page-header">
7
- <h1>
6
+ <div class="block">
7
+ <h1 class="title">
8
8
  {{ page.title }}
9
- {% if page.subtitle %}<small>{{ page.subtitle }}</small>{% endif %}
10
9
  </h1>
10
+ {% if page.subtitle %}<h2 class="subtitle">{{ page.subtitle }}</h2>{% endif %}
11
11
  </div>
12
12
  {% endif %}
13
13
 
@@ -13,14 +13,9 @@
13
13
  {{ site | episode_feeds_html }}
14
14
 
15
15
  <link href='/assets/css/ubuntu.css' rel='stylesheet' type='text/css'>
16
- <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/main.css">
16
+ <link rel="stylesheet" type="text/css" href="/assets/css/main.css">
17
17
 
18
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.min.js"></script>
19
- <script type='text/javascript' src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
20
- <script type='text/javascript' src="{{ site.url }}/assets/js/icheck.min.js"></script>
21
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.selecter.min.js"></script>
22
- <script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.stepper.min.js"></script>
23
- <script type='text/javascript' src="{{ site.url }}/assets/js/custom.js"></script>
18
+ <script src="/assets/js/dropdown.js"></script>
24
19
 
25
20
  <meta name="twitter:card" content="player" />
26
21
  <meta name="twitter:site" content="@{{ site.twitter_nick }}" />
@@ -33,8 +28,6 @@
33
28
  <meta name="twitter:player:stream" content="{{ site | download_url_with_fallback }}/{{ page.audio | audio }}" />
34
29
  <meta name="twitter:player:stream:content_type" content="{{ page.audio | audio_type }}" />
35
30
 
36
-
37
- {% if site.flattr_uid %}{% include flattr_loader.html %}{% endif %}
38
31
  {% if site.disqus_shortname %}
39
32
  <script>
40
33
  {{ site | disqus_config }}
@@ -43,52 +36,59 @@
43
36
  </head>
44
37
 
45
38
  <body>
46
- <div class="container-fluid">
47
- <nav class="navbar navbar-default">
48
- <div class="container-fluid">
49
- <div class="navbar-header">
50
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
51
- <span class="sr-only">Navigation</span>
52
- <span class="icon-bar"></span>
53
- <span class="icon-bar"></span>
54
- <span class="icon-bar"></span>
55
- </button>
56
- <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
57
- </div>
58
- <div id="navbar" class="collapse navbar-collapse">
59
- <ul class="nav navbar-nav">
60
- {{ site | navigation_list:page }}
61
- </ul>
62
- <form class="navbar-form navbar-right" action="https://google.com/search" method="get" role="search">
63
- <div class="form-group">
64
- <input type="text" name="q" class="form-control" placeholder="search item" value="">
39
+ <nav class="navbar" role="navigation" aria-label="main navigation">
40
+ <div class="navbar-brand">
41
+ <a class="navbar-item" href="{{ site.url }}">{{ site.title }}</a>
42
+
43
+ <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
44
+ <span aria-hidden="true"></span>
45
+ <span aria-hidden="true"></span>
46
+ <span aria-hidden="true"></span>
47
+ </a>
48
+ </div>
49
+
50
+ <div class="navbar-menu" id="navMenu">
51
+ <div class="navbar-start">
52
+ {{ site | navigation_list:page }}
53
+ </div>
54
+
55
+ <div class="navbar-end">
56
+ <div class="navbar-item">
57
+ <form class="field has-addons" action="https://google.com/search" method="get" role="search">
58
+ <div class="control">
59
+ <input type="text" class="input" name="q" placeholder="search item" value="">
65
60
  <input type="hidden" name="q" value="site:{{ site.url | host_from_url }}" />
66
61
  </div>
67
- <button type="submit" class="btn btn-default">Search</button>
62
+ <div class="control">
63
+ <button type="submit" class="button">Search</button>
64
+ </div>
68
65
  </form>
69
- </div><!--/.nav-collapse -->
66
+ </div>
70
67
  </div>
71
- </nav>
68
+ </div>
69
+ </nav>
72
70
 
71
+ <section class="section">
73
72
  <div class="container">
74
- <div class="row ">
75
- <div class="col-sm-8">
73
+ <div class="columns">
74
+ <div class="column is-8">
76
75
  <div class="content">
77
76
  {{ content }}
78
77
  </div>
79
78
  </div>
80
- <div id="sidebar" class="col-sm-4">
81
- <div class="well">
79
+ <div id="sidebar" class="column is-4">
80
+ <div class="box content">
82
81
  {% include sidebar.html %}
83
82
  </div>
84
83
  </div>
85
84
  </div>
86
- <div class="row" id="footer">
87
- <small class="pull-right">
85
+ <div id="footer" class="has-text-right">
86
+ <small>
88
87
  Powered by <a href="https://jekyll-octopod.github.io/">jekyll-octopod</a>
89
88
  and <a href="http://jekyllrb.com/">Jekyll</a>.
90
89
  </small>
91
90
  </div>
92
- </div><!-- /.container -->
93
- </div><!-- /.container -->
91
+ </div>
92
+ </section>
93
+ </body>
94
94
  </html>
@@ -1,9 +1,18 @@
1
+ // Use the bundled Ubuntu webfont (assets/css/ubuntu.css, assets/fonts/ubuntu/) as the site's
2
+ // body font instead of jekyll-bulma's own default font stack. This file shadows jekyll-bulma's
3
+ // own _sass/_overrides.scss entirely (theme vs. site file, same name, whole-file precedence, not
4
+ // merged) so the theme's own Ubuntu default never reaches a site created via `octopod setup`
5
+ // unless it's set here too.
6
+ :root {
7
+ --bulma-body-family: Ubuntu, Helvetica, Arial, sans-serif;
8
+ }
9
+
1
10
  // Improve visibility of subtitles and similar text by increasing contrast
2
11
  h1 small, h2 small, h3 small {
3
12
  color: #77778C;
4
13
  }
5
14
 
6
- btn small, .btn small {
15
+ .button small {
7
16
  color: #2A2A2A;
8
17
  }
9
18
 
@@ -15,41 +24,17 @@ btn small, .btn small {
15
24
  // Theme for the Swiss-Sided Dice podcast, red and white based on the Swiss flag - commented out for now, until a better solution can be found
16
25
 
17
26
  /*
18
- // Main navbar background
19
- .navbar-default {
20
- background-color: #E11A27;
21
- }
22
-
23
- // Hovering over navbar links, keep the text white, but add darker background
24
- .navbar-default .navbar-nav > .active > a,
25
- .navbar-default .navbar-nav > .active > a:hover,
26
- .navbar-default .navbar-nav > .active > a:focus,
27
- .navbar-default .navbar-nav > li > a {
28
- color: #FFF;
29
- background-color: #E11A27;
30
- }
31
-
32
- // The "brand" / podcast title doesn't change on hover, but does keep the text white
33
- .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
34
- color: #FFF;
35
- }
36
-
37
- // This is for the menu button on narrow screens
38
- .navbar-default .navbar-toggle {
39
- background-color: #E11A27;
40
- border-color: #FFF;
41
- }
42
-
43
- .navbar-default .navbar-toggle .icon-bar {
44
- background-color: #FFF;
45
- }
46
-
47
- // Darker background, keep rest white
48
- .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,
49
- .navbar-default .navbar-nav > li > a:hover {
50
- background-color: #A5131D;
51
- border-color: #FFF;
52
- color: #FFF;
27
+ // Bulma's navbar reads its colors from CSS custom properties scoped on .navbar,
28
+ // so a single block covers the background plus the hue/saturation/lightness
29
+ // triple it derives hover, active and dropdown shading from - no separate
30
+ // hover/toggle overrides needed the way Bootstrap required.
31
+ .navbar {
32
+ --bulma-navbar-background-color: #E11A27;
33
+ --bulma-navbar-h: 356deg;
34
+ --bulma-navbar-s: 87%;
35
+ --bulma-navbar-l: 45%;
36
+ --bulma-navbar-item-color: #FFF;
37
+ --bulma-navbar-burger-color: #FFF;
53
38
  }
54
39
 
55
40
  // Links and buttons in the website are a dark red for best contrast, but get lightened on hover for feedback
@@ -59,10 +44,10 @@ a {
59
44
  a:hover {
60
45
  color: #EF3743;
61
46
  }
62
- .btn-primary {
47
+ .button.is-primary {
63
48
  background-color: #CF000F;
64
49
  }
65
- .btn-primary:hover, .btn-primary:focus {
50
+ .button.is-primary:hover, .button.is-primary:focus {
66
51
  background-color: #EF3743;
67
52
  }
68
53
  */
@@ -34,7 +34,6 @@ layout: null
34
34
  href="{{ site.url }}/episodes/{{ file.last }}"/>
35
35
  {% endif %}
36
36
  {% endfor %}
37
- {{ site | flattr_atom:post }}
38
37
  </entry>
39
38
  {% endfor %}
40
39
  </feed>