robur.coop/templates/layout.html

101 lines
4.7 KiB
HTML
Raw Normal View History

2023-02-15 17:07:07 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<meta name="description" content="{{ page.description }}"/>
<link rel='stylesheet' href='{{ root }}/css/bootstrap.css' type='text/css' media='all'/>
<link rel='stylesheet' href='{{ root }}/css/style.css' type='text/css' media='all'/>
<meta name="viewport" content="width=device-width">
</head>
<body>
<div class="container-fluid dark section-header main-header p0">
<a href="{{ root }}/index.html" rel="nofollow"><img src="{{ root }}/images/robur_logo_small.png" alt="robur-logo" class="logo"></a>
<div class="container">
<header>
<nav class="hide-mobile">
<div class="menu">
<ul>
<li class="{% if active.page == 'index' %}active{% endif %}"><a href="{{ root }}/index.html">Home</a></li>
<li class="{% if active.page == 'our_work' %}active{% endif %}"><a href="{{ root }}/our_work.html">Our work</a></li>
<li class="{% if active.page == 'about_us' %}active{% endif %}"><a href="{{ root }}/about_us.html">About us</a></li>
<li class="green{% if active.page == 'donate' %} active{% endif %}"><a href="{{ root }}/donate.html">Donate</a></li>
</ul>
</div>
</nav>
<div class="mobile-menu hide-desktop">
<input class="burger-check" id="burger-check" type="checkbox"><label for="burger-check" class="burger"></label>
<nav id="navigation1" class="navigation">
<ul>
<li class="{% if active.page == 'index' %}active{% endif %}"><a href="{{ root }}/index.html">Home</a></li>
<li class="{% if active.page == 'our_work' %}active{% endif %}"><a href="{{ root }}/our_work.html">Our work</a></li>
<li class="{% if active.page == 'about_us' %}active{% endif %}"><a href="{{ root }}/about_us.html">About us</a></li>
<li class="green{% if active.page == 'donate' %} active{% endif %}"><a href="{{ root }}/donate.html">Donate</a></li>
</ul>
</nav>
</div>
</header>
</div>
</div>
{%- autoescape false -%}
{{ body }}
{% endautoescape -%}
<div class="section-footer" id="contact">
<div class="container-fluid contact-container">
<div class="container">
<div class="col-md-7 contact">
{%- autoescape false -%}
{{ contact_us.body }}
{% endautoescape -%}
<div class="contact-info">
<div class="contact-element mail">
<div class="col-xs-1 p0">
<object data="{{ root }}/images/mail.svg" type="image/svg+xml">
<img src="{{ root }}/images/mail.svg" alt="Mail" />
</object>
</div>
<div class="col-xs-11 p0">
<p class="mail">{{ robur.email }}</p>
</div>
</div>
<div class="contact-element key">
<div class="col-xs-1 p0">
<object data="{{ root }}/images/nøgle.svg" type="image/svg+xml">
<img src="{{ root }}/images/nøgle.svg" alt="Nøgle" />
</object>
</div>
<div class="col-xs-11 p0">
<p><b>OpenPGP key:</b> {{ robur.openpgp.key }} </p>
</div>
</div>
<div class="contact-element fingerprint">
<div class="col-xs-1 p0">
<object data="{{ root }}/images/finger.svg" type="image/svg+xml">
<img src="{{ root }}/images/finger.svg" alt="Finger" />
</object>
</div>
<div class="col-xs-11 p0">
<p><b>Fingerprint:</b> {{ robur.openpgp.fingerprint }}.</p>
</div>
</div>
</div>
</div>
<div class="col-md-5 fund">
<p class="header">Fund our work!</p>
2023-03-12 17:06:27 +00:00
<p>Robur is a project of the Center for the Cultivation of Technology, a charity registered in Germany. Donations to robur are tax-deductible in Europe.</p>
2023-02-15 17:07:07 +00:00
<a href="{{ root }}/donate.html"><button>Donate now</button></a>
</div>
</div>
</div>
<div class="container-fluid dark copyright">
<div class="container">
<img src="{{ root }}/images/robur_logo_footer.png" alt="robur-logo">
<hr>
<p>Robur - @ Copyright 2020. All rights reserved. - Webdesign by <a href="https://rabotnik.coop" target="_blank">rabotnik.coop</a></p>
</div>
</div>
</div>
</div>
</body>
</html>