mirror of
https://github.com/offen/website.git
synced 2024-12-25 06:10:22 +01:00
Merge pull request #101 from offen/development
Fix sitemap issue, template cleanup
This commit is contained in:
GitHub
commit
4ca3293ffe
@ -3,4 +3,4 @@ Disallow: /vault/
|
||||
Disallow: /auditorium/
|
||||
Disallow: /legal-notice/
|
||||
|
||||
Sitemap: /sitemap.xml
|
||||
Sitemap: https://www.offen.dev/sitemap.xml
|
||||
|
||||
@ -1,6 +1,5 @@
|
||||
import os
|
||||
from datetime import datetime
|
||||
from calendar import month_name
|
||||
# If your site is available via HTTPS, make sure SITEURL begins with https://
|
||||
RELATIVE_URLS = False
|
||||
|
||||
@ -10,7 +9,7 @@ PATH = 'content'
|
||||
TIMEZONE = 'Europe/Berlin'
|
||||
DEFAULT_LANG = 'en'
|
||||
|
||||
BUILD_DATE = '{} {}'.format(month_name[datetime.today().month], datetime.today().year)
|
||||
BUILD_DATE = datetime.now()
|
||||
|
||||
# Feed generation is usually not desired when developing
|
||||
FEED_ALL_ATOM = None
|
||||
@ -93,7 +92,7 @@ TWITTER_URL = 'https://twitter.com/hioffen'
|
||||
RELEASE_DIRECT_URL = 'https://get.offen.dev'
|
||||
DOCKER_DIRECT_URL = 'https://hub.docker.com/r/offen/offen'
|
||||
HEROKU_DIRECT_URL = 'https://heroku.com/deploy?template=https://github.com/offen/heroku/tree/master'
|
||||
OFFEN_AUDITORIUM_URL = 'https://analytics.offen.dev/auditorium'
|
||||
OFFEN_AUDITORIUM_URL = 'https://analytics.offen.dev/auditorium/'
|
||||
DOCS_GETSTARTED_URL = 'https://docs.offen.dev/running-offen/'
|
||||
DOCS_TRYDEMO_URL = 'https://docs.offen.dev/running-offen/test-drive/'
|
||||
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
QD5ZXSOHR0bcTvyK27lRkr4Hl+UgZKOX
|
||||
=W9C7
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
@ -478,16 +478,18 @@ STACKING IMAGES
|
||||
/* ---------------------------------------------------
|
||||
BACKROUND IMAGES
|
||||
----------------------------------------------------*/
|
||||
#bg-feature-2 {
|
||||
.bg-feature-2 {
|
||||
background: url(/theme/images/gfx-feature-2.png) center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 640px 480px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
#bg-pattern {
|
||||
|
||||
.bg-pattern {
|
||||
background: url(/theme/images/gfx-bg-pattern.svg) 8rem 2rem;
|
||||
}
|
||||
#bg-explainer {
|
||||
|
||||
.bg-explainer {
|
||||
background:
|
||||
url(/theme/images/gfx-bg-explainer.svg) top center repeat-x,
|
||||
url(/theme/images/gfx-bg-explainer.svg) bottom center repeat-x;
|
||||
|
||||
@ -5,14 +5,14 @@
|
||||
{% set href = 'blog/' %}
|
||||
{% set no_stats = False %}
|
||||
{% set template = 'archives' %}
|
||||
{% set cta_1 = 'true' %}
|
||||
{% set cta_1 = True %}
|
||||
|
||||
{% block content %}
|
||||
{% for article in articles %}
|
||||
{% for article in articles %}
|
||||
{% if loop.index != 1 %}
|
||||
<hr class="mb5 b--none">
|
||||
{% endif %}
|
||||
<div class="w-100 mt5-ns gray">
|
||||
<article class="w-100 mt5-ns gray">
|
||||
<div class="mw7 center pt5 pb5 ph3 ph5-ns bg-white">
|
||||
<figure class="larger-image mb4">
|
||||
<a href="{{ article.slug }}">
|
||||
@ -29,6 +29,6 @@
|
||||
{{ article.description }} <a href="{{ article.slug }}" class="link b dim gray">Read more</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
@ -4,11 +4,27 @@
|
||||
{% set description = article.description %}
|
||||
{% set href = article.save_as.replace('index.html', '') %}
|
||||
{% set image_url = article.image_url %}
|
||||
{% set image_caption = article.image_caption %}
|
||||
{% set no_stats = article.no_stats %}
|
||||
{% set template = article.template %}
|
||||
{% set content = article.content %}
|
||||
{% set date = article.date %}
|
||||
{% set author = article.author %}
|
||||
{% set modified = article.modified %}
|
||||
{% set cta_1 = 'true' %}
|
||||
{% set cta_1 = True %}
|
||||
|
||||
{% block content %}
|
||||
<main class="w-100 mt5-ns gray">
|
||||
<div class="mw7 center pb5 bg-white">
|
||||
<figure class="ma0">
|
||||
<img alt="{{ title }}" src="{{ image_url }}"/>
|
||||
{% if article.image_caption %}
|
||||
<figcaption class="ph3 ph5-ns f7 normal moon-gray">
|
||||
{{ article.image_caption }}
|
||||
</figcaption>
|
||||
{% endif %}
|
||||
</figure>
|
||||
<div class="ph3 ph5-ns pt5">
|
||||
<h6 class="f5 lh-solid normal ma0 light-silver">
|
||||
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
|
||||
</h6>
|
||||
{{ article.content }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,36 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{% block head %}
|
||||
<head>
|
||||
<title>
|
||||
{% block title %}{{ title }}{% endblock %}
|
||||
</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="description" content="{{ description }}">
|
||||
<meta property="og:site_name" content="{{ SITENAME }}">
|
||||
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:description" content="{{ description }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="{{ SITEURL }}/{{ href }}">
|
||||
<meta property="og:image" content="{{ SITEURL }}{{ image_url or '/theme/images/offen-logo-social-media.jpg' }}">
|
||||
<meta name="twitter:image:alt" content="Offen logo">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
{% if template != 'archives' %}
|
||||
<link rel="canonical" href="{{ SITEURL }}/{{ href }}">
|
||||
{% endif %}
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
|
||||
{% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/fix.css", "css/fonts.css" %}
|
||||
<link rel="stylesheet" href="/{{ ASSET_URL }}">
|
||||
{% endassets %}
|
||||
<link rel="preload" href="/theme/fonts/rubik-v9-latin-regular.woff2" as="font" crossorigin>
|
||||
<link rel="preload" href="/theme/fonts/rubik-v9-latin-500.woff2" as="font" crossorigin>
|
||||
{% if OFFEN_ACCOUNT_ID and not no_stats %}
|
||||
<script async src="https://analytics.offen.dev/script.js" data-account-id="{{ OFFEN_ACCOUNT_ID }}"></script>
|
||||
{% endif %}
|
||||
</head>
|
||||
<head>
|
||||
<title>
|
||||
{% block title %}{{ title }}{% endblock %}
|
||||
</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
|
||||
<meta name="description" content="{{ description }}">
|
||||
<meta property="og:site_name" content="{{ SITENAME }}">
|
||||
<meta property="og:locale" content="{{ DEFAULT_LANG }}">
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:description" content="{{ description }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="{{ SITEURL }}/{{ href }}">
|
||||
<meta property="og:image" content="{{ SITEURL }}{{ image_url or '/theme/images/offen-logo-social-media.jpg' }}">
|
||||
<meta name="twitter:image:alt" content="Offen logo">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
{% if template != 'archives' %}
|
||||
<link rel="canonical" href="{{ SITEURL }}/{{ href }}">
|
||||
{% endif %}
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/theme/images/favicon.ico">
|
||||
{% assets filters="postcss", output="css/style.min.css", "css/tachyons.min.css", "css/fix.css", "css/fonts.css" %}
|
||||
<link rel="stylesheet" href="/{{ ASSET_URL }}">
|
||||
{% endassets %}
|
||||
<link rel="preload" href="/theme/fonts/rubik-v9-latin-regular.woff2" as="font" crossorigin>
|
||||
<link rel="preload" href="/theme/fonts/rubik-v9-latin-500.woff2" as="font" crossorigin>
|
||||
{% if OFFEN_ACCOUNT_ID and not no_stats %}
|
||||
<script async src="https://analytics.offen.dev/script.js" data-account-id="{{ OFFEN_ACCOUNT_ID }}"></script>
|
||||
{% endif %}
|
||||
</head>
|
||||
{% endblock %}
|
||||
<body class="{{ template }} f5 rubik lh-copy cclr-fnt-black-mid cclr-bg-black-mid">
|
||||
<div class="cclr-bg-white-dark">
|
||||
@ -41,182 +41,158 @@
|
||||
<a class="link dim" href="/"><img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="37" height="40" class="logo"></a>
|
||||
<a class="link dim" href="/"><p class="f25 normal ma0 ml2 white">Offen</p></a>
|
||||
</div>
|
||||
{% if funnel != 'true' %}
|
||||
<nav>
|
||||
<div class="nav-mobile"><span id="nav-toggle"><span></span></span></div>
|
||||
<ul class="nav-list">
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/">Summary</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/deep-dive/">Deep dive</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/about/">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">GitHub</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim" href="/get-started/">Get started</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% if not funnel %}
|
||||
<nav>
|
||||
<div class="nav-mobile"><span id="nav-toggle"><span></span></span></div>
|
||||
<ul class="nav-list">
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/">Summary</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/deep-dive/">Deep dive</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/blog/">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/about/">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">GitHub</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim cclr-fnt-black-mid" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="b link dim" href="/get-started/">Get started</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
{% block content %}
|
||||
<div class="w-100 mt5-ns gray">
|
||||
<div class="mw7 center pb5 bg-white">
|
||||
{% if image_url %}
|
||||
<figure class="ma0">
|
||||
<img alt="{{ title }}" src="{{ image_url }}"/>
|
||||
{% if image_caption %}
|
||||
<figcaption class="ph3 ph5-ns f7 normal moon-gray">
|
||||
{{ image_caption }}
|
||||
</figcaption>
|
||||
{% endif %}
|
||||
</figure>
|
||||
{% endif %}
|
||||
<div class="ph3 ph5-ns pt5">
|
||||
{% if date and author %}
|
||||
<h6 class="f5 lh-solid normal ma0 light-silver">
|
||||
{{ date | strftime('%d %b %Y') }}{% if modified %}(updated {{ modified | strftime('%d %b %Y') }}){% endif %}, {{ author }}
|
||||
</h6>
|
||||
{% endif %}
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% if funnel != 'true' %}
|
||||
{% block outro %}
|
||||
<div class="w-100 cclr-bg-yellow-mid">
|
||||
<div class="pt3 pb4 ph3" id="bg-pattern">
|
||||
<div class="mw8 center">
|
||||
<div class="flex flex-wrap justify-center tc pt3">
|
||||
|
||||
{% if cta_2 != 'true' %}
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
Participate
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Audit our open source code and feel free to make a contribution.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">Get involved</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if cta_1 != 'true' %}
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
In the making
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Discover what is already up and running and where we want to go.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="/blog/">Open blog</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
Ethical internet
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Help to ensure that Offen is independent and can be sustained.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Support us</a>
|
||||
</div>
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<footer>
|
||||
{% if funnel %}
|
||||
<footer class="w-100 cclr-bg-mint-mid ph4 pb4">
|
||||
<div id="bg-pattern">
|
||||
<div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6">
|
||||
<div class="w-25-l mt3 mr3 cclr-fnt-black-mid">
|
||||
<p class="ma0">
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/">Offen</a>
|
||||
</p>
|
||||
<p class="ma0">Fair web analytics</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
</div>
|
||||
<div class="w-25-l mt3 tr-l">
|
||||
{{ BUILD_DATE | strftime('%B %Y') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endif %}
|
||||
{% if funnel != 'true' %}
|
||||
<div class="w-100 cclr-bg-black-mid gray ph4 pb4">
|
||||
<div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6">
|
||||
<div class="w-25-l mt3 mr3 cclr-fnt-yellow-mid">
|
||||
<p class="ma0">
|
||||
<a class="b link dim cclr-fnt-yellow-mid" href="/">Offen</a>
|
||||
</p>
|
||||
<p class="ma0">Fair web analytics</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="mailto:{{ CONTACT_EMAIL }}">{{CONTACT_EMAIL}}</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" target="_blank" href="/theme/{{ PGP_KEY_FILE }}">PGP Key</a>
|
||||
</p>
|
||||
<p class="ma0 mt2">
|
||||
<a class="link b dim gray" href="/blog/">Blog</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">GitHub</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ TWITTER_URL }}" rel="noopener" target="_blank">Twitter</a>
|
||||
</p>
|
||||
<p class="ma0 mt2">
|
||||
<a class="link b dim gray" href="/legal-notice/">Legal Notice</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 tr-l">
|
||||
{{ BUILD_DATE }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="w-100 cclr-bg-mint-mid ph4 pb4">
|
||||
<div id="bg-pattern">
|
||||
{% block outro %}
|
||||
<div class="w-100 cclr-bg-yellow-mid">
|
||||
<div class="pt3 pb4 ph3 bg-pattern">
|
||||
<div class="mw8 center">
|
||||
<div class="flex flex-wrap justify-center tc pt3">
|
||||
|
||||
{% if cta_1 %}
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
Participate
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Audit our open source code and feel free to make a contribution.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">Get involved</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if cta_2 %}
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
In the making
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Discover what is already up and running and where we want to go.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="/blog/">Open blog</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="wx24 ph4-ns pt4 pb5 cclr-bg-yellow-mid">
|
||||
<h2 class="f25 normal lh-solid ma0 mb3">
|
||||
Ethical internet
|
||||
</h2>
|
||||
<p class="ma0 mb3">
|
||||
Help to ensure that Offen is independent and can be sustained.
|
||||
</p>
|
||||
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Support us</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
<div class="w-100 cclr-bg-black-mid gray ph4 pb4">
|
||||
<div class="flex flex-row-l flex-column w-100-l mw6-m center-m pt4 pb6">
|
||||
<div class="w-25-l mt3 mr3 cclr-fnt-black-mid">
|
||||
<div class="w-25-l mt3 mr3 cclr-fnt-yellow-mid">
|
||||
<p class="ma0">
|
||||
<a class="b link dim cclr-fnt-black-mid" href="/">Offen</a>
|
||||
<a class="b link dim cclr-fnt-yellow-mid" href="/">Offen</a>
|
||||
</p>
|
||||
<p class="ma0">Fair web analytics</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="mailto:{{ CONTACT_EMAIL }}">{{CONTACT_EMAIL}}</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" target="_blank" href="/theme/{{ PGP_KEY_FILE }}">PGP Key</a>
|
||||
</p>
|
||||
<p class="ma0 mt2">
|
||||
<a class="link b dim gray" href="/blog/">Blog</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ DOCS_URL }}" rel="noopener" target="_blank">Docs</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ GITHUB_REPO }}" rel="noopener" target="_blank">GitHub</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 mr3">
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a>
|
||||
</p>
|
||||
<p class="ma0">
|
||||
<a class="link b dim gray" href="{{ TWITTER_URL }}" rel="noopener" target="_blank">Twitter</a>
|
||||
</p>
|
||||
<p class="ma0 mt2">
|
||||
<a class="link b dim gray" href="/legal-notice/">Legal Notice</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-25-l mt3 tr-l">
|
||||
{{ BUILD_DATE }}
|
||||
{{ BUILD_DATE | strftime('%B %Y') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% block scripts %}
|
||||
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js", "scripts/clipboard.min.js", "scripts/click-to-copy.js" %}
|
||||
<script src="/{{ ASSET_URL }}"></script>
|
||||
{% endassets %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
{% block scripts %}
|
||||
{% assets filters="rjsmin", output="scripts/packed.js", "scripts/jquery-3.4.1.min.js", "scripts/menu.js", "scripts/fade.js", "scripts/clipboard.min.js", "scripts/click-to-copy.js" %}
|
||||
<script src="/{{ ASSET_URL }}"></script>
|
||||
{% endassets %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{% extends "page.html" %}
|
||||
{% set funnel = 'true' %}
|
||||
{% set funnel = True %}
|
||||
|
||||
{% block content %}
|
||||
<div class="w-100 mt5-ns cclr-bg-white-dark">
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
|
||||
<!-- FEATURE -->
|
||||
<div class="w-100 overflow-hidden cclr-bg-mint-mid">
|
||||
<div id="bg-pattern">
|
||||
<div class="bg-pattern">
|
||||
|
||||
<div class="mw8 flex flex-wrap justify-center center tc">
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
</div>
|
||||
|
||||
<div class="w-100 w-third-l cclr-bg-mint-fade-b">
|
||||
<div class="hx-feature" id="bg-feature-2">
|
||||
<div class="hx-feature bg-feature-2">
|
||||
|
||||
<h2 class="f2 normal lh-solid ma0 mb3 ptx-feature-2">
|
||||
<em class="em-mint-1">
|
||||
@ -115,7 +115,7 @@
|
||||
</div>
|
||||
|
||||
<!-- COMPARE -->
|
||||
<div class="w-100" id="bg-explainer">
|
||||
<div class="w-100 bg-explainer" id="bg-explainer">
|
||||
<div class="mw8 center flex flex-wrap justify-center">
|
||||
|
||||
<!-- COMPARE A -->
|
||||
@ -215,7 +215,7 @@
|
||||
<div class="w-50-l w-100">
|
||||
|
||||
<div class="w-100 hx-compare-c dib cclr-bg-white-fade">
|
||||
<div class="h-100" id="bg-pattern">
|
||||
<div class="h-100 bg-pattern">
|
||||
|
||||
|
||||
<div class="wx24 center">
|
||||
@ -287,7 +287,7 @@
|
||||
<div class="w-50-l w-100">
|
||||
|
||||
<div class="w-100 hx-compare-d dib cclr-bg-white-fade">
|
||||
<div class="h-100" id="bg-pattern">
|
||||
<div class="h-100 bg-pattern">
|
||||
|
||||
<div class="wx24 center">
|
||||
<p class="f25 lh-solid ma0 mt5 mb4">
|
||||
@ -400,7 +400,7 @@
|
||||
|
||||
<!-- METRICS -->
|
||||
<div class="w-100 hx-metrics dib cclr-bg-white-fade-metrics">
|
||||
<div class="h-100" id="bg-pattern">
|
||||
<div class="h-100 bg-pattern">
|
||||
|
||||
<div class="wx24-metrics center">
|
||||
|
||||
@ -487,7 +487,7 @@
|
||||
<div class="w-100">
|
||||
|
||||
<div class="w-100 hx-difference dib cclr-bg-white-fade">
|
||||
<div class="h-100" id="bg-pattern">
|
||||
<div class="h-100 bg-pattern">
|
||||
|
||||
<div class="wx24-metrics center">
|
||||
<p class="f25 lh-solid ma0 ml0 ml5-l mt5 mb4">
|
||||
@ -639,34 +639,14 @@
|
||||
</svg>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -703,5 +683,4 @@
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block outro %}
|
||||
{% endblock %}
|
||||
{% block outro %}{% endblock %}
|
||||
|
||||
@ -6,5 +6,14 @@
|
||||
{% set image_url = page.image_url %}
|
||||
{% set no_stats = page.no_stats %}
|
||||
{% set template = page.template %}
|
||||
{% set content = page.content %}
|
||||
{% set cta_2 = 'true' %}
|
||||
{% set cta_2 = True %}
|
||||
|
||||
{% block content %}
|
||||
<main class="w-100 mt5-ns gray">
|
||||
<div class="mw7 center pb5 bg-white">
|
||||
<div class="ph3 ph5-ns pt5">
|
||||
{{ page.content }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{% extends "page.html" %}
|
||||
{% set funnel = 'true' %}
|
||||
{% set funnel = True %}
|
||||
|
||||
{% block content %}
|
||||
<div class="w-100 mt5-ns cclr-bg-white-dark">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user