mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
Relative links
Created a _include snippet base.html that can be used to create relative links to assets.
This commit is contained in:
parent
4419fa683e
commit
f371dd4cd3
25 changed files with 802 additions and 1512 deletions
18
_includes/base.html
Normal file
18
_includes/base.html
Normal 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 %}
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue