Style Code link to more clearly indicate external

This commit is contained in:
Ian Adam Naval 2021-09-24 21:52:20 -04:00
parent 14646134d7
commit c824d1c06e
2 changed files with 7 additions and 3 deletions

View File

@ -21,15 +21,15 @@
<div class="trigger"> <div class="trigger">
<a class="page-link" href="{{ site.baseurl }}/">Blog</a> <a class="page-link" href="{{ site.baseurl }}/">Blog</a>
{% for page in site.pages %} {% for page in site.pages | sort:"title" %}
{% unless page.exclude %} {% unless page.exclude %}
{% if page.title %} {% if page.title %}
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a> <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %} {% endif %}
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}
<a class="page-link" href="{{ site.code_url }}">Code</a> <a class="page-link external-link" href="{{ site.code_url }}">Code</a>
{% if site.resume_url and site.resume_url != "" %}<a class="page-link" href="{{ site.resume_url }}">Résumé</a>{% endif %} {% if site.resume_url and site.resume_url != "" %}<a class="page-link external-link" href="{{ site.resume_url }}">Résumé</a>{% endif %}
</div> </div>
</nav> </nav>

View File

@ -71,6 +71,10 @@
} }
} }
.external-link::after {
content: " »";
}
@include media-query($on-palm) { @include media-query($on-palm) {
position: absolute; position: absolute;
top: 9px; top: 9px;