Elio Qoshi 6 years ago
parent
commit
a4e0817c0e
  1. 2
      _includes/de/header.html
  2. 3
      _includes/head.html
  3. 2
      _includes/header.html
  4. 1
      _layouts/de.html
  5. 1
      _layouts/default.html
  6. 8
      _sass/_layout.scss
  7. 0
      assets/js/main.js
  8. 1
      assets/js/top.min.js

2
_includes/de/header.html

@ -1,7 +1,7 @@
<div class="site-header">
<nav class="site-nav">
<a class="page-link" href="{{ site.url }}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="42" height="22" viewBox="0 0 342 180"><g transform="matrix(.046153 0 0 .046153 .002031 171.69134)"><path d="M0-3720h7410V180H0z" fill="#b22234"/><path d="M0-3270h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0" stroke="#fff" stroke-width="300"/><path d="M0-3720h2964v2100H0z" fill="#3c3b6e"/><g transform="translate(0 -3720)" fill="#fff"><g id="A"><g id="B"><g id="C"><g id="D"><path d="M247 90l70.534 217.082-184.66-134.164h228.254l-184.66 134.164z" id="E"/><use y="420" xlink:href="#E"/><use y="840" xlink:href="#E"/><use y="1260" xlink:href="#E"/></g><use y="1680" xlink:href="#E"/></g><use y="210" x="247" xlink:href="#D"/></g><use x="494" xlink:href="#B"/></g><use x="988" xlink:href="#A"/><use x="1976" xlink:href="#B"/><use x="2470" xlink:href="#C"/></g></g></svg></a>
<a class="page-link language" href="{{ site.url }}">EN</a>
<a class="page-link" href="mailto:hello@ura.design"><i class="fas fa-envelope"></i></a>
</nav>

3
_includes/head.html

@ -28,6 +28,9 @@
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl | prepend: site.url }}"></script>
<script src="{{ "/assets/js/top.min.js" | prepend: site.baseurl | prepend: site.url }}"></script>
<link rel="stylesheet" href="{{ "/css/all.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ "/css/overpass.css" | prepend: site.baseurl | prepend: site.url }}">
</head>

2
_includes/header.html

@ -1,7 +1,7 @@
<div class="site-header">
<nav class="site-nav">
<a class="page-link" href="{{ site.url }}/de"><svg xmlns="http://www.w3.org/2000/svg" width="37" height="22" viewBox="0 0 0.185 0.11"><path d="M0 0h.185v.11H0z"/><path d="M0 .037h.185V.11H0z" fill="#d00"/><path d="M0 .073h.185V.11H0z" fill="#ffce00"/><path d="M.002.002h.18v.105h-.18z" fill="none" stroke="#fff" stroke-width=".005"/></svg></a>
<a class="page-link language" href="{{ site.url }}/de">DE</a>
<a class="page-link" href="mailto:hello@ura.design"><i class="fas fa-envelope"></i></a>
</nav>

1
_layouts/de.html

@ -2,6 +2,7 @@
<html lang="de">
{% include head.html %}
<body class="fade-in">
<script>addBackToTop()</script>
{% include de/header.html %}
<div class="page-content">
<div class="wrapper">

1
_layouts/default.html

@ -2,6 +2,7 @@
<html lang="en-US">
{% include head.html %}
<body class="fade-in">
<script>addBackToTop()</script>
{% include header.html %}
<div class="page-content">
<div class="wrapper">

8
_sass/_layout.scss

@ -327,6 +327,11 @@
text-align: center;
}
.language {
text-decoration: none !important;
font-size: 20px !important;
}
.bg-mute {
background-color: #F4F4F4;
min-height: 500px;
@ -406,4 +411,5 @@
@include media-query($on-phone) {
flex-basis: auto;
}
}
}

0
assets/js/main.js

1
assets/js/top.min.js

@ -0,0 +1 @@
"use strict";function addBackToTop(){var o,t,e,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=i.backgroundColor,d=void 0===r?"#000":r,a=i.cornerOffset,c=void 0===a?20:a,s=i.diameter,l=void 0===s?56:s,u=i.ease,p=void 0===u?function(o){return.5*(1-Math.cos(Math.PI*o))}:u,m=i.id,h=void 0===m?"back-to-top":m,b=i.innerHTML,v=void 0===b?'<svg viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>':b,f=i.onClickScrollTo,x=void 0===f?0:f,w=i.scrollContainer,g=void 0===w?document.body:w,k=i.scrollDuration,y=void 0===k?100:k,T=i.showWhenScrollTopIs,M=void 0===T?1:T,z=i.size,E=void 0===z?l:z,C=i.textColor,L=void 0===C?"#fff":C,N=i.zIndex,I=void 0===N?1:N,A=g===document.body,B=A&&document.documentElement;o=Math.round(.43*E),t=Math.round(.29*E),e="#"+h+"{background:"+d+";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:"+c+"px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:"+L+";cursor:pointer;display:block;height:"+E+"px;opacity:1;outline:0;position:fixed;right:"+c+"px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-transition:bottom .2s,opacity .2s;-o-transition:bottom .2s,opacity .2s;-moz-transition:bottom .2s,opacity .2s;transition:bottom .2s,opacity .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:"+E+"px;z-index:"+I+"}#"+h+" svg{display:block;fill:currentColor;height:"+o+"px;margin:"+t+"px auto 0;width:"+o+"px}#"+h+".hidden{bottom:-"+E+"px;opacity:0}",(n=document.createElement("style")).appendChild(document.createTextNode(e)),document.head.insertAdjacentElement("afterbegin",n);var D=function(){var o=document.createElement("div");return o.id=h,o.className="hidden",o.innerHTML=v,o.addEventListener("click",function(o){o.preventDefault(),function(){var o="function"==typeof x?x():x,t=window,e=t.performance,n=t.requestAnimationFrame;if(y<=0||void 0===e||void 0===n)return q(o);var i=e.now(),r=j(),d=r-o;n(function o(t){var e=Math.min((t-i)/y,1);q(r-Math.round(p(e)*d)),e<1&&n(o)})}()}),document.body.appendChild(o),o}(),H=!0;function S(){j()>=M?function(){if(!H)return;D.className="",H=!1}():function(){if(H)return;D.className="hidden",H=!0}()}function j(){return g.scrollTop||B&&document.documentElement.scrollTop||0}function q(o){g.scrollTop=o,B&&(document.documentElement.scrollTop=o)}(A?window:g).addEventListener("scroll",S),S()}
Loading…
Cancel
Save