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

View File

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