status/index.html at main · breakthebull/status · 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
---
layout: default
---

{% assign sorted_posts = site.posts | sort: 'date' | reverse %}

{% for post in sorted_posts %}
    {% unless post.pin %}
        <article class="status-card">
            <div class="status-meta">
                {% if post.mood %}
                    {% assign mood_color = site.moods[post.mood] | default: site.moods.default %}
                    <span class="mood-indicator" style="background-color: {{ mood_color }}; display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:middle;"></span>
                    <time datetime="{{ post.date | date_to_xmlschema }}">
                        {{ post.date | date: "%B %d, %Y • %I:%M %p" }}
                    </time>
                    <span style="margin-left:8px; font-style:italic; color:#65676b; font-size:0.85rem;">— feeling {{ post.mood }}</span>
                {% else %}
                    <time datetime="{{ post.date | date_to_xmlschema }}">
                        {{ post.date | date: "%B %d, %Y • %I:%M %p" }}
                    </time>
                {% endif %}
            </div>
            <div class="status-content">
                {% if post.title %}<h2 class="status-title">{{ post.title }}</h2>{% endif %}
                {{ post.content }}
            </div>
            <div class="status-actions">
                <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ post.url }}" target="_blank" class="share-btn">
                    <i class="fab fa-facebook-f"></i> Share
                </a>

                <a href="https://pinterest.com/pin/create/button/?url={{ site.url }}{{ post.url }}&description={{ post.title | default: site.title }}" target="_blank" class="share-btn">
                    <i class="fab fa-pinterest"></i> Pin
                </a>

                <button onclick="navigator.clipboard.writeText('{{ site.url }}{{ post.url }}'); alert('Link copied!')" class="share-btn">
                    <i class="fas fa-copy"></i> Copy
                </button>
            </div>
        </article>
    {% endunless %}
{% endfor %}