Skip to content

Podcast image url fix #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Apr 2, 2021
Merged

Podcast image url fix #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e2c19b4
Merge pull request #2 from api-specification-toolbox/main
frankkilcommins Mar 31, 2021
d0763f4
Image URLs were missing on podcasts
frankkilcommins Apr 1, 2021
b6758af
enabled navbar and toggle on mobile view ports
frankkilcommins Apr 1, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 7 additions & 9 deletions _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,15 +36,13 @@
<div class="auto-container">
<div class="nav-outer clearfix">
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md">
<div class="navbar-header">
<!-- Toggle Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<nav class="main-menu navbar navbar-expand-lg bg-light">
<div class="navbar-header">
<!-- Toggle Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">

Expand Down
4 changes: 3 additions & 1 deletion _includes/podcasts/podcasts-tag-tabs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,9 @@

<div class="news-block-two col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="image" style="border: 8px solid #ccc; width: 100%; height: 200px;">{{ entry.embed }}</div>
<div class="image">
<a href="{{ entry.url }}"><img src="{{ entry.image }}" alt="{{ entry.name }}" style="border: 8px solid #ccc; width: 100%; height: 200px;" /></a>
</div>
<div class="lower-box">
<h3><a href="{{ entry.url }}">{{ entry.name }}</a></h3>
<ul class="post-meta">
Expand Down
4 changes: 4 additions & 0 deletions _includes/podcasts/podcasts-widget.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,10 @@
{% for entry in podcasts limit:6 %}

<article class="widget-post">
<figure class="post-thumb">
<a href="{{ entry.url }}"><img src="{{ entry.image }}" alt=""></a>
<div class="overlay"><span class="icon qb-play-arrow"></span></div>
</figure>
<div class="text"><a href="{{ entry.url }}">{{ entry.name }}</a></div>
<div class="post-info">{{ entry.date | date: "%b %d, %y" }}</div>
</article>
Expand Down
2 changes: 1 addition & 1 deletion _podcasts/apis-over-ipas.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: post
name: APIs over IPAs
description: <p><span>A podcast Moesif on all things API. Nothing better than a good API discussion over a cool IPA!</span></p>
image: /images/podcasts/apis-over-ipas.png
image: http://api.specificationtoolbox.com/images/podcasts/apis-over-ipas.png
tags:
- Podcasts
- OpenAPI
Expand Down
2 changes: 1 addition & 1 deletion _podcasts/apis-unplugged.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
name: APIs Unplugged
description: <p><span>A podcast full of actionable insights for the API economy. Hosts Mike Amundsen and Matt McLarty
welcome guests to discuss digital business strategy, integration architecture, and the latest technology trends.</span></p>
image: /images/podcasts/apis-unplugged.png
image: http://api.specificationtoolbox.com/images/podcasts/apis-unplugged.png
tags:
- Podcast
- architecture
Expand Down
2 changes: 1 addition & 1 deletion _podcasts/apis-you-wont-hate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: post
name: APIs You Won't Hate
description: <p><span>A podcast wherein Phil Sturgeon, Mike Bifulco, and Matt Trask talk about news in the world of building and designing APIs, bikes, and climate awareness.</span></p>
image: /images/podcasts/apis-you-wont-hate.png
image: http://api.specificationtoolbox.com/images/podcasts/apis-you-wont-hate.png
tags:
- Podcasts
- OpenAPI
Expand Down
18 changes: 12 additions & 6 deletions _site/podcasts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,11 +179,13 @@

<div class="news-block-two col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="image" style="border: 8px solid #ccc; width: 100%; height: 200px;"></div>
<div class="image">
<a href="/podcasts/apis-over-ipas/"><img src="http://api.specificationtoolbox.com/images/podcasts/apis-over-ipas.png" alt="APIs over IPAs" style="border: 8px solid #ccc; width: 100%; height: 200px;" /></a>
</div>
<div class="lower-box">
<h3><a href="/podcasts/apis-over-ipas/">APIs over IPAs</a></h3>
<ul class="post-meta">
<li><span class="icon fa fa-clock-o"></span>Mar 16, 21</li>
<li><span class="icon fa fa-clock-o"></span>Apr 01, 21</li>
</ul>
<div class="text">A podcast Moesif on all things API. Nothing better than a good API discussion over a cool IPA!</div>
<strong>Podcast:</strong> <a href="https://www.moesif.com/blog/categories/podcasts/" target="_blank">https://www.moesif.com/blog/categories/podcasts/</a>
Expand All @@ -197,11 +199,13 @@ <h3><a href="/podcasts/apis-over-ipas/">APIs over IPAs</a></h3>

<div class="news-block-two col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="image" style="border: 8px solid #ccc; width: 100%; height: 200px;"></div>
<div class="image">
<a href="/podcasts/apis-you-wont-hate/"><img src="http://api.specificationtoolbox.com/images/podcasts/apis-you-wont-hate.png" alt="APIs You Won't Hate" style="border: 8px solid #ccc; width: 100%; height: 200px;" /></a>
</div>
<div class="lower-box">
<h3><a href="/podcasts/apis-you-wont-hate/">APIs You Won't Hate</a></h3>
<ul class="post-meta">
<li><span class="icon fa fa-clock-o"></span>Mar 16, 21</li>
<li><span class="icon fa fa-clock-o"></span>Apr 01, 21</li>
</ul>
<div class="text">A podcast wherein Phil Sturgeon, Mike Bifulco, and Matt Trask talk about news in the world of building and designing APIs, bikes, and climate awareness.</div>
<strong>Podcast:</strong> <a href="https://apisyouwonthate.com/podcast/" target="_blank">https://apisyouwonthate.com/podcast/</a>
Expand All @@ -215,11 +219,13 @@ <h3><a href="/podcasts/apis-you-wont-hate/">APIs You Won't Hate</a></h3>

<div class="news-block-two col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="image" style="border: 8px solid #ccc; width: 100%; height: 200px;"></div>
<div class="image">
<a href="/podcasts/apis-unplugged/"><img src="http://api.specificationtoolbox.com/images/podcasts/apis-unplugged.png" alt="APIs Unplugged" style="border: 8px solid #ccc; width: 100%; height: 200px;" /></a>
</div>
<div class="lower-box">
<h3><a href="/podcasts/apis-unplugged/">APIs Unplugged</a></h3>
<ul class="post-meta">
<li><span class="icon fa fa-clock-o"></span>Mar 16, 21</li>
<li><span class="icon fa fa-clock-o"></span>Apr 01, 21</li>
</ul>
<div class="text">A podcast full of actionable insights for the API economy. Hosts Mike Amundsen and Matt McLarty welcome guests to discuss digital business strategy, integration architecture, and the latest technology trends.</div>
<strong>Podcast:</strong> <a href="https://blogs.mulesoft.com/web-series/apis-unplugged/" target="_blank">https://blogs.mulesoft.com/web-series/apis-unplugged/</a>
Expand Down
44 changes: 22 additions & 22 deletions css/responsive.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -342,7 +342,7 @@
padding-top:0px;
width:100%;
margin:0px;
display:none;
/*display:none;*/
}

.main-menu .collapse {
Expand Down Expand Up @@ -487,33 +487,33 @@
.main-menu .navbar-collapse > .navigation > li:first-child{
border:none;
}
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
padding:10px 10px !important;
line-height:22px;
color:#ffffff;
background:#e73f43;
text-align:left;
min-height:0px;
}

.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
padding: 10px 10px !important;
line-height: 22px;
color: #ffffff;
background: #000000;
text-align: left;
min-height: 0px;
}

.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus{
background:#e73f43;
}
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a,
.header-style-two.inner-header .main-menu .navigation > li > a{
background:#e73f43;
color:#ffffff !important;
}

.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a,
.header-style-two.inner-header .main-menu .navigation > li > a {
background: #F7F3F4;
color: #777777 !important;
}

.main-menu .navigation li.dropdown .dropdown-btn{
display:block;
Expand Down
3 changes: 3 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -720,6 +720,9 @@ img{
float:right;
}

.navbar-toggler-icon {
background-image: url( "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/*Info Box*/

.main-header .info-box{
Expand Down