Add validation for use images in the post
This commit is contained in:
parent
1ef514ff87
commit
89ee900947
2 changed files with 3 additions and 5 deletions
|
|
@ -1,9 +1,7 @@
|
||||||
{% assign post = site.posts.first %}
|
{% assign post = site.posts.first %}
|
||||||
<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
|
<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
|
||||||
|
|
||||||
<header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--teal-100 mdl-color-text--white">
|
<header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--teal-100 mdl-color-text--white" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}></header>
|
||||||
<i class="material-icons">play_circle_filled</i>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
|
<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
|
||||||
<div class="mdl-card__supporting-text">
|
<div class="mdl-card__supporting-text">
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ layout: default
|
||||||
<div class="mdl-grid">
|
<div class="mdl-grid">
|
||||||
{% for post in site.posts offset:1 %}
|
{% for post in site.posts offset:1 %}
|
||||||
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
|
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
|
||||||
<div class="mdl-card__title">
|
<div class="mdl-card__title" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}>
|
||||||
<h2 class="mdl-card__title-text">{{ post.title }}</h2>
|
<h2 class="mdl-card__title-text">{{ post.title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="mdl-card__supporting-text">
|
<div class="mdl-card__supporting-text">
|
||||||
|
|
@ -40,7 +40,7 @@ layout: default
|
||||||
<div class="mdl-grid">
|
<div class="mdl-grid">
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
|
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
|
||||||
<div class="mdl-card__title">
|
<div class="mdl-card__title" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}>
|
||||||
<h2 class="mdl-card__title-text">{{ post.title }}</h2>
|
<h2 class="mdl-card__title-text">{{ post.title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="mdl-card__supporting-text">
|
<div class="mdl-card__supporting-text">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue