Newer
Older
{% load static wagtailuserbar wagtailcore_tags wagtailimages_tags navigation_tags util_tags %}<!doctype html>
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<head>
{# TODO fallbacks if page is not defined e.g. for 404 page #}
<meta charset="utf-8" />
<title>{% block title_prefix %}{{ TITLE_PREFIX }}{% endblock %}{% block title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title }}{% endif %}{% endblock %}{% block title_suffix %}{{ TITLE_SUFFIX }}{% endblock %}</title>
<meta name="description" content="{% if page.search_description %}{{ page.search_description }}{% else %}{{ page.listing_summary }}{% endif %}" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{% if GOOGLE_TAG_MANAGER_ID %}
{# To enable GTM code you need to specify GOOGLE_TAG_MANAGER_ID in production.py or in local.py #}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','{{ GOOGLE_TAG_MANAGER_ID|escapejs }}');</script>
<!-- End Google Tag Manager -->
{% endif %}
<!-- favicons -->
{% comment %}
Generate favicons by http://realfavicongenerator.net using the following path: settings.STATIC_URL + img/favicons.
Then favicon.ico should be copied to a directory called "public" in the application root and puppet does some magic to serve it up at the site root.
{% endcomment %}
<!-- Twitter summary card - see https://dev.twitter.com/cards/types/summary -->
<!-- and https://dev.twitter.com/cards/getting-started -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@{{ settings.utils.SocialMediaSettings.twitter_handle }}" />
<meta name="twitter:title" content="{{ page.title }}" />
<meta name="twitter:description" content="{{ page|social_text:request.site }}">
{% if page.social_image %}
{% image page.social_image width-320 as social_img %}
<meta name="twitter:image" content="{{ request.site.root_url }}{{ social_img.url }}">
{% else %}
<!-- Add a default image to use for social sharing here in case one is not provided on the page. -->
{% endif %}
<!--facebook opengraph tags-->
<meta property="fb:app_id" content="{{ settings.utils.SocialMediaSettings.facebook_app_id }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ page.url }}" />
<meta property="og:title" content="{{ page.title }}" />
{% if page.social_image %}
<meta property="og:image" content="http://{{ request.site.hostname }}{{ social_img.url }}" />
{% else %}
<!-- Add a default image to use for social sharing here in case one is not provided on the page. -->
{% endif %}
<meta property="og:description" content="{{ page|social_text:request.site }}" />
<meta property="og:site_name" content="{{ settings.utils.SocialMediaSettings.site_name }}" />
<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
{% block extra_css %}{% endblock %}
</head>
<body class="{% block body_class %}template-{{ page.get_verbose_name|slugify }}{% endblock %}">
{% if GOOGLE_TAG_MANAGER_ID %}
{# To enable GTM code you need to specify GOOGLE_TAG_MANAGER_ID in production.py or in local.py #}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ GOOGLE_TAG_MANAGER_ID|escapejs }}"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
{% include "includes/sprites.html" %}
{% if page.header_image %}
{% image page.header_image fill-2560x410 as header_image %}
<header class="header header--standard header--has-bg-image" style="background-image:url('{{ header_image.url }}')">
<header class="header header--standard {% block header_modifier %}{% endblock %}">
<a href="#" class="link link--fixed-apply">Apply</a>
<div class="header__inner wrapper wrapper--large">
Chris Lawton
committed
<a href="{% slugurl 'home' %}" aria-label="Home link">
<svg class="header__logo header__logo--desktop header__logo--desktop-light"><use xlink:href="#logo-desktop"></use></svg>
<svg class="header__logo header__logo--desktop header__logo--desktop-dark"><use xlink:href="#logo-desktop--dark"></use></svg>
<svg class="header__logo header__logo--mobile"><use xlink:href="#logo-mobile"></use></svg>
<div class="header__inner header__inner--mobile-buttons">
Chris Lawton
committed
<button class="button js-search-toggle" aria-haspopup="true">
<svg class="header__icon header__icon--open-search header__icon--open-search-menu-closed icon icon--mobile-menu"><use xlink:href="#magnifying-glass"></use></svg>
<svg class="header__icon header__icon--close-search header__icon--close-search-menu-closed icon icon--mobile-menu"><use xlink:href="#cross"></use></svg>
</button>
Chris Lawton
committed
<button class="button button--left-space js-mobile-menu-toggle" aria-haspopup="true">
<svg class="icon icon--mobile-menu"><use xlink:href="#mobile-menu-toggle"></use></svg>
<section class="header__menus header__menus--desktop">
Chris Lawton
committed
<button class="button button--contains-icons button--left-space js-search-toggle" aria-haspopup="true" aria-label="Toggle desktop search">
<svg class="header__icon header__icon--open-search icon"><use xlink:href="#magnifying-glass"></use></svg>
<svg class="header__icon header__icon--close-search icon"><use xlink:href="#cross"></use></svg>
</button>
<section class="header__menus header__menus--mobile">
<div class="header__inner header__inner--menu-open">
Chris Lawton
committed
<a href="{% slugurl 'home' %}" aria-label="Home link">
<svg class="header__logo header__logo--mobile"><use xlink:href="#logo-mobile"></use></svg>
</a>
<div class="header__inner header__inner--mobile-buttons">
<button class="button js-mobile-search-toggle" aria-haspopup="true" aria-label="Toggle mobile search">
<svg class="header__icon header__icon--open-search icon icon--mobile-menu"><use xlink:href="#magnifying-glass"></use></svg>
Chris Lawton
committed
<button class="button button--left-space js-mobile-menu-close">
<svg class="header__icon header__icon--cross icon icon--mobile-menu"><use xlink:href="#cross"></use></svg>
</button>
</div>
</div>
{% primarynav %}
</section>
<a href="#" class="button button--transparent button--contains-icons">
<svg class="icon icon--person"><use xlink:href="#person-icon"></use></svg>
Log in
</a>
<div class="button button--google-translate" id="google_translate_element"></div>
</div>
<div class="header__search">
<form action="{% url 'search' %}" method="get" role="search" class="form form--header-search-desktop">
Chris Lawton
committed
<button class="button" type="submit" aria-label="Search">
<svg class="icon icon--magnifying-glass icon--search"><use xlink:href="#magnifying-glass"></use></svg>
<input class="input input--transparent input--search" type="text" placeholder="Search…" name="query"{% if search_query %} value="{{ search_query }}{% endif %}" aria-label="Search input">
<div class="wrapper wrapper--small">
<h1 class="header__title">{{ page.title }}</h1>
</div>
<svg class="header__icon header__icon--pixels header__icon--pixels-left"><use xlink:href="#hero-standard-left-pixels"></use></svg>
<svg class="header__icon header__icon--pixels header__icon--pixels-right"><use xlink:href="#hero-standard-right-pixels"></use></svg>
<main class="wrapper wrapper--large wrapper--main">
<footer class="footer">
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<div class="grid grid--two wrapper wrapper--large">
<div class="footer__inner">
<h4>Get the latest internet freedom news</h4>
<form class="form">
<div>
<div class="mailchimp-signup-subscribe-form-description"></div>
<div id="mailchimp-newsletter-32632431e3-mergefields" class="mailchimp-newsletter-mergefields">
<div class="form-item form-type-textfield form-item-mergevars-EMAIL">
<label for="edit-mergevars-email">Email Address <span class="form-required" title="This field is required.">*</span></label>
<input type="text" id="edit-mergevars-email" name="mergevars[EMAIL]" value="" size="25" maxlength="128" class="form-text required">
</div>
<div class="form-item form-type-textfield form-item-mergevars-FNAME">
<label for="edit-mergevars-fname">First Name </label>
<input type="text" id="edit-mergevars-fname" name="mergevars[FNAME]" value="" size="25" maxlength="128" class="form-text">
</div>
<div class="form-item form-type-textfield form-item-mergevars-LNAME">
<label for="edit-mergevars-lname">Last Name </label>
<input type="text" id="edit-mergevars-lname" name="mergevars[LNAME]" value="" size="25" maxlength="128" class="form-text">
</div>
</div>
<input type="hidden" name="form_build_id" value="form-2Dy9x5istHLUmufjcHabtyuZ_niL-RlfSoHBIq39hpI">
<input type="hidden" name="form_id" value="mailchimp_signup_subscribe_block_otf_newsletter_form">
<div class="form-actions form-wrapper" id="edit-actions--3">
<input type="submit" id="edit-submit--3" name="op" value="Sign up" class="form-submit link link--button-transparent link--footer-signup">
</div>
</div>
</form>
</div>
<div class="footer__inner">
<div class="footer__social-links">
{% if settings.utils.SocialMediaSettings.twitter_handle %}
<a href="https://twitter.com/{{ settings.utils.SocialMediaSettings.twitter_handle }}">
<svg class="icon icon--footer-social"><use xlink:href="#twitter"></use></svg>
<h4 class="heading heading--no-margin">@OpenTechFund</h4>
</a>
{% endif %}
</div>
<p>2025 M Street NW, Suite 300</br>
Washington, DC 20036 USA</p>
<p>
<a href="mailto:hello@opentech.fund">hello@opentech.fund</a></br>
<a href="mailto:press@opentech.fund">press@opentech.fund</a></br>
<span>PGP: 67AC DDCF B909 4685 36DD BC03 F766 3861 965A 90D2</span>
</p>
<p><a href="/rss.xml">RSS Feed</a></p>
<p><a class="link link--underlined" href="#">Terms of Use</a></p>
<p>Test the OTF website for censorship</p>
Chris Lawton
committed
<a class="link link--button link--button-transparent" href="https://run.ooni.io/nettest?tn=web_connectivity&ta=%7B%22urls%22%3A%5B%22https%3A%2F%2Fwww.opentech.fund%2F%22%5D%7D&mv=1.2.0">Run OONI!</a>
Chris Lawton
committed
<a href="https://www.bbg.gov/" aria-label="Link to the Broadcasting Board of Governors website">
<svg class="icon icon--footer-credit"><use xlink:href="#bbg-logo"></use></svg>
Chris Lawton
committed
<a href="http://www.rfa.org/english/" aria-label="Link to the Radio Free Asia website">
<img src="{% static 'images/radio-free-asia-logo.svg' %}" alt="logo fo radio free asia">
</a>
</div>
<section>
{% footernav %}
</section>
<section>
{% footerlinks %}
</section>
</div>
</footer>
<script type="text/javascript" src="{% static 'js/main.js' %}"></script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
{% block extra_js %}{% endblock %}
</body>
</html>