emoticons and colors

This commit is contained in:
Set Hallstrom 2020-09-11 12:09:37 +02:00
parent 2f3a07aa42
commit 01a5f44e16
3 changed files with 5 additions and 11 deletions

View file

@ -15,13 +15,13 @@
<a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a> <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
<ul> <ul>
{% if page.url != '/' %} {% if page.url != '/' %}
<li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">home</a></li> <li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">🏡 Home</a></li>
{% endif %} {% endif %}
{% for entry in site.data.navigation %} {% for entry in site.data.navigation %}
{% if entry.external_site == false %} {% if entry.external_site == false %}
<li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.name }}</a></li> <li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% else %} {% else %}
<li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.name }}</a></li> <li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
{% endif %} {% endif %}
{% endfor %} {% endfor %}

View file

@ -258,11 +258,11 @@ a[id^="btn"]::-moz-focus-inner {
text-align: right; text-align: right;
.button { .button {
background-color: var(--accent2); background-color: var(--accent2);
color: var(--fg);
} }
.button:hover{ .button:hover{
background-color: var(--accent1); background-color: var(--accent1);
color: var(--bg);
} }
> div { > div {
> h2, a, p { > h2, a, p {

View file

@ -17,12 +17,9 @@ layout: default
{% include relBase.html %} {% include relBase.html %}
{% include header.html %} {% include header.html %}
{% for post in site.posts %} {% for post in site.posts %}
{% if post.category == 'highlights' %} {% if post.category == 'highlights' %}
<section class="front-section"> <section class="front-section">
<div style="background-image:url({{ post.image }})"> <div style="background-image:url({{ post.image }})">
<p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow" <p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
class="btn"><strong>&#9998;</strong> Edit Posy</a></p> class="btn"><strong>&#9998;</strong> Edit Posy</a></p>
@ -33,14 +30,11 @@ layout: default
<h3>{{ post.title }}</h3> <h3>{{ post.title }}</h3>
{{ post.description }} {{ post.description }}
</div> </div>
<div> <div>
<p><a class="button" href="{{ relBase }}{{ post.url }}">📰 Read Highlight</a></p> <p><a class="button" href="{{ relBase }}{{ post.url }}">📰 Read Highlight</a></p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
{% endif %} {% endif %}
{% endfor %} {% endfor %}