i30.github.io/index.html at master · i30/i30.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
---
layout: blog
title: News and Tutorials
permalink: /
---
<section class="latestPosts wrapper section flg fjb rel">
    {% for post in site.posts %}
        {% if post.sticky %}
        <article class="stickyPost colLeft pl0" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
            <a class="block" href="{{ post.url | prepend: site.baseurl }}" itemprop="url"><img class="thumb bdr" src="{{ post.image.url }}" alt="{{ post.title }}" itemprop="thumbnail"></a>
            <div class="meta flex fjb">
                <span itemprop="articleSection">Posted in <a href="https://wpclevel.com/blog">{{ post.category }}</a></span>
                <span class="datetime" itemprop="datePublished">{{ post.date | date: '%B %d, %Y' }}</span>
            </div>
            <div class="postContent">
                <h3 itemprop="headline"><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
                <p class="mt0" itemprop="articleBody">{{ post.excerpt }}</p>
            </div>
        </article>
        {% endif %}
    {% endfor %}
    <div class="colRight pr0 flg fdc">
    {% for post in site.posts %}
        {% if post.side %}
        <article class="blogPost flg fjb fac" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
            <div class="postThumb">
                <a class="thumbLink block" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
                    <picture>
                      <source srcset="{{ post.thumbnail.url }}" media="(min-width: 992px)" />
                      <img class="thumb bdr" src="{{ post.image.url }}" itemprop="thumbnail">
                    </picture>
                </a>
            </div>
            <div class="postExcerpt">
                <div class="meta flex fjb mt0">
                    <span itemprop="articleSection">Posted in <a href="https://wpclevel.com/blog">{{ post.category }}</a></span>
                    <span class="datetime" itemprop="datePublished">{{ post.date | date: '%B %d, %Y' }}</span>
                </div>
                <h3 itemprop="headline"><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>
                <p class="mt0" itemprop="articleBody">{{ post.excerpt | truncate: 100 }}</p>
            </div>
        </article>
        {% endif %}
    {% endfor %}
    </div>
</section>
<!-- <section class="featuredPosts wrapper section rel pt0">
    <h1 class="mv0 flex fac lh1">Featured Posts <span role="presentation" class="badge purple">trending</span></h1>
    <div class="flg fjb">
        {% for post in site.posts %}
        {% if post.featured %}
        <article class="featuredPost" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
            <a class="block" href="{{ post.url | prepend: site.baseurl }}" itemprop="url"><img class="thumb bdr" src="/uploads/{{ post.date | date: '%Y' }}/{{ post.date | date: '%m' }}/{{ post.image.url }}" alt="{{ post.title }}" itemprop="thumbnail"></a>
            <div class="meta flex fjb">
                <span itemprop="articleSection">Posted in <a href="{{ post.category | downcase }}">{{ post.category }}</a></span>
                <span class="datetime" itemprop="datePublished">{{ post.date | date: '%B %d, %Y' }}</span>
            </div>
            <div class="postContent">
                <h4 itemprop="headline"><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h4>
                <p class="mv0" itemprop="articleBody">{{ post.excerpt }}</p>
            </div>
        </article>
        {% endif %}
        {% endfor %}
    </div>
</section> -->