Skip to content
Permalink
Browse files

Design podcasts list

  • Loading branch information...
lepture committed Jun 8, 2019
1 parent 5cef50f commit d0de285233721275e18b77f323036f105e5c6771
Showing with 42 additions and 26 deletions.
  1. +6 −5 html/index.njk
  2. BIN html/logos/czgx.jpg
  3. +16 −16 podcasts.json
  4. +15 −3 src/home.css
  5. +5 −2 templates/_includes/foot.html
@@ -3,6 +3,7 @@
{% block title %}中文独立播客{% endblock %}

{% block meta %}
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1144028_wagkprqwss.css">
<link rel="stylesheet" href="../src/home.css">
{% endblock %}

@@ -27,21 +28,21 @@
<span>{{ item.author }}</span>
</div>
<div class="item_links">
<a class="icon-feed" href="{{ item.feed }}" target="_blank" aria-label="Feed"></a>
<a class="typicon icon-feed" href="{{ item.feed }}" target="_blank" aria-label="Feed"></a>
{% if item.apple %}
<a class="icon-apple" href="{{ item.apple }}" target="_blank" aria-label="Apple Podcasts"></a>
<a class="typicon icon-podcast" href="{{ item.apple }}" target="_blank" aria-label="Apple Podcasts"></a>
{% endif %}

{% if item.google %}
<a class="icon-google" href="{{ item.google }}" target="_blank" aria-label="Google Podcasts"></a>
<a class="typicon icon-google" href="{{ item.google }}" target="_blank" aria-label="Google Podcasts"></a>
{% endif %}

{% if item.spotify %}
<a class="icon-spotify" href="{{ item.spotify }}" target="_blank" aria-label="Spotify"></a>
<a class="typicon icon-spotify" href="{{ item.spotify }}" target="_blank" aria-label="Spotify"></a>
{% endif %}

{% if item.overcast %}
<a class="icon-overcast" href="{{ item.overcast }}" target="_blank" aria-label="Overcast"></a>
<a class="typicon icon-overcast" href="{{ item.overcast }}" target="_blank" aria-label="Overcast"></a>
{% endif %}
</div>
</div>
BIN +211 KB html/logos/czgx.jpg
Binary file not shown.
@@ -35,21 +35,21 @@
"blocked": true
},
{
"name": "比特新声",
"description": "中文科技类播客",
"author": "郝海龙、有才",
"color": "#FF6630",
"logo": "https://i.typcdn.com/bitvoice/8446580582_247966.png",
"url": "https://bitvoice.banlan.show/",
"feed": "https://bitvoice.banlan.show/episodes/feed.xml",
"apple": "https://podcasts.apple.com/podcast/id948011382",
"google": "https://www.google.com/podcasts?feed=aHR0cHM6Ly9iaXR2b2ljZS5iYW5sYW4uc2hvdy9lcGlzb2Rlcy9mZWVkLnhtbA",
"spotify": "https://open.spotify.com/show/5582LPfK686phArDMokkuK",
"overcast": "https://overcast.fm/itunes948011382",
"pcast": "https://pca.st/551E",
"castro": "https://castro.fm/itunes/948011382",
"breaker": "https://www.breaker.audio/bi-te-xin-sheng",
"typlog": true,
"blocked": true
"name": "迟早更新",
"description": "探讨科技、商业、设计和生活之间混沌关系的播客节目",
"author": "任宁、枪枪",
"color": "#3E5529",
"logo": "./logos/czgx.jpg",
"url": "https://podcast.weareones.com/",
"feed": "https://podcast.weareones.com/rss",
"apple": "https://podcasts.apple.com/podcast/id1451277133",
"google": "https://podcasts.google.com/?feed=aHR0cHM6Ly9wb2RjYXN0LndlYXJlb25lcy5jb20vcnNz",
"spotify": "https://open.spotify.com/show/5MnwuOIlsjs5DTtJLvOpDv",
"overcast": "https://overcast.fm/itunes1451277133",
"pcast": "https://pca.st/itunes/1451277133",
"castro": "https://castro.fm/itunes/1451277133",
"breaker": null,
"typlog": false,
"blocked": false
}
]
@@ -36,11 +36,11 @@
.item {
flex-basis: 50%;
flex-shrink: 0;
padding: 10px 5px;
padding: 15px 5px;
box-sizing: border-box;
}

.item:after {
.item:after, .item_links:after {
display: table;
content: '';
clear: both;
@@ -78,12 +78,24 @@
color: rgba(0, 0, 0, 0.42);
}
.item_meta {
font-size: 14px;
color: rgba(0, 0, 0, 0.42);
}

.item_links {
margin-top: 1em;
margin-top: 10px;
}
.item_links a {
float: left;
position: relative;
color: rgba(0, 0, 0, 0.62);
}
.item_links a + a {
margin-left: 6px;
}

@media (max-width: 860px) {
.item {
flex-basis: 100%;
}
}
@@ -1,9 +1,12 @@
<div class="typlog-foot">
<div class="inner">
<div class="links">
<a class="title" href="/">Typlog</a>
<a class="title" href="https://typlog.com/">Typlog</a>
<nav>
<a href="/about">About</a><a href="/terms">Terms</a><a href="/support">Support</a><a href="https://blog.typlog.com/">Blog</a>
<a href="https://typlog.com/about">About</a>
<a href="https://typlog.com/terms">Terms</a>
<a href="https://typlog.com/support">Support</a>
<a href="https://blog.typlog.com/">Blog</a>
</nav>
</div>
<div class="copy">

0 comments on commit d0de285

Please sign in to comment.
You can’t perform that action at this time.