diff options
| -rw-r--r-- | css/website.css | 10 | ||||
| -rw-r--r-- | templates/partials/header.html.twig | 73 | ||||
| -rw-r--r-- | templates/partials/navigation.html.twig | 4 |
3 files changed, 44 insertions, 43 deletions
diff --git a/css/website.css b/css/website.css index 1454164..2f19f75 100644 --- a/css/website.css +++ b/css/website.css @@ -123,6 +123,16 @@ body { margin: 40px; } +.header #left { + flex-grow: 2; + display: flex; + align-items: start; +} + +.header #right { + flex-grow: 2; +} + /* Buttons */ .roundedButton { diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig index 4126aaa..e33dd0b 100644 --- a/templates/partials/header.html.twig +++ b/templates/partials/header.html.twig @@ -1,42 +1,33 @@ - <div class="header"> - {# {% if page.header.icon %} - <span class=icon>{{page.header.icon}}</span> - {% else %} - <span class=icon>web</span> - {% endif %} - {% if page.url != "/" %} - <a href="/" style="color:white;">{{site.title|e}}</a> - {% endif %} - {% if page.parent.url != "/" %} - <a href="{{ page.parent.url }}"> - <span class="icon" style="color: white;">close</span> - </a> - {% else %} - <span class="icon" style="color:transparent;">web</span> - {% endif %} #} - {# {% include 'partials/navigation.html.twig' %} #} - <div class=links> - {% if page.parent.url != "/" %} - <a class="anim3" href="{{ page.parent.url }}"> - <div class="roundedButton"> - <span class="icon">arrow_back</span> - <span>Back</span> - </div> - </a> - {% endif %} - {% if page.url != "/" %} - <a class="anim4" href="/"> - <div class="roundedButton"> - <span class="icon">home</span> - <span>Home</span> - </div> - </a> - {% else %} - <span class="icon" style="color: white;">close</span> - {% endif %} +<div class="header"> + <div id="left"> + {% if page.parent.url != "/" %} + <a class="anim4" href="/"> + <div class="roundedButton"> + <span class="icon">home</span> + <span>Home</span> </div> - {% if page.url != "/" %} - <a href="/" style="color:white;">{{site.title|e}}</a> - {% endif %} - <span class="icon" style="color:transparent;">web</span> - </div>
\ No newline at end of file + </a> + {% endif %} + {% if page.url != "/" %} + <a class="anim3" href="{{ page.parent.url }}"> + <div class="roundedButton"> + <span class="icon">arrow_back</span> + <span>Back</span> + </div> + </a> + {% else %} + <span class="icon" style="color: white;">home</span> + {% endif %} + + </div> + + <div id="center"> + {% if page.url != "/" %} + <a href="/" style="color:white;">{{site.title|e}}</a> + {% endif %} + </div> + + <div id="right"> + + </div> +</div>
\ No newline at end of file diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig index 4426c8c..a50e789 100644 --- a/templates/partials/navigation.html.twig +++ b/templates/partials/navigation.html.twig @@ -1,4 +1,4 @@ -<div class=links> +{# <div class=links> {% if page.parent.url != "/" %} <a class="anim3" href="{{ page.parent.url }}"> <div class="roundedButton"> @@ -13,4 +13,4 @@ <span>Home</span> </div> </a> -</div> +</div> #} |