Relative links

Created a _include snippet base.html that can be used to create
relative links to assets.
This commit is contained in:
Perry Woodin 2016-07-13 15:46:48 -04:00
parent 4419fa683e
commit f371dd4cd3
25 changed files with 802 additions and 1512 deletions

18
_includes/base.html Normal file
View file

@ -0,0 +1,18 @@
<!--
Include this file in your templates so you can reference assets with relative urls
{% include base.html %}
example: href="{{ base }}/assets/css/style.css"
-->
{% assign base = '' %}
{% assign depth = page.url | split: '/' | size | minus: 1 %}
{% if depth == -1 %}{% assign base = '.' %}
{% elsif depth == 1 %}{% assign base = '..' %}
{% elsif depth == 2 %}{% assign base = '../..' %}
{% elsif depth == 3 %}{% assign base = '../../..' %}
{% elsif depth == 4 %}{% assign base = '../../../..' %}{% endif %}
{% if site.lang != "en" %}
{% assign base = base | prepend: '../' %}
{% endif %}
{% capture basenav %}{{ base }}{% if site.lang != "en" %}/{{ site.lang }}{% endif %}{% endcapture %}

View file

@ -1,21 +1,21 @@
{% include base.html %}
<div id="top" class="content">
<a href="#"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<a href="#"><img src="{{ base }}/assets/img/logo-white.png" alt="Dash" class="logo"></a>
<nav class="desktop">
<ul class="menu">
{% capture base %}{% if site.lang != "en" %}/{{site.baseurl_root}}{{ site.lang }}{% endif %}{% endcapture %}
<li><a href="{{ base }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ base }}/get-dash/">{% t nav.get-dash %}</a></li>
<li><a href="{{ base }}/participate/">{% t nav.participate %}</a></li>
<li><a href="{{ base }}/currency/">{% t nav.currency %}</a></li>
<li><a href="{{ base }}/community">{% t nav.community %}</a></li>
<li><a href="{{ base }}">{% t nav.blog %}</a></li>
<li><a href="{{ base }}">{% t nav.project %}</a></li>
<li><a href="{{ basenav }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
<li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li>
<li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li>
<li><a href="{{ basenav }}/community">{% t nav.community %}</a></li>
<li><a href="{{ basenav }}">{% t nav.blog %}</a></li>
<li><a href="{{ basenav }}">{% t nav.project %}</a></li>
<li><a href="{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ site.baseurl_root }}/es{{ page.url }}">{% t global.spanish %}</a></li>
<li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ base }}/es{{ page.url }}">{% t global.spanish %}</a></li>
<li><a href="{{ base }}" title="{% t nav.search %}">S</a></li>
<li><a href="{{ basenav }}" title="{% t nav.search %}">S</a></li>
</ul>
</nav>

View file

@ -1,15 +1,15 @@
{% include base.html %}
<nav class="overlay-menu">
<ul>
{% capture base %}{% if site.lang != "en" %}/{{site.baseurl_root}}{{ site.lang }}{% endif %}{% endcapture %}
<li><a href="{{ base }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ base }}/get-dash/">{% t nav.get-dash %}</a></li>
<li><a href="{{ base }}/participate/">{% t nav.participate %}</a></li>
<li><a href="{{ base }}/currency/">{% t nav.currency %}</a></li>
<li><a href="{{ base }}/community">{% t nav.community %}</a></li>
<li><a href="{{ base }}">{% t nav.blog %}</a></li>
<li><a href="{{ base }}">{% t nav.project %}</a></li>
<li><a href="{{ basenav }}/">{% t nav.what-is-dash %}</a></li>
<li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li>
<li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li>
<li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li>
<li><a href="{{ basenav }}/community">{% t nav.community %}</a></li>
<li><a href="{{ basenav }}">{% t nav.blog %}</a></li>
<li><a href="{{ basenav }}">{% t nav.project %}</a></li>
<li><a href="{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ site.baseurl_root }}/es{{ page.url }}">{% t global.spanish %}</a></li>
<li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li>
<li><a href="{{ base }}/es{{ page.url }}">{% t global.spanish %}</a></li>
</ul>
</nav>