vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 18:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge branch 'feature/website-revamp-v3.0'

Browse source
This commit is contained in:
davegson 2019-11-11 18:12:29 +01:00
commit 6c5d150adc
83 changed files with 1497 additions and 1404 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
_config.yml
View file

@ -11,6 +11,8 @@ description: > # this means to ignore newlines until "base_url:"
Safing is a software that protects your privacy online. It's so easy, anyone can use it.
base_url: "/" # the subpath of your site, e.g. /blog
assets_url: "/assets/"
img_url: "/assets/img/"
icons_url: "/assets/icons/"
vendor_url: "/vendor/"
url: "https://safing.io" # the base hostname & protocol for your site
cover: "img/cover.jpg"
@ -24,9 +26,13 @@ excerpt_separator: "<!--break-->"
inter_post_navigation: false
our_values_url: "/our-values/"
jobs_url: "/jobs/"
podcast_url: "/podcast/"
technology_url: "/technology/"
community_hub_url: "/community-hub/"
contact_url: "/contact/"
terms_url: "/terms/"
privacy_url: "/privacy/"
whitepaper_url: "/files/whitepaper/"
cyberfreedom_url: https://twitter.com/davegson/status/1110216714871029761
@ -37,7 +43,7 @@ collections:
defaults:
- scope:
path: "" # an empty string here means all files in the project
type: "posts" # previously `post` in Jekyll 2.2.
type: "posts"
values:
layout: "post"
permalink: /blog/:year/:month/:day/:title/
@ -50,38 +56,30 @@ defaults:
permalink: /podcast/:year/:month/:day/:title/
type: "podcast"
# Social icons and sharing options
#
# Social settings are used in two places:
# * In the footer, as links to your personal profiles
# * After each blog post for sharing widgets
#
# Example:
#
# social:
# - name: Twitter # Name of the service
# icon: twitter # Font Awesome icon to use (minus fa- prefix)
# username: "@SafingIO" # (User) Name to display in the footer link
# url: https://twitter.com/SafingIO # URL of your profile (leave blank to not display in footer)
# desc: Follow us Twitter # Description to display as link title, etc
# share: true # Include in the "Share" section of posts (social_sharing must be true for this)
github_url: https://github.com/Safing
reddit_url: https://reddit.com/r/safing
twitter_url: https://twitter.com/SafingIO
newsletter_url: "/newsletter/"
social_sharing: false
communities:
twitter:
name: Twitter
icon: twitter
username: SafingIO
url: https://twitter.com/SafingIO
desc: Follow me on Twitter
share: false
github:
- reddit:
name: Reddit
icon: reddit
username: r/safing
url: https://reddit.com/r/safing
desc: Join our Reddit
- github:
name: GitHub
icon: github
username: Safing
url: https://github.com/Safing
desc: Fork us on GitHub
share: false
- twitter:
name: Twitter
icon: twitter
username: SafingIO
url: https://twitter.com/SafingIO
desc: Follow me on Twitter
donations:
bitcoin:

2
_drafts/2016-10-07-first-milestone-funded.md
View file

@ -7,4 +7,4 @@ This gives us the opportunity to kick-start Safing, batteries (hardware and serv
We are looking forward to next year and the great time we will have implementing Safing.
![Netidee Logo](/assets/img/netidee.png){: .blog-image }
![Netidee Logo](/assets/img/external-logos/netidee.png){: .blog-image }

68
_includes/community_snippet.html
View file

@ -1,68 +0,0 @@
<span class="community-snippet">
<aside>
<div class='ui vertical footer segment snippet'>
<div class="ui center aligned middle aligned grid hidden-on-tablet-and-lower" style="margin: 0 30%;">
<div class="four wide column" style="padding: 1rem 0;">
<img class='ui centered image' src='{{ site.assets_url }}img/icons/community_logo.svg' style='width: 6rem; padding-top: 0.1rem;'>
</div>
<div class="twelve wide column" style="padding: 1.2rem 0 1rem 0;">
<p >
{% if page.community_snippet_intro %}
<p >
{{ page.community_snippet_intro }}
</p>
{% else %}
<p style='word-spacing: 20px;'>
Interested? Eager? Confused?
<p>
{% endif %}
</p>
<div class='ui clearing divider'>
</div>
<h2>
Get involved!
</h2>
</div>
<div class="sixteen wide column" style="padding: 0 0 1rem 0;">
<a href="/community-hub">
<button class='ui safing-primary button'>
Join our community
</button>
</a>
</div>
</div>
<!-- Mobile -->
<div class="ui center aligned grid hidden-on-computer-and-wider " style="margin: 0;">
<div class="sixteen wide column" style="padding: 1rem 0 0 0;">
<p >
{% if page.community_snippet_intro %}
<p >
{{ page.community_snippet_intro }}
</p>
{% else %}
<p style='word-spacing: 20px;'>
Interested? Eager? Confused?
<p>
{% endif %}
</p>
<div class='ui clearing divider'>
</div>
<h2>
Get involved!
</h2>
</div>
<div class="sixteen wide column" style="padding: 0 0 1rem 0;">
<a href="/community-hub">
<button class='ui safing-primary button'>
Join our community
</button>
</a>
</div>
</div>
</div>
</aside>
</span>

29
_includes/floating_button.html
View file

@ -1,29 +0,0 @@
<div id="floating-button">
<button class="ui circular icon button sidebar-toggle safing-full">
<i class="sidebar icon"></i>
</button>
<div class="spacer"></div>
<a href="https://old.reddit.com/r/safing" target="_blank">
<button class="ui circular icon button safing-full">
<i class="reddit icon"></i>
</button>
</a>
</div>
<script type="text/javascript">
function scrollFunction() {
{% if include.heightref %}
var h = document.getElementById('{{ include.heightref }}').offsetTop
{% else %}
var h = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight) / 4
{% endif %}
if (document.body.scrollTop > h || document.documentElement.scrollTop > h) {
document.getElementById("floating-button").classList.add("visible");
} else {
document.getElementById("floating-button").classList.remove("visible");
}
}
window.onscroll = scrollFunction
</script>

43
_includes/foot.html
View file

@ -1,43 +0,0 @@
<script type="text/javascript">
// fix content on mobile browsers that change vh if the top bar disappears
function ready(fn) {
if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
var lastWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
function bannerResize() {
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
document.getElementById("banner-background").style.height = h + "px"
document.getElementById("banner-transition").style.height = h + "px"
document.getElementById("banner-content").style.height = Math.floor(h*1.1) + "px"
}
function bannerResizer() {
// fix content on mobile browsers that change vh if the top bar disappears
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
if (w != lastWidth) {
lastWidth = w
bannerResize()
}
}
function scrollToContent(event){
event.preventDefault()
document.getElementById("gate-17").scrollIntoView({
behavior: 'smooth'
})
}
ready(function(){
window.addEventListener("resize", bannerResizer);
bannerResize()
document.getElementById("learnmore-button").addEventListener("click", scrollToContent)
document.getElementById("learnmore-icon").addEventListener("click", scrollToContent)
})
</script>

21
_includes/footer.html
View file

@ -1,21 +0,0 @@
<section class="footer-section">
<div class="ui two column centered stackable grid">
<div class="three wide center aligned column footer-column">
<a href="/terms/">Terms &</a>
<a href="/privacy/">Privacy Policy</a>
</div>
<div class="three wide center aligned column footer-column">
<a href="{{ site.community_hub_url }}"> Community Hub </a>
<br/>
<a href="{{ site.podcast_feed_url }}">Podcast RSS</a>
</div>
<div class="three wide center aligned column footer-column">
<a href="/contact/">Contact & Legal</a>
</div>
</div>
<!-- This gathers only minimal data for customer insights. Check out our privacy policy! -->
<img src="https://api.matomo.safing.network/piwik.php?idsite=1&amp;rec=1" style="border:0" alt="" />
</section>
<!-- END PUSHER -->
</div>

4
_includes/head.html
View file

@ -1,7 +1,7 @@
<!-- meta -->
<meta charset={{ site.encoding }}>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ site.description }}">
<meta name="author" content="{{ site.author }}">
<title>{% if page.type == "podcast" %}The Safing Podcast {{ page.title }}{% elsif page.type == "post" %}Safing Blog: {{ page.title }}{% elsif page.title == "Safing" %}{{ page.title }}{% else %}Safing {{ page.title }}{% endif %}</title>
@ -25,10 +25,8 @@
<meta name="msapplication-TileImage" content="{{ site.assets_url }}icons/ms-icon-144x144.png">
<meta name="theme-color" content="#f7f7f7">
<link rel="stylesheet" href="{{ site.vendor_url }}semantic/semantic.min.css" type="text/css">
<link rel="stylesheet" href="{{ site.vendor_url }}css/fonts-roboto.css" type="text/css">
<link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">
<script src="{{ site.vendor_url }}js/jquery-3.3.1.slim.min.js"></script>
<script src="{{ site.vendor_url }}semantic/semantic.min.js"></script>
<script src="{{ site.assets_url }}js/main.js"></script>

76
_includes/header.html
View file

@ -1,76 +0,0 @@
<div id="sidebar" class='ui vertical inverted sidebar menu right overlay' style="z-index: 100;">
<a class='item' href='/'>
<img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
</a>
<a class='item' href="/our-values" >
Our Values
</a>
<a class='item' href="/jobs">
<span>Jobs</span><i class="safing-primary plus icon"></i>
</a>
<a class='item' href="/community-hub" >
Community
</a>
</div>
<!-- START PUSHER -->
<div class="pusher">
<div class='ui inverted stackable borderless menu {% if page.home %}home{% endif %}' id='menubar'>
<div class='menu'>
<a class='item' href='/' style='padding: 0 6px;'>
<img class='ui image' src='{{ site.assets_url }}img/logo_v3_name_light.svg' style='width: 10rem; padding: 0.6rem;'>
</a>
</div>
<div class='right menu' id="menubar-computer">
<a class='item' href="/our-values">
Our Values
</a>
<a class='item' href="/jobs">
<span>Jobs</span><i class="safing-primary plus icon"></i>
</a>
<a class='item' href="/community-hub" >
Community
</a>
</div>
<div class='right menu' id="menubar-mobile">
<a class='item sidebar-toggle sidebar-icon'>
<i class='sidebar icon'></i>
</a>
</div>
</div>
<script type="text/javascript">
function ready(fn) {
if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
}
function resizeFunction() {
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
if (w > 767) {
document.getElementById("menubar-computer").classList.remove("deactivated");
document.getElementById("menubar-mobile").classList.remove("activated");
document.getElementById("menubar").classList.remove("mobile");
} else {
document.getElementById("menubar-computer").classList.add("deactivated");
document.getElementById("menubar-mobile").classList.add("activated");
document.getElementById("menubar").classList.add("mobile");
}
}
ready(function(){
// remove stackable from menu
document.getElementById("menubar").classList.remove("stackable");
window.addEventListener("resize", resizeFunction);
resizeFunction()
})
</script>

9
_includes/new/about-short.html Normal file
View file

@ -0,0 +1,9 @@
<content>
<div class="about-short">
<h1>You be the judge</h1>
<p>
Review and inspect everything we do and say: every page, every podcast, every line of code, every strategy decision.<br/>
If you do like us, please consider helping us by <a href="{{ site.reddit_url }}">contributing in our community</a>.
</p>
</div>
</content>

22
_includes/new/cast.html Normal file
View file

@ -0,0 +1,22 @@
<content>
<div class="cast">
<div class="c-l">
{% assign sorted_podcasts = site.podcasts | reverse %}
{% for episode in sorted_podcasts limit: 4 %}
<a href="{{ episode.url }}">
<img src="{{ site.img_url }}podcast.png" alt="">
<div>
<span>{{ episode.title | grab_title_only }}</span>
<p>{{ episode.title | grab_episode_number }}</p>
</div>
</a>
{% endfor %}
</div>
<div class="c-r">
<h1>Stay up to date</h1>
<p>
Listen into our podcast where we give insight into our company. Ranging from the current development progress to our latest challenges, and our thought processes behind making important decisions.
</p>
</div>
</div>
</content>

31
_includes/new/features.html Normal file
View file

@ -0,0 +1,31 @@
<content>
<div class="features">
<div>
<img src="{{ site.icons_url }}lock.svg" alt="">
<div>
<span>Privacy first</span>
<p>
We believe privacy is the foundation to a free & open society. We can only grow if we have a safe place to nourish our best selves.
</p>
</div>
</div>
<div>
<img src="{{ site.icons_url }}community.svg" alt="">
<div>
<span>Community</span>
<p>
Do we walk our talk? You be the judge! If you like what you see, consider <a href="{{ site.reddit_url }}">helping us</a> by contributing in our community.
</p>
</div>
</div>
<div>
<img src="{{ site.icons_url }}shield.svg" alt="">
<div>
<span>Open Source</span>
<p>
Transparency is a key value for us, therefore we release our code open source. If you're a techie, we challenge you to <a href="">have a look</a> ;)
</p>
</div>
</div>
</div>
</content>

44
_includes/new/footer.html Normal file
View file

@ -0,0 +1,44 @@
<footer class="f-bg">
<div class="list">
<ul>
<span>Company</span>
<li><a href="{{ site.our_values_url }}">Team</a></li>
<li><a href="{{ site.our_values_url }}#ownership">Ownership</a></li>
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Podcast</span>
<li><a href="{{ site.podcast_url }}">Overview</a></li>
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
<li class="vhidden">.</li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Resources</span>
<li><a href="{{ site.technology_url }}">Technology</a></li>
<li><a href="{{ site.whitepaper_url }}">Whitepaper</a></li>
<li class="vhidden">.</li>
<li class="vhidden">.</li>
</ul>
<ul>
<span>Social</span>
<li><a href="{{ site.reddit_url }}">Reddit</a></li>
<li><a href="{{ site.newsletter_url }}">Newsletter</a></li>
<li><a href="{{ site.github_url }}">Github</a></li>
<li><a href="{{ site.twitter_url }}">Twitter</a></li>
</ul>
<ul>
<span>Legal</span>
<li><a href="{{ site.terms_url }}">Terms</a></li>
<li><a href="{{ site.privacy_url }}">Privacy</a></li>
<li><a href="{{ site.contact_url }}">Contact & Legal</a></li>
<li class="vhidden">.</li>
</ul>
</div>
<div class="legal">
<ul>
<li>Safing © 2019</li>
</ul>
</div>
</footer>

25
_includes/new/header.html Normal file
View file

@ -0,0 +1,25 @@
<header class="h-bg">
<div class="h-l">
<div class="h-l-i">
<img src="{{ site.img_url }}video-placeholder.png" alt="">
</div>
<span>Supported by</span>
<ul>
<li><img src="{{ site.img_url }}external-logos/esa.png" alt=""></li>
<li><img src="{{ site.img_url }}external-logos/netidee_small.png" alt=""></li>
<li><img src="{{ site.img_url }}external-logos/excellence.png" alt=""></li>
<li><img src="{{ site.img_url }}external-logos/ffg.png" alt=""></li>
</ul>
</div>
<div class="h-r">
<span>Take back control</span>
<h1>Privacy Network</h1>
<p>
Stay private while surfing the Web. Stop ISPs, Wi-Fi Operator and VPNs from collecting all your personal [meta] data. Secure your whole computer, not only your web-browser.
</p>
<div>
<a href="{{ site.reddit_url }}"><button><i class="large reddit alien icon"></i><span>Join our reddit</span></button></a>
<span>or <a href="{{ site.newsletter_url }}">subscribe to our newsletter</a></span>
</div>
</div>
</header>

16
_includes/new/map.html Normal file
View file

@ -0,0 +1,16 @@
<content>
<div class="map">
<div class="m-l">
<img src="{{ site.img_url }}map.gif" alt="">
</div>
<div class="m-r">
<h1>Outpacing Big Corp</h1>
<p>
With the Safing Privacy Network, all your outgoing connections are onion encrypted locally. They are then routed through our multi-hop network (blue) to prevent all current middlemen from logging and exploiting your private activities.
</p>
<p>
Each route is calculated individually to minimize exposure to the untrusted web (black). Also, DNS over TLS is enforced for your whole computer. Find out more...
</p>
</div>
</div>
</content>

13
_includes/new/nav.html Normal file
View file

@ -0,0 +1,13 @@
<nav>
<a href="{{ site.base_url }}">
<div>
<img src="{{ site.img_url }}logo_v3_light.png" alt="">
<p>Safing<span>.io</span></p>
</div>
</a>
<ul>
<li><a href="{{ site.our_values_url }}">About</a></li>
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
<li><a href="{{ site.community_hub_url }}">Community</a></li>
</ul>
</nav>

45
_includes/new/overview.html Normal file
View file

@ -0,0 +1,45 @@
<content>
<div class="overview">
<div class="o-l">
<h1>Transparency enforces Accountability</h1>
<p>
Being transparent means you and others can examine us; it gives insight whether we really walk our talk. It's the reason we believe in open source. But we don't want to stop there:
</p>
</div>
<div class="o-r">
<div class="left">
<div>
<img src="{{ site.icons_url }}lock.svg" alt="">
<div>
<span>Team</span>
<p>
We're human, just like you. <small><a href="https://i.redd.it/5jdfw10nuku31.png">Not like him 😉</a></small>
<br/>
<a href="{{ site.our_values_url }}#ownership">Meet the team</a> behind this venture!
</p>
</div>
</div>
<div>
<img src="{{ site.icons_url }}shield.svg" alt="">
<div>
<span>Ownership</span>
<p>
Many have fallen because they were not <i>really</i> in charge of their company. So, <a href="{{ site.our_values_url }}#ownership">who is in charge</a> of Safing?
</p>
</div>
</div>
</div>
<div>
<div class="right">
<img src="{{ site.icons_url }}community.svg" alt="">
<div>
<span>Ethical Funding</span>
<p>
We believe that we must also be open about all our financial influences & partnerships to truly become a privacy first company. <a href="{{ site.our_values_url }}#finances">Have a look!</a>
</p>
</div>
</div>
</div>
</div>
</div>
</content>

46
_layouts/page.html
View file

@ -1,45 +1,15 @@
<!DOCTYPE html>
<html lang={{ site.lang }} >
<html lang={{ site.lang }}>
<head>
{% if layout.legacy_layout %}
<link rel="stylesheet" href="{{ site.vendor_url }}semantic/semantic.css" type="text/css">
<link rel="stylesheet" href="{{ site.assets_url }}css/legacy.css" type="text/css">
{% endif %}
{% include head.html %}
</head>
<body>
{% include header.html %}
{% include floating_button.html %}
<div class="content" style="padding: 1rem 0 0 0;">
<div class="ui basic center aligned very padded segment" style="margin: 0;" >
<h1 class="">
{% if page.heading %}
{{ page.heading }}
{% elsif page.title %}
{{ page.title }}
{% elsif layout.heading %}
{{ layout.heading }}
{% endif %}
</h1>
{% if page.subheading %}
<h3 class="">
{% if page.subheading %}
{{ page.subheading }}
{% elsif page.title %}
{% elsif layout.subheading %}
{{ layout.subheading }}
{% endif %}
</h3>
{% endif %}
{% if page.include_divider %}
{% include page_divider.html %}
{% endif %}
</div>
{{ content }}
</div>
{% unless page.exclude_community_snippet %}
{% include community_snippet.html %}
{% endunless %}
{% include footer.html %}
{% include new/nav.html %}
{{ content }}
{% include new/footer.html %}
</body>
</html>

38
_layouts/page_column.html
View file

@ -1,8 +1,38 @@
---
layout: page
legacy_layout: true
---
<div class="ui {{ page.container_class }} container">
<div class=" ui basic segment">
{{ content }}
<content>
<div class="ui {{ page.container_class }} container">
<div class="ui basic center aligned very padded segment" style="margin: 0;">
<h1 class="">
{% if page.heading %}
{{ page.heading }}
{% elsif page.title %}
{{ page.title }}
{% elsif layout.heading %}
{{ layout.heading }}
{% endif %}
</h1>
{% if page.subheading %}
<h3 class="">
{% if page.subheading %}
{{ page.subheading }}
{% elsif page.title %}
{% elsif layout.subheading %}
{{ layout.subheading }}
{% endif %}
</h3>
{% endif %}
{% if page.include_divider %}
{% include page_divider.html %}
{% endif %}
</div>
<div class=" ui basic segment" style="font-size: 1.3rem;">
{{ content }}
</div>
</div>
</div>
</content>

43
_layouts/post.html
View file

@ -20,49 +20,6 @@ subheading: "Announcements and things we'd like to share"
</div>
</div>
{% if site.social_sharing == true %}
<section class="share">
<span>Share: </span>
{% for social in site.social %}
{% capture full_url %}{{ site.url }}{{ site.base_url }}{{ page.url }}{% endcapture %}
{% if social.name == "Twitter" and social.share == true %}
<a href="//twitter.com/share?text={{ page.title | cgi_escape }}&url={{ full_url }}&via={{social.username}}"
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% if social.name == "Facebook" and social.share == true %}
<a href="//www.facebook.com/sharer.php?t={{ page.title | cgi_escape }}&u={{ full_url }}"
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% if social.name == "Google+" and social.share == true %}
<a href="//plus.google.com/share?title={{ page.title | cgi_escape }}&url={{ full_url }}"
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% if social.name == "LinkedIn" and social.share == true %}
<a href="//www.linkedin.com/shareArticle?mini=true&url={{ full_url }}"
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% if social.name == "Pinterest" and social.share == true %}
<a href="//www.pinterest.com/pin/create/button/?description={{ page.title | cgi_escape }}&url={{ full_url }}&media={{ site.url }}{% if page.cover %}{{ page.cover | prepend: site.base_url }}{% elsif site.cover %}{{ site.cover | prepend: site.base_url }}{% else %}{{ site.logo | prepend: site.base_url }}{% endif %}"
onclick="window.open(this.href, '{{ social.icon }}-share', 'width=550,height=255');return false;">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% if social.name == "Reddit" and social.share == true %}
<a href="//www.reddit.com/submit" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent('{{ full_url }}') + '&title={{page.title}}'; return false">
<i class="fa fa-{{ social.icon | remove_first: '-square' }}-square fa-lg"></i>
</a>
{% endif %}
{% endfor %}
</section>
{% endif %}
{% if site.inter_post_navigation == true %}
<section class="post-navigation">
<span class="prev-post">

15
_plugins/podcast_helper.rb Normal file
View file

@ -0,0 +1,15 @@
module Jekyll
module PodcastHelper
# Format of a title:
# #001 - Some sweet title
def grab_episode_number(full_title)
full_title[0..4]
end
def grab_title_only(full_title)
full_title[7..-1]
end
end
end
Liquid::Template.register_filter(Jekyll::PodcastHelper)

32
_sass/_community.scss
View file

@ -1,35 +1,3 @@
.community-snippet {
p{
margin: 0;
}
h2{
margin: 0;
}
a {
color: $white !important;
}
}
.community-snippet .ui.mobile.only{
p{
padding: 2px 0;
}
h2{
padding: 5px 0 25px 0;
}
}
.community-snippet .ui.divider {
color: $primary;
margin: 0 14%;
border-top: solid !important;
}
.community-snippet .ui.basic.segment {
margin: 0 !important;
padding: 0 !important;
}
.community-hub .ui.button {
width: 100%;
border-radius: 92px;

74
_sass/_floating_button.scss
View file

@ -1,74 +0,0 @@
#floating-button {
position: fixed;
top: 25px;
right: 25px;
box-shadow: 1px 2px 3px 1px #718399;
background-color: $discreet;
// width: 64px; DEFINED BELOW!
padding: 5px;
border-radius: 32px;
// alt:
// width: 4.6em;
// padding: 0.4em;
// border-radius: 10em;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: 1;
.spacer {
height: 10px;
}
}
#floating-button.visible {
opacity: 1;
}
/*
// Semantic UI has these classes, however they're only applicable to
// grids, containers, rows and columns.
// plus, there isn't any `mobile hidden`, `X hidden` class.
// this snippet is using the same class names and same approach
// plus a bit more but to all elements.
//
// see https://github.com/Semantic-Org/Semantic-UI/issues/1114
*/
/* Mobile */
@media only screen and (max-width: 767px) {
#floating-button {
width: 51px;
top: 10px;
right: 10px;
}
}
/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
#floating-button {
width: 59px;
}
}
/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#floating-button {
width: 64px;
}
}
/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
#floating-button {
width: 64px;
}
}
/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
#floating-button {
width: 64px;
}
}

16
_sass/_global.scss
View file

@ -31,10 +31,6 @@ p a:hover {
display: flex;
align-items: center;
}
.ui.segment.snippet {
background-color: $background_bar;
color: $white
}
.ui.text.container {
max-width: 850px !important;
@ -118,3 +114,15 @@ body > .content, .pusher > .content {
.margin-0-auto {
margin: 0 auto;
}
blockquote {
background: #f9f9f9;
border-left: 5px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote p {
display: inline;
}

60
_sass/_header.scss
View file

@ -1,60 +0,0 @@
.sidebar-icon {
color: $white !important;
}
#menubar {
width: 100%;
background-color: $background_bar;
margin: 0;
border-radius: 0;
z-index: 10;
&-computer{
a {
text-transform: uppercase;
span{
margin-right: 8px;
}
}
}
}
#sidebar {
.item {
text-transform: uppercase;
}
}
#menubar.home {
background-color: transparent;
position: absolute;
top: 0;
&.mobile {
background-color: transparent !important;
position: absolute !important;
top: 0 !important;
}
}
// no js version
@media only screen and (max-width: 767px) {
#menubar.home {
background-color: $fill_medium !important;
position: relative;
}
#menubar .right.menu a.item {
text-align: right !important;
}
}
#menubar-mobile {
display: none;
&.activated {
display: block;
}
}
#menubar-computer.deactivated {
display: none;
}

2
_sass/_post.scss
View file

@ -64,7 +64,7 @@
}
.markdownpage {
#influences {
#funding-cards {
font-size: 0.8em;
}

51
_sass/new/about-short.scss Normal file
View file

@ -0,0 +1,51 @@
content .about-short{
color: black;
height: 25vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns:1fr 1fr;
grid-row: 0;
grid-column: 1/4;
align-items: center;
}
content .about-short h1{
justify-self: end;
font-size: 2.5rem;
padding-right: 9rem;
width: 500px;
}
content .about-short p{
justify-self: start;
font-size: 1.1rem;
opacity: 0.5;
padding-left: 5rem;
width: 500px;
}
@media (max-width: 1318px){
content .about-short{
height: 95vh;
grid-template-columns: 1fr;
text-align: center;
}
content .about-short h1{
padding-right: 0rem;
justify-self: center;
width: 100%;
}
content .about-short p{
grid-row: 2;
justify-self: center;
font-size: 1.1rem;
opacity: 0.5;
padding-left: 0rem;
width: 100%;
margin-top: -19rem;
}
}

118
_sass/new/cast.scss Normal file
View file

@ -0,0 +1,118 @@
content .cast{
color: black;
height: 105vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns:1fr 1fr;
grid-row: 0;
grid-column: 1/4;
align-items: center;
justify-self: center;
margin-top: -100px;
}
content .cast .c-l{
padding-right: 5rem;
align-items: center;
justify-self: end;
}
content .cast .c-l a{
background-color: white;
border-radius: 3px;
padding: 1rem;
padding-right: 5rem;
box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.00);
display: flex;
position: relative;
z-index: 2;
margin-top: 0.5rem;
transition: all .3s ease-in-out;
text-decoration: none;
color: black;
transform: scale(0.9);
z-index: 1;
}
content .cast .c-l a:hover{
transform: scale(1.0);
box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
z-index: 2;
}
content .cast .c-l a div{
padding-top: 1.5rem;
padding-left: 2rem;
}
content .cast .c-l a img{
width: 100px;
height: 100px;
}
content .cast .c-l a div p{
padding-top: 0.5rem;
opacity: 0.5;
}
content .cast .c-l img{
}
content .cast .c-r{
padding-left: 5rem;
}
content .cast .c-r h1{
font-size: 3rem;
width: 450px;
padding-bottom: 2rem;
}
content .cast .c-r p{
font-size: 1.1rem;
padding-top: 1rem;
width: 350px;
opacity: 0.5;
}
@media (max-width: 1318px) {
content .cast{
grid-template-columns:1fr;
margin-top: -100px;
height: 155vh;
}
content .cast .c-l{
grid-row: 2;
padding-right: 0rem;
align-items: center;
justify-self: center;
}
content .cast .c-l a div{
padding-top: 0rem;
}
content .cast .c-r{
padding-left: 0rem;
align-items: center;
justify-self: center;
text-align: center;
}
content .cast .c-r h1{
font-size: 3rem;
width: 100%;
padding-bottom: 2rem;
}
content .cast .c-r p{
font-size: 1.1rem;
padding-top: 1rem;
width: 100%;
opacity: 0.5;
}
}

57
_sass/new/features.scss Normal file
View file

@ -0,0 +1,57 @@
.features{
color: black;
height: 55vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-row: 0;
grid-column: 1/4;
align-items: center;
justify-self: center;
}
.features div{
width: 450px;
}
.features div img{
width: 2rem;
}
.features div div{
padding-top: 1rem;
}
.features div div span{
font-size: 1.5rem;
font-weight: bold;
}
.features div div p{
font-size: 1.1rem;
padding-top: 1rem;
width: 350px;
opacity: 0.5;
}
@media (max-width: 1318px){
.features{
height: 125vh;
grid-template-columns: 1fr;
grid-column: 1/3;
}
.features div{
width: 100%;
padding-top: 2rem;
}
.features div{
text-align: center;
}
.features div div p{
width: 100%;
}
}

126
_sass/new/footer.scss Normal file
View file

@ -0,0 +1,126 @@
footer{
color: white;
height: 45vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr;
grid-row: 0;
grid-column: 2/4;
align-items: center;
}
footer .vhidden {
visibility: hidden;
}
.f-bg{
grid-row: 0;
grid-column: span 5;
background-color: black;
background-image: url(/assets/img/f-bg.png);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
footer a{
color: white;
text-decoration: none;
opacity: 0.5;
transition:.5s;
}
footer a:hover{
opacity: 1;
text-decoration: none;
}
footer div{
}
footer .list{
display: flex;
align-items: center;
justify-self: center;
}
footer .list ul{
padding: 6rem 3rem 0 3rem;
}
footer .list ul span{
font-size: 1.5rem;
font-weight: bold;
}
footer .list ul li{
padding-top: 1rem;
list-style-type: none;
}
footer .list ul li a{
color: white;
text-decoration: none;
opacity: 0.5;
transition:.5s;
}
footer .list ul li a:hover{
opacity: 1;
text-decoration: none;
}
footer .legal{
grid-row: 2;
align-self: end;
justify-self: end;
padding-bottom: 3rem;
padding-right: 5rem;
}
footer .legal ul{
display: flex;
}
footer .legal ul li{
padding-left: 2rem;
list-style-type: none;
}
@media (max-width: 1318px) {
footer{
height: 45vh;
border-top-style: solid;
border-top-width: 8rem;
}
footer .list ul{
padding-top: 2rem;
padding-left: 6rem;
}
footer .legal{
padding-top: 3rem;
}
footer .list ul{
padding-left: 0rem;
padding-right: 3rem;
}
.f-bg{
background-image: none;
}
footer .list{
display: block;
align-items: center;
justify-self: center;
}
}

266
_sass/new/header.scss Normal file
View file

@ -0,0 +1,266 @@
header{
color: white;
height: 90vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr 1fr;
grid-row: 2;
grid-column: 2/4;
align-items: center;
}
.h-bg{
grid-row: 2;
grid-column: span 5;
background-color: black;
background-image: url(/assets/img/h-bg.png);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
header .h-l{
width: 90%;
grid-column: 1/2;
justify-self: end;
}
header .h-l-i{
}
header .h-l-i img{
width: 100%;
height: auto;
}
header .h-l-v{
position: relative;
padding-bottom: 2rem;
}
header .h-l-v button{
width: 100px;
height: 100px;
color: white;
background-color: #05ce78;
border: 0;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out;
}
header .h-l-v button:hover{
box-shadow: 2px 2px 30px #05ce77af;
}
header .h-l-v button img {
width: 40%;
height: auto;
padding-top: 0.1rem;
padding-left: 0.4rem;
}
header .h-l-v video{
width: 95%;
height: auto;
border: 0;
border-radius: 10px 10px 10px;
font-variant-caps: all-petite-caps;
cursor: pointer;
}
header .h-l div{
padding-top: 1rem;
}
header .h-l span{
font-size: 1.1rem;
opacity: 0.5;
}
header .h-l ul{
display: flex;
list-style-type: none;
padding-top: 2rem;
padding-right: 5.5rem;
}
header .h-l ul li{
padding-right: 4vh;
}
header .h-l ul li img{
width: 90%;
height: auto;
}
header .h-r{
grid-column: 2/3;
align-items: center;
padding-bottom: 8vh;
padding-left: 10rem;
}
header .h-r span{
opacity: 0.5;
font-size: 1.4rem;
}
header .h-r h1{
max-width: 10px;
font-size: 8rem;
line-height: 1;
padding-top: 2rem;
padding-bottom: 2rem;
}
header .h-r p{
max-width: 470px;
font-size: 1.2rem;
font-weight: 300;
opacity: 0.5;
padding-bottom: 2.5rem;
}
header .h-r ul{
display: inline-flex;
list-style-type: none;
}
header .h-r ul li{
text-align: center;
padding-right: 2rem;
}
header .h-r ul li span{
font-size: 2rem;
font-weight: 500;
opacity: 1;
}
header .h-r ul li p{
opacity: 0.5;
}
header .h-r div{
display: flex;
padding-top: 1rem;
}
header .h-r div button{
color: white;
background-color: #FF5700;
display: flex;
border: 0;
padding: 10px 25px;
border-radius: 0 10px 10px;
font-variant-caps: all-petite-caps;
cursor: pointer;
transition: all .3s ease-in-out;
}
header .h-r div button:hover{
transform: scale(1.1);
box-shadow: 2px 2px 30px #FF5700;
}
header .h-r div button img{
width: 20px;
height: auto;
}
header .h-r div button span{
font-size: 1rem;
padding-left: 1rem;
opacity: 1;
}
header .h-r div span{
font-size: 1rem;
align-self: center;
padding-left: 1rem;
}
header .h-r div span a{
color: white;
padding-left: 1rem;
opacity: 0.8;
transition: .5s;
}
header .h-r div a:hover{
opacity: 1;
}
@media (max-width: 1318px){
header{
height: 170vh;
grid-template-columns: 1fr;
}
header .h-l{
width: 90%;
grid-column: 1/2;
justify-self: center;
}
header .h-l{
width: 90%;
grid-column: 1/2;
grid-row: 2;
justify-self: end;
}
header .h-r{
grid-column: 1/2;
grid-row: 1;
align-items: center;
padding-bottom: 8vh;
padding-left: 0rem;
text-align: center;
}
header .h-r span{
opacity: 0.5;
font-size: 1.4rem;
}
header .h-r h1{
max-width: 100%;
font-size: 4rem;
line-height: 1;
padding-top: 2rem;
padding-bottom: 2rem;
}
header .h-r p{
max-width: 100%;
font-size: 1.2rem;
font-weight: 300;
opacity: 0.5;
padding-bottom: 2.5rem;
}
header .h-r div button{
margin-bottom: 1.5rem;
}
header .h-r div {
display: inline-block;
}
header .h-l ul li img{
width: 150%;
height: auto;
}
header .h-r div span{
margin-right: 1.4rem;
}
}

71
_sass/new/map.scss Normal file
View file

@ -0,0 +1,71 @@
content > .map{
color: black;
height: 55vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns:1fr 1fr;
grid-row: 0;
grid-column: 1/4;
align-items: center;
justify-self: center;
}
content .map .m-l{
align-items: center;
justify-self: end;
}
content .map .m-l img{
width: 90%;
height: auto;
}
content .map .m-r{
padding-left: 5rem;
}
content .map .m-r h1{
font-size: 3rem;
width: 450px;
padding-bottom: 2rem;
}
content .map .m-r p{
font-size: 1.1rem;
width: 450px;
opacity: 0.5;
padding-bottom: 2rem;
}
@media (max-width: 1318px){
content .map{
height: 125vh;
grid-template-columns:1fr;
}
content .map .m-l{
align-items: center;
justify-self: center;
}
content .map .m-l img{
width: 100%;
height: auto;
}
content .map .m-r{
grid-row: 2;
padding-left: 0rem;
}
content .map .m-r h1{
width: 100%;
text-align: center;
}
content .map .m-r p{
width: 100%;
text-align: center;
}
}

79
_sass/new/nav.scss Normal file
View file

@ -0,0 +1,79 @@
nav{
color: white;
height: auto;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr 1fr;
grid-row: 1;
grid-column: 2/4;
padding-top: 5.5vh;
padding-bottom: 5.5vh;
align-self: center;
}
nav a{
color: white;
text-decoration: none;
opacity: 1;
transition:.5s;
}
nav a:hover{
opacity: 0.5;
text-decoration: none;
}
nav a div{
display: flex;
justify-self: start;
}
nav div img{
width: 2.5rem;
padding-right: 1rem;
margin-top: -3px;
}
nav div p span{
opacity: 0.5;
}
nav ul{
display: flex;
justify-self: end;
}
nav li{
list-style-type: none;
padding-left: 5vh;
}
nav ul li a{
color: white;
opacity: 0.5;
text-decoration: none;
transition:.5s;
}
nav ul li a:hover{
opacity: 1;
text-decoration: none;
}
@media (max-width: 1318px){
nav{
grid-column: 1/4;
}
nav a{
padding-right: 1vh;
margin-left: 2vh;
}
nav li{
list-style-type: none;
padding-left: 0;
padding-right: 0.5vh;
}
}

127
_sass/new/overview.scss Normal file
View file

@ -0,0 +1,127 @@
content .overview{
color: black;
height: 70vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns:1fr 1fr;
grid-row: 0;
grid-column: 1/4;
align-items: center;
justify-self: center;
}
content .overview .o-l{
padding-right: 6rem;
justify-self: end;
}
content .overview .o-l h1{
font-size: 2.5rem;
width: 580px;
padding-bottom: 2rem;
}
content .overview .o-l p{
font-size: 1.1rem;
width: 450px;
opacity: 0.5;
padding-bottom: 2rem;
}
content .overview .o-r{
color: black;
height: 55vh;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr 1fr;
grid-row: 0;
grid-column: 2/4;
align-items: center;
justify-self: end;
}
content .overview .o-r .left div{
width: 450px;
padding-bottom: 2rem;
}
content .overview .o-r .right div{
width: 450px;
padding-bottom: 2rem;
}
content .overview .o-r div img{
width: 2rem;
}
content .overview .o-r div div{
padding-top: 1rem;
}
content .overview .o-r div div span{
font-size: 1.5rem;
font-weight: bold;
}
content .overview .o-r div div p{
font-size: 1.1rem;
padding-top: 1rem;
width: 350px;
opacity: 0.5;
}
@media (max-width: 1318px) {
content .overview{
height: 170vh;
grid-template-columns:1fr;
grid-column: 2/4;
padding-top: 5rem;
}
content .overview .o-l{
padding-right: 0rem;
text-align: center;
}
content .overview .o-l h1{
font-size: 2.5rem;
width: 100%;
padding-bottom: 2rem;
}
content .overview .o-l p{
font-size: 1.1rem;
width: 100%;
opacity: 0.5;
padding-bottom: 2rem;
}
content .overview .o-r {
height: 95vh;
grid-template-columns: 1fr;
grid-column: 1/5;
align-items: center;
justify-self: start;
padding-left: 0rem;
}
content .overview .o-r div div {
padding-top: 1rem;
text-align: center;
}
content .overview .o-r div div p{
width: 100%;
}
content .overview .o-r .left div{
width: 100%;
}
content .overview .o-r .right div{
width: 100%;
}
}

35
_sass/new/page.scss Normal file
View file

@ -0,0 +1,35 @@
* {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
height: 0vh;
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 5vh 1fr 1fr 5vh;
background-color: black;
overflow-x: hidden;
}
content{
height: auto;
display: grid;
grid-auto-columns: auto;
grid-template-columns: 1fr;
grid-row: auto;
grid-column: span 5;
background-color: white;
}
::selection {
background-color: #396bf5;
}
@media (max-width: 1318px) {
body{
grid-template-columns: 1fr;
}
}

13
assets/css/legacy.scss Normal file
View file

@ -0,0 +1,13 @@
---
---
@import "variables.scss";
@import "semantic_fixes.scss";
@import "community.scss";
@import "global.scss";
@import "post.scss";
@import "contact.scss";
@import "button.scss";
@import "our-values.scss";
@import "newsletter.scss";
@import "jobs.scss";

24
assets/css/main.scss
View file

@ -1,18 +1,12 @@
---
---
@import "variables.scss";
@import "semantic_fixes.scss";
@import "community.scss";
@import "footer.scss";
@import "global.scss";
@import "header.scss";
@import "post.scss";
@import "contact.scss";
@import "homepage.scss";
@import "button.scss";
@import "floating_button.scss";
@import "our-values.scss";
@import "newsletter.scss";
@import "jobs.scss";
@import "new/page";
@import "new/nav";
@import "new/header";
@import "new/features";
@import "new/map";
@import "new/overview";
@import "new/about-short";
@import "new/cast";
@import "new/footer";

1
assets/icons/community.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 2790" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" fill="#396bf5"><path d="M3333 966v778c0 71-13 137-38 198s-63 117-113 167c-22 22-45 41-69 58-25 18-50 32-75 45-1 1-3 1-4 2-33 15-67 27-103 34-37 8-75 12-114 12h-244c5 16 10 31 15 47 15 43 32 86 51 128v1c17 39 40 77 68 114 29 38 65 76 107 113 30 27 33 73 6 103-19 21-47 29-73 22-90-23-176-53-256-88s-156-76-228-123c-71-46-137-99-199-156-52-49-101-102-146-160h-257c-48 0-94-6-139-18-44-12-86-30-126-54-34-21-45-66-25-100 21-34 66-45 100-25 27 17 57 29 89 38 31 9 65 13 101 13h292c22 0 44 10 58 29 46 61 97 118 152 170s115 98 179 140c61 40 127 76 197 107-13-22-25-45-35-68-20-45-38-91-55-140-16-46-30-94-43-142-3-8-4-16-4-25 0-40 33-73 73-73h341c29 0 57-3 84-9 25-5 49-13 71-24 1-1 2-1 3-2 19-9 37-20 54-31 17-12 34-27 50-43 36-36 63-76 81-119s27-91 27-143V964c0-52-9-100-27-143s-45-83-81-119-76-63-119-81-91-27-143-27h-361c-40 0-73-33-73-73s33-73 73-73h361c70 0 136 13 198 38 61 25 117 63 167 113s88 106 113 167 38 127 38 198zM1313 146H516c-52 0-100 9-143 27s-83 45-119 81-63 76-81 119-27 91-27 143v778c0 52 9 100 27 143s45 83 81 119c37 36 77 64 120 81 43 18 90 27 142 27h342c40 0 73 33 73 73 0 9-2 17-4 25-13 48-27 96-43 142-17 49-35 95-55 140-10 23-22 45-35 68 70-31 136-67 197-107 64-42 124-89 179-140 56-52 106-109 152-170 14-19 36-29 58-29h294c52 0 99-9 142-27s83-45 120-81c36-36 63-76 81-119s27-91 27-143V518c0-52-9-100-27-143s-45-83-81-119-76-63-119-81-91-27-143-27h-361zM877 0h797c70 0 136 13 198 38 61 25 117 63 167 113s88 106 113 167 38 127 38 198v778c0 71-13 137-38 198s-63 117-113 167-106 87-167 113c-61 25-127 38-198 38h-258c-45 57-94 111-146 160-62 58-128 110-199 156-71 47-147 88-228 123-80 35-166 64-256 88-26 7-54-1-73-22-27-30-24-76 6-103 42-37 78-75 107-113 28-37 51-75 68-114v-1c19-42 36-85 51-128 5-15 10-31 15-47H515c-70 0-136-13-198-38-61-25-117-63-167-113s-88-106-113-167c-25-62-38-128-38-198V515c0-70 13-136 38-198 25-61 63-117 113-167S256 62 317 37 444-1 515-1h361z" fill-rule="nonzero"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

37
assets/icons/kickstarter.svg Normal file
View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 200 228"
height="228"
width="200"
xml:space="preserve"
id="svg2"
version="1.1"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
id="clipPath20"
clipPathUnits="userSpaceOnUse"><path
id="path18"
d="m 1226.38,862.832 153.98,152.958 c 159.52,158.46 159.52,416.53 0,574.98 -159.51,158.45 -419.317,158.45 -578.833,0 l -56.066,-55.7 C 671.23,1640.97 548.828,1710 409.055,1710 183.207,1710 0,1528.02 0,1303.68 V 422.777 C 0,198.434 183.207,16.4531 409.055,16.4531 c 139.773,0 262.175,69.0274 336.406,174.9219 l 56.066,-55.691 c 159.516,-158.4535 419.323,-158.4535 578.833,0 159.52,158.449 159.52,416.523 0,574.972 z" /></clipPath><clipPath
id="clipPath26"
clipPathUnits="userSpaceOnUse"><path
id="path24"
d="M 0,0 H 1500 V 1710 H 0 Z" /></clipPath></defs><g
transform="matrix(1.3333333,0,0,-1.3333333,0,228)"
id="g10"><g
transform="scale(0.1)"
id="g12"><g
id="g14"><g
clip-path="url(#clipPath20)"
id="g16"><g
clip-path="url(#clipPath26)"
id="g22"><path
id="path28"
style="fill: white;fill-opacity:1;fill-rule:nonzero;stroke:none"
d="M 0,0 H 1650 V 1860 H 0 Z" /></g></g></g></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

1
assets/icons/lock.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2560 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" fill="#396bf5"><path d="M237 1240h78v-237c0-275 108-525 282-707C772 113 1014 0 1280 0s508 113 683 296c174 182 282 432 282 707v237h78c65 0 124 27 167 69 43 43 69 102 69 167v1620c0 65-27 124-69 167-43 43-102 69-167 69H236c-65 0-124-27-167-69-43-43-69-102-69-167V1476c0-65 27-124 69-167 43-43 102-69 167-69zm957 1128l-114 298h400l-105-302c67-34 113-104 113-185 0-115-93-207-207-207-115 0-207 93-207 207 0 84 50 156 121 189zM482 1240h1597v-237c0-231-90-440-236-592-145-151-344-245-563-245s-418 94-563 245c-145 152-236 361-236 592v237zm1842 166H237c-19 0-37 8-49 21-13 13-21 30-21 49v1620c0 19 8 37 21 49 13 13 30 21 49 21h2087c19 0 37-8 49-21 13-13 21-30 21-49V1476c0-19-8-37-21-49-13-13-30-21-49-21z" fill-rule="nonzero"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 936 B

112
assets/icons/logo.svg Normal file
View file

@ -0,0 +1,112 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="829px"
height="283.465px" viewBox="0 0 829 283.465" enable-background="new 0 0 829 283.465" xml:space="preserve">
<g id="White_Background">
</g>
<g id="Main">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="90.6387" y1="71.9136" x2="90.6387" y2="185.9565">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M116.195,89.078l-10.001-17.164
c-24.583,14.355-41.111,41-41.111,71.518c0,15.551,4.296,30.094,11.754,42.525l17.046-10.207c-5.667-9.445-8.933-20.5-8.933-32.318
C84.95,120.236,97.512,99.988,116.195,89.078z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="168.501" y1="160.6343" x2="168.501" y2="226.229">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_2_)" d="M208.36,160.634
c-8.904,31.428-40.693,51.115-73.195,44.418c-5.87-1.211-11.368-3.217-16.431-5.857l-9.199,17.607
c6.662,3.477,13.896,6.117,21.62,7.707c42.764,8.813,84.598-17.092,96.312-58.443L208.36,160.634z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="128.6436" y1="107.9019" x2="128.6436" y2="195.0073">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_3_)" d="M157.846,181.341
c-3.188,0.838-6.533,1.287-9.983,1.287c-21.647,0-39.195-17.551-39.195-39.197c0-10.469,4.112-19.971,10.799-27.002l-8.968-8.527
c-8.799,9.251-14.21,21.755-14.21,35.529c0,28.482,23.089,51.576,51.574,51.576c4.54,0,8.941-0.592,13.136-1.695L157.846,181.341z"
/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="147.8633" y1="15.8726" x2="147.8633" y2="270.9917">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_4_)" d="M147.863,240.376c-53.539,0-96.943-43.404-96.943-96.945
s43.404-96.945,96.943-96.945c53.542,0,96.945,43.404,96.945,96.945S201.405,240.376,147.863,240.376L147.863,240.376z
M275.422,143.431c0-70.449-57.111-127.559-127.56-127.559c-70.448,0-127.559,57.109-127.559,127.559
c0,70.447,57.111,127.561,127.559,127.561C218.311,270.992,275.422,213.878,275.422,143.431z"/>
<g>
<g>
<path d="M351.27,183.237c6.825,4.2,16.8,7.7,27.3,7.7c15.576,0,24.676-8.226,24.676-20.125c0-11.025-6.3-17.325-22.226-23.45
c-19.25-6.825-31.15-16.8-31.15-33.426c0-18.375,15.225-32.025,38.15-32.025c12.075,0,20.826,2.8,26.076,5.775l-4.2,12.425
c-3.85-2.1-11.725-5.6-22.4-5.6c-16.1,0-22.226,9.625-22.226,17.675c0,11.025,7.175,16.45,23.451,22.75
c19.95,7.7,30.101,17.325,30.101,34.65c0,18.201-13.475,33.951-41.301,33.951c-11.375,0-23.8-3.326-30.101-7.525L351.27,183.237z
"/>
<path d="M486.544,201.788l-1.225-10.676h-0.525c-4.725,6.65-13.825,12.6-25.9,12.6c-17.15,0-25.9-12.074-25.9-24.325
c0-20.476,18.2-31.676,50.926-31.5v-1.75c0-7-1.925-19.601-19.25-19.601c-7.875,0-16.101,2.45-22.05,6.3l-3.5-10.15
c7-4.55,17.15-7.525,27.826-7.525c25.9,0,32.201,17.675,32.201,34.65v31.676c0,7.35,0.35,14.525,1.4,20.301H486.544z
M484.269,158.562c-16.8-0.35-35.875,2.625-35.875,19.075c0,9.975,6.65,14.7,14.525,14.7c11.025,0,18.025-7,20.475-14.175
c0.525-1.575,0.875-3.325,0.875-4.9V158.562z"/>
<path d="M525.567,201.788v-72.977h-11.9v-11.726h11.9v-4.55c0-22.4,13.125-36.926,36.926-36.926c7.875,0,17.15,2.45,21.525,5.6
l-4.375,11.725c-3.675-2.625-10.325-4.9-17.851-4.9c-16.275,0-21,11.375-21,24.851v4.2h49.176v84.702h-15.226v-72.977h-33.95
v72.977H525.567z"/>
<path d="M615.516,140.011c0-8.75-0.175-15.925-0.7-22.926h13.65l0.875,14h0.35c4.2-8.05,14-15.925,28-15.925
c11.725,0,29.925,7,29.925,36.051v50.576h-15.4v-48.826c0-13.65-5.075-25.025-19.6-25.025c-10.15,0-18.025,7.175-20.65,15.75
c-0.7,1.925-1.05,4.55-1.05,7.175v50.926h-15.4V140.011z"/>
<path d="M785.616,117.085c-0.35,6.125-0.7,12.95-0.7,23.275v49.177c0,19.424-3.85,31.324-12.075,38.676
c-8.225,7.699-20.125,10.148-30.8,10.148c-10.15,0-21.351-2.449-28.175-7l3.85-11.725c5.6,3.5,14.351,6.65,24.851,6.65
c15.75,0,27.301-8.225,27.301-29.576v-9.449h-0.35c-4.725,7.875-13.825,14.176-26.951,14.176c-21,0-36.051-17.852-36.051-41.302
c0-28.7,18.726-44.976,38.151-44.976c14.7,0,22.75,7.7,26.425,14.7h0.35l0.7-12.775H785.616z M769.69,150.511
c0-2.625-0.175-4.9-0.875-7c-2.8-8.925-10.325-16.275-21.525-16.275c-14.7,0-25.2,12.425-25.2,32.025
c0,16.625,8.4,30.45,25.025,30.45c9.45,0,18.025-5.949,21.35-15.75c0.875-2.625,1.225-5.6,1.225-8.225V150.511z"/>
</g>
<g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="75.6099" x2="566.5178" y2="238.3618">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill="url(#SVGID_5_)" d="M351.27,183.237c6.825,4.2,16.8,7.7,27.3,7.7c15.576,0,24.676-8.226,24.676-20.125
c0-11.025-6.3-17.325-22.226-23.45c-19.25-6.825-31.15-16.8-31.15-33.426c0-18.375,15.225-32.025,38.15-32.025
c12.075,0,20.826,2.8,26.076,5.775l-4.2,12.425c-3.85-2.1-11.725-5.6-22.4-5.6c-16.1,0-22.226,9.625-22.226,17.675
c0,11.025,7.175,16.45,23.451,22.75c19.95,7.7,30.101,17.325,30.101,34.65c0,18.201-13.475,33.951-41.301,33.951
c-11.375,0-23.8-3.326-30.101-7.525L351.27,183.237z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="75.6099" x2="566.5178" y2="238.3618">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill="url(#SVGID_6_)" d="M486.544,201.788l-1.225-10.676h-0.525c-4.725,6.65-13.825,12.6-25.9,12.6
c-17.15,0-25.9-12.074-25.9-24.325c0-20.476,18.2-31.676,50.926-31.5v-1.75c0-7-1.925-19.601-19.25-19.601
c-7.875,0-16.101,2.45-22.05,6.3l-3.5-10.15c7-4.55,17.15-7.525,27.826-7.525c25.9,0,32.201,17.675,32.201,34.65v31.676
c0,7.35,0.35,14.525,1.4,20.301H486.544z M484.269,158.562c-16.8-0.35-35.875,2.625-35.875,19.075c0,9.975,6.65,14.7,14.525,14.7
c11.025,0,18.025-7,20.475-14.175c0.525-1.575,0.875-3.325,0.875-4.9V158.562z"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="75.6099" x2="566.5178" y2="238.3618">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill="url(#SVGID_7_)" d="M525.567,201.788v-72.977h-11.9v-11.726h11.9v-4.55c0-22.4,13.125-36.926,36.926-36.926
c7.875,0,17.15,2.45,21.525,5.6l-4.375,11.725c-3.675-2.625-10.325-4.9-17.851-4.9c-16.275,0-21,11.375-21,24.851v4.2h49.176
v84.702h-15.226v-72.977h-33.95v72.977H525.567z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="75.6099" x2="566.5178" y2="238.3618">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill="url(#SVGID_8_)" d="M615.516,140.011c0-8.75-0.175-15.925-0.7-22.926h13.65l0.875,14h0.35
c4.2-8.05,14-15.925,28-15.925c11.725,0,29.925,7,29.925,36.051v50.576h-15.4v-48.826c0-13.65-5.075-25.025-19.6-25.025
c-10.15,0-18.025,7.175-20.65,15.75c-0.7,1.925-1.05,4.55-1.05,7.175v50.926h-15.4V140.011z"/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="75.6099" x2="566.5178" y2="238.3618">
<stop offset="0" style="stop-color:#D9D9D9"/>
<stop offset="1" style="stop-color:#C6C6C5"/>
</linearGradient>
<path fill="url(#SVGID_9_)" d="M785.616,117.085c-0.35,6.125-0.7,12.95-0.7,23.275v49.177c0,19.424-3.85,31.324-12.075,38.676
c-8.225,7.699-20.125,10.148-30.8,10.148c-10.15,0-21.351-2.449-28.175-7l3.85-11.725c5.6,3.5,14.351,6.65,24.851,6.65
c15.75,0,27.301-8.225,27.301-29.576v-9.449h-0.35c-4.725,7.875-13.825,14.176-26.951,14.176c-21,0-36.051-17.852-36.051-41.302
c0-28.7,18.726-44.976,38.151-44.976c14.7,0,22.75,7.7,26.425,14.7h0.35l0.7-12.775H785.616z M769.69,150.511
c0-2.625-0.175-4.9-0.875-7c-2.8-8.925-10.325-16.275-21.525-16.275c-14.7,0-25.2,12.425-25.2,32.025
c0,16.625,8.4,30.45,25.025,30.45c9.45,0,18.025-5.949,21.35-15.75c0.875-2.625,1.225-5.6,1.225-8.225V150.511z"/>
</g>
</g>
</g>
<g id="Helpers" display="none">
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 8.7 KiB

1
assets/icons/play.svg Normal file
View file

@ -0,0 +1 @@
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="fill: white;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M405.2,232.9L126.8,67.2c-3.4-2-6.9-3.2-10.9-3.2c-10.9,0-19.8,9-19.8,20H96v344h0.1c0,11,8.9,20,19.8,20 c4.1,0,7.5-1.4,11.2-3.4l278.1-165.5c6.6-5.5,10.8-13.8,10.8-23.1C416,246.7,411.8,238.5,405.2,232.9z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 544 B

1
assets/icons/shield.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3033 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" fill="#396bf5"><path d="M1511 0c566 358 1076 528 1515 488 77 1549-495 2464-1509 2845C538 2976-41 2100 2 464c515 27 1020-84 1509-464zm12 530c386 244 734 360 1033 333 52 1056-338 1680-1029 1940-4-2-9-3-13-5V537l9-7zm-12-339c501 317 953 467 1341 432 68 1371-439 2181-1336 2519C650 2826 137 2051 175 603c456 24 903-75 1336-411z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 543 B

BIN
assets/img/box.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 48 KiB

0
assets/img/esa-bic_austria.eps → assets/img/external-logos/esa-bic_austria.eps
View file

0
assets/img/esa-bic_austria.svg → assets/img/external-logos/esa-bic_austria.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

BIN
assets/img/external-logos/esa.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
assets/img/external-logos/excellence.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
assets/img/external-logos/ffg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

0
assets/img/netidee.png → assets/img/external-logos/netidee.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

BIN
assets/img/external-logos/netidee_small.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
assets/img/f-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
assets/img/gate17.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 127 KiB

BIN
assets/img/h-bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 330 KiB

BIN
assets/img/landscape.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1 MiB

BIN
assets/img/landscape_footer.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 103 KiB

BIN
assets/img/licence_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/img/lighthouse.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 445 KiB

BIN
assets/img/lighthouse_mobile.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 224 KiB

BIN
assets/img/logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
assets/img/logo_v3_light.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
assets/img/map.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
assets/img/message_in_a_bottle.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 78 KiB

BIN
assets/img/old/_logo_name.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
assets/img/old/_logo_name_70h.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 7.9 KiB

BIN
assets/img/old/logo_name_70h_reduced.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.6 KiB

BIN
assets/img/podcast.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

52
assets/img/tour/level_dynamic.svg
View file

@ -1,52 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
<g id="BG" display="none">
</g>
<g id="Raster">
</g>
<g id="Ebene_1">
<g opacity="0.8">
<defs>
<path id="SVGID_4_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
h418v418H1079z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_4_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
</g>
<g>
<path fill="#00BF84" d="M481,251.129c60.867,0,118.09,23.703,161.129,66.742c43.039,43.04,66.742,100.263,66.742,161.129
c0,60.866-23.703,118.09-66.742,161.13C599.09,683.169,541.867,706.871,481,706.871c-60.866,0-118.09-23.702-161.129-66.741
c-43.04-43.04-66.742-100.263-66.742-161.13s23.702-118.09,66.742-161.129C362.91,274.832,420.134,251.129,481,251.129
M481,91.129C266.785,91.129,93.129,264.784,93.129,479S266.785,866.871,481,866.871S868.871,693.216,868.871,479
S695.215,91.129,481,91.129L481,91.129z"/>
</g>
<g opacity="0.6">
<defs>
<path id="SVGID_19_" opacity="0.6" d="M481,251.129c60.867,0,118.09,23.703,161.129,66.741
c43.039,43.04,66.742,100.264,66.742,161.13s-23.703,118.09-66.742,161.13C599.09,683.168,541.867,706.871,481,706.871
c-60.866,0-118.09-23.703-161.129-66.741c-43.04-43.04-66.742-100.263-66.742-161.13s23.702-118.09,66.742-161.13
C362.91,274.832,420.134,251.129,481,251.129 M481,91.129C266.785,91.129,93.129,264.784,93.129,479S266.785,866.871,481,866.871
S868.871,693.216,868.871,479S695.215,91.129,481,91.129L481,91.129z"/>
</defs>
<clipPath id="SVGID_5_">
<use xlink:href="#SVGID_19_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="481" y1="960" x2="481" y2="1.166">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect x="1" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" width="960" height="960"/>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.9 KiB

55
assets/img/tour/level_fortress.svg
View file

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
<g id="BG" display="none">
</g>
<g id="Raster">
</g>
<g id="Ebene_1">
<g opacity="0.8">
<defs>
<path id="SVGID_4_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
h418v418H1079z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_4_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
</g>
<g>
<rect x="211" y="209" fill="none" stroke="#8711CC" stroke-width="120" stroke-linejoin="bevel" stroke-miterlimit="10" width="540" height="540"/>
<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="363,809
301.5,780 181,780 181,659.5 151,597 151,809 "/>
<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="150,363
179,301.5 179,181 299.5,181 362,151 150,151 "/>
<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="598,151
659.5,180 780,180 780,300.5 810,363 810,151 "/>
<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="812,597
783,658.5 783,779 662.5,779 600,809 812,809 "/>
</g>
<g opacity="0.8">
<defs>
<path id="SVGID_7_" opacity="0.8" d="M812,583.34V376.427L871,363V151l-61-61H598l-12.988,58H375.199L362,90H150l-61,61v212
l61,13.66v206.686L90,597v212l61,61h212l13.437-60h209.909L600,870h212l61-61V597L812,583.34z M272,688V270h418v418H272z"/>
</defs>
<clipPath id="SVGID_5_">
<use xlink:href="#SVGID_7_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="480.0005" y1="958" x2="480.0005" y2="-0.834">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect y="-2" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3 KiB

46
assets/img/tour/level_secure.svg
View file

@ -1,46 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
<g id="BG" display="none">
</g>
<g id="Raster">
</g>
<g id="Ebene_1">
<polygon fill="none" stroke="#0080FF" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" points="843.338,184
479.896,813.5 116.455,184 "/>
<g opacity="0.7">
<defs>
<path id="SVGID_4_" opacity="0.7" d="M540.518,848.5H419.273L55.833,218.75l60.622-105.25h726.883l60.622,105.25L540.518,848.5z
M237.699,253.5L479.896,673l242.198-419.5H237.699z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_4_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="480.5005" y1="958.5" x2="480.5005" y2="-0.334">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect x="0.5" y="-1.5" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#4182C2" stroke-miterlimit="10" width="960" height="960"/>
<use xlink:href="#SVGID_4_" overflow="visible" fill="none" stroke="#4182C2" stroke-miterlimit="10"/>
</g>
<g opacity="0.8">
<defs>
<path id="SVGID_7_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
h418v418H1079z"/>
</defs>
<clipPath id="SVGID_5_">
<use xlink:href="#SVGID_7_" overflow="visible"/>
</clipPath>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
<stop offset="0" style="stop-color:#000000"/>
<stop offset="1" style="stop-color:#FFFFFF"/>
</linearGradient>
<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
assets/img/video-placeholder.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 87 KiB

33
assets/js/main.js
View file

@ -1,33 +0,0 @@
// sidebar logic
$(document).ready(function() {
$(".ui.sidebar").sidebar({
dimPage : true,
transition : 'overlay',
mobileTransition : 'uncover'
})
$('body').on('touchend', '.sidebar-toggle', function(event){
event.preventDefault()
$(".ui.sidebar").sidebar("toggle");
})
$('body').on('click', '.sidebar-toggle', function(event){
event.preventDefault()
$(".ui.sidebar").sidebar("toggle");
})
$('.popup-trigger').popup();
})
function getSearchParameters() {
var prmstr = window.location.search.substr(1);
return prmstr != null && prmstr != "" ? transformToAssocArray(prmstr) : {};
}
function transformToAssocArray( prmstr ) {
var params = {};
var prmarr = prmstr.split("&");
for ( var i = 0; i < prmarr.length; i++) {
var tmparr = prmarr[i].split("=");
params[tmparr[0]] = tmparr[1];
}
return params;
}

1
community-hub/index.html
View file

@ -2,7 +2,6 @@
layout: page_markdown
title: community-hub
heading: The Community Hub
exclude_community_snippet: true
---
<script type="text/javascript">

75
contact/index.html
View file

@ -1,57 +1,54 @@
---
layout: page
layout: page_column
title: Contact
heading: Contact
exclude_community_snippet: true
---
<div class="ui container">
<div class="contact-text">
<h4>We'd like to hear from you: <span class="contact-email">@</span>.</h4>
</div>
<div class="imprint">
<div class="contact-text">
<h4>We'd like to hear from you: <span class="contact-email">@</span>.</h4>
</div>
<h4>Legal</h4>
<div class="imprint">
<h4>Legal</h4>
<p>
Safing ICS Technologies GmbH<br>
Wassergasse 16/18, 2500 Baden<br>
<i class="map marker alternate icon"></i> Austria
</p>
<p>
Safing ICS Technologies GmbH<br>
Wassergasse 16/18, 2500 Baden<br>
<i class="map marker alternate icon"></i> Austria
</p>
<p>
VAT-Number: ATU71837747<br>
Registered at the commercial registry<br>
court in Wr. Neustadt with ID FN464654s
</p>
<p>
VAT-Number: ATU71837747<br>
Registered at the commercial registry<br>
court in Wr. Neustadt with ID FN464654s
</p>
<p>
Member of <a href="https://www.wko.at/">The Austrian Federal Economic Chamber</a>.<br>
Bound by the <a href="https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&Gesetzesnummer=10007517">Austrian Industrial Code</a>.
</p>
<p>
Member of <a href="https://www.wko.at/">The Austrian Federal Economic Chamber</a>.<br>
Bound by the <a href="https://www.ris.bka.gv.at/GeltendeFassung.wxe?Abfrage=Bundesnormen&Gesetzesnummer=10007517">Austrian Industrial Code</a>.
</p>
<p>
Customers may issue complaints directly at the addresses listed above,<br>
or via the <a href="https://ec.europa.eu/odr">European Dispute Settlement Body</a>.
</p>
<p>
Customers may issue complaints directly at the addresses listed above,<br>
or via the <a href="https://ec.europa.eu/odr">European Dispute Settlement Body</a>.
</p>
<h4>License & Trademarks</h4>
<h4>License & Trademarks</h4>
<p>
This wesbite is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.<br>
Parts of it were taken from https://www.mozilla.org/en-US/foundation/licensing/.
</p>
<p>
This wesbite is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.<br>
Parts of it were taken from https://www.mozilla.org/en-US/foundation/licensing/.
</p>
<p>
The names "Safing", "Portmaster", "Gate17" and their logos are<br>
trademarks owned by Safing ICS Technologies GmbH (Austria).
</p>
<p>
The names "Safing", "Portmaster", "Gate17" and their logos are<br>
trademarks owned by Safing ICS Technologies GmbH (Austria).
</p>
<p>
Although our code is free, it is very important that we strictly enforce our trademark rights, in order to be able to protect our users against people who use the marks to commit fraud. This means that, while you have considerable freedom to redistribute and modify our software, there are tight restrictions on your ability to use our names and logos in ways which fall in the domain of trademark law, even when built into binaries that we provide.
</p>
<p>
Although our code is free, it is very important that we strictly enforce our trademark rights, in order to be able to protect our users against people who use the marks to commit fraud. This means that, while you have considerable freedom to redistribute and modify our software, there are tight restrictions on your ability to use our names and logos in ways which fall in the domain of trademark law, even when built into binaries that we provide.
</p>
</div>
</div>
<div class="contact-image" style="margin-bottom: -6px;">

186
index.html
View file

@ -1,184 +1,12 @@
---
layout: page
title: Safing
home: true
---
<!DOCTYPE html>
<html lang={{ site.lang }}>
<head>
{% include head.html %}
</head>
<body>
{% include header.html home=true %}
{% include floating_button.html heightref="gate-17" %}
<div class='content' style=''>
<div style='position: absolute; top: 0; width: 100%;'>
<div id="banner-background" style='width: 100%; background-image: url("/assets/img/landscape.png"); background-size: cover; background-repeat: no-repeat; background-position: center bottom; height: 100vh;'>
<!-- learnmore icon -->
<a id="learnmore-icon" class="ui bottom mobile-hidden" href="#gate-17" style='position: absolute; bottom: 50%; right: 2%; z-index:100;'>
<i class='angle double down icon' style='color: #f39200; font-size: 3rem;'></i>
</a>
<!-- <div class="ui grid mobile-hidden" style='position: absolute; bottom: 50%; left: 0%;'>
<div class="four wide column">
<img src='{{ site.assets_url }}img/icons/community_logo.svg' style="height: 4rem;">
</div>
<div class="twelve wide column" style="padding: 38px 0 0 10px; z-index: 100;">
<a class="ui bottom" href="/community-hub">
<button class='ui safing-primary button' >
Join our community
</button>
</a>
</div>
</div> -->
</div>
<div id="banner-transition" style='width: 100%; height: 100vh; background-image: url("/assets/img/landscape_footer.png"); background-size: contain; background-repeat: no-repeat; background-position: center top -4px;'></div>
</div>
<div id="banner-content" class='ui grid' style="height: 110vh;">
<div class='computer only sixteen wide column' style='height: 10rem;'></div>
<div class='tablet only sixteen wide column' style='height: 8rem;'></div>
<div class='mobile only sixteen wide column' style='height: 5rem;'></div> -->
<div class='computer tablet only two wide column'></div>
<div class='ten wide column' style="height: 80%; z-index: 100;">
<h1 class='ui inverted header' style="margin: 10px;">
Take Back Control of Your Data!
</h1>
<a href="/community-hub">
<button class='ui safing-primary large button' style="margin: 5px 0px 5px 10px;">
Get Involved
</button>
</a>
<a href="#gate-17">
<button id="learnmore-button" class='ui safing-secondary large button' style="margin: 5px 0px 5px 10px;">
Learn more
</button>
</a>
</div>
</div>
<!-- Widescreen lighthouse -->
<div class="or-lower-hidden" style='position: absolute; bottom: 15.5rem; width: 100%;'>
<div style='background-image: url("/assets/img/lighthouse.png");background-repeat: no-repeat; background-position: right bottom; height: 200rem; background-size: 45%;'>
</div>
</div>
<!-- lighthouse -->
<div class="mobile-hidden tablet-hidden widescreen-hidden" style='position: absolute; bottom: 15.5rem; width: 100%;'>
<div style='background-image: url("/assets/img/lighthouse.png");background-repeat: no-repeat; background-position: right bottom; height: 200rem; background-size: 45%;'>
</div>
</div>
<!-- Tablet lighthouse -->
<div class="mobile-hidden computer-hidden large-screen-hidden widescreen-hidden" style='position: absolute; bottom: 13rem; width: 100%;'>
<div style='background-image: url("/assets/img/lighthouse_mobile.png");background-repeat: no-repeat; background-position: right bottom; height: 40rem; background-size: 45%;'>
</div>
</div>
<!-- Mobile lighthouse -->
<div class="computer-hidden tablet-hidden large-screen-hidden widescreen-hidden" style='position: absolute; bottom: 19.5rem; width: 100%;'>
<div style='background-image: url("/assets/img/lighthouse_mobile.png");background-repeat: no-repeat; background-position: right bottom; height: 40rem; background-size: 45%;'>
</div>
</div>
<div class='ui container'>
<div class='ui basic segment' id='gate-17'>
<div class='ui middle aligned centered grid'>
<div class='computer only six wide column' style='width: 15rem;'>
<img class='ui fluid medium image' src='{{ site.assets_url }}img/gate17.png'>
</div>
<div class='mobile tablet only column' style='width: 9rem;'>
<img class='ui fluid medium image' src='{{ site.assets_url }}img/gate17.png'>
</div>
<div class='ten wide computer sixteen wide mobile right aligned column'>
<h2>
Gate17 is your secure network
</h2>
<p>
Stay private while surfing the Web with Gate17. Now you are in charge of where your traffic is going: you can handle connections separately, choosing where each shall leave the network.
<br/>
<br/>
It gives you the power to appear at multiple places on the web at once!
</p>
<a href="/technology#gate17">
<button class='ui safing-secondary right floated button'>
Technical Details
</button>
</a>
<a href="{{ site.whitepaper_url }}Gate17.pdf" target="_blank">
<button class='ui safing-secondary right floated button'>
Whitepaper
</button>
</a>
</div>
</div>
</div>
<div class='ui basic padded segment'>
<div class='ui middle aligned centered grid'>
<div class='mobile tablet only column' style='width: 13rem;'>
<img class='ui fluid image' src='{{ site.assets_url }}img/box.png'>
</div>
<div class='ten wide computer sixteen wide mobile column'>
<h2>
Privacy First
</h2>
<p>
For us, privacy isn't just a feature – it's the foundation we build our products on. We make sacrifices on all other fronts to protect your privacy and push the limits of technology to do so.
</p>
<a href="/our-values#privacy-first">
<button class='ui safing-secondary button'>
Learn more
</button>
</a>
</div>
<div class='computer only six wide column' style='width: 20rem; padding: 0;'>
<img class='ui fluid image' src='{{ site.assets_url }}img/box.png'>
</div>
</div>
</div>
<div class='ui basic padded segment'>
<div class='ui middle aligned centered grid'>
<div class='computer only six wide column' style='width: 20rem; padding: 0;'>
<img class='ui fluid image' src='{{ site.assets_url }}img/message_in_a_bottle.png'>
</div>
<div class='mobile tablet only column' style='width: 13rem;'>
<img class='ui fluid image' src='{{ site.assets_url }}img/message_in_a_bottle.png'>
</div>
<div class='ten wide computer sixteen wide mobile right aligned column'>
<h2>
Open Source & Ethical Funding
</h2>
<p>
Transparency is a key value for us, therefore we release our code open source. To truly be a privacy first company, we also believe that we must be open about all our financial influences & partnerships.
</p>
<a href="/our-values#open-source">
<button class='ui safing-secondary right floated button'>
Learn more
</button>
</a>
</div>
</div>
</div>
<div class='ui basic segment' style='padding-bottom: 5rem;'>
<div class='ui middle aligned grid'>
<div class='eight wide computer sixteen wide mobile column'>
<h2>
Community
</h2>
<p>
Privacy isn't a "one shoe fits all" kind of thing. And we do not claim to have an all-encompassing solution. You will need more than what we provide to get the best privacy possible. So, we create spaces where you can talk about all things privacy.
</p>
<a href="/community-hub">
<button class='ui safing-primary button'>
Join our community
</button>
</a>
</div>
</div>
</div>
</div>
{% include community_snippet.html %}
{% include footer.html %}
</div>
</body>
<foot>
{% include foot.html %}
</foot>
</html>
{% include new/header.html %}
{% include new/features.html %}
{% include new/map.html %}
{% include new/overview.html %}
{% include new/about-short.html %}
{% include new/cast.html %}

2
jobs/golang-developer.md
View file

@ -15,7 +15,7 @@ Hey there! We're looking for a Golang developer to join us at Safing, maybe that
</p>
</div>
We are not striving to create a unicorn, which we can sell for a huge profit. Rather, we strive to be a sustainable business and have a meaningful impact in today's Internet landscape. As we take our mission seriously, we are not only [open sourcing our products]({{ site.communities.github.url }}), but are also open about [our funding]({{ site.our_values_url }}#ethical-funding), [influences]({{ site.our_values_url }}#ownership) and [business model]({{ site.our_values_url }}#clear-business-model).
We are not striving to create a unicorn, which we can sell for a huge profit. Rather, we strive to be a sustainable business and have a meaningful impact in today's Internet landscape. As we take our mission seriously, we are not only [open sourcing our products]({{ site.github_url }}), but are also open about [our funding]({{ site.our_values_url }}#ethical-funding), [influences]({{ site.our_values_url }}#ownership) and [business model]({{ site.our_values_url }}#clear-business-model).
Safing develops [three tools]({{ site.technology_url }}), which in unison equip everyday online citizens to withstand mass surveillance. We're not solving every privacy problem out there, but we believe our approach tackles some root problems and will have a massive impact on peoples lives!

2
jobs/index.html
View file

@ -2,9 +2,7 @@
layout: page_markdown
title: Join Safing
heading: Join us
community_snippet_intro: Want to contribute to our private alpha?
container_class: 'text'
exclude_community_snippet: true
---
<div class="ui doubling grid container">

2
jobs/ux-designer.md
View file

@ -13,7 +13,7 @@ Hey there! We're looking for a UX designer to join us at Safing, maybe that's yo
</p>
</div>
We are not striving to create a unicorn, which we can sell for a huge profit. Rather, we strive to be a sustainable business and have a meaningful impact in today's Internet landscape. As we take our mission seriously, we are not only [open sourcing our products]({{ site.communities.github.url }}), but are also open about [our funding]({{ site.our_values_url }}#ethical-funding), [influences]({{ site.our_values_url }}#ownership) and [business model]({{ site.our_values_url }}#clear-business-model).
We are not striving to create a unicorn, which we can sell for a huge profit. Rather, we strive to be a sustainable business and have a meaningful impact in today's Internet landscape. As we take our mission seriously, we are not only [open sourcing our products]({{ site.github_url }}), but are also open about [our funding]({{ site.our_values_url }}#ethical-funding), [influences]({{ site.our_values_url }}#ownership) and [business model]({{ site.our_values_url }}#clear-business-model).
Safing develops [three tools]({{ site.technology_url }}), which in unison equip everyday online citizens to withstand mass surveillance. We're not solving every privacy problem out there, but we believe our approach tackles some root problems and will have a massive impact on peoples lives!

96
our-values/index.md
View file

@ -2,52 +2,9 @@
layout: page_markdown
title: our-values
heading: Our Values
community_snippet_intro: 'Share our values?'
container_class: 'text'
---
## Privacy First
The [Charter of Fundamental Rights of the European Union](https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CELEX:12012P/TXT&from=EN) clearly states in Article 8:
<blockquote>
Everyone has the right to the protection of personal data concerning him or her.
</blockquote>
We believe that this has become increasingly difficult in an age where private data is being harvested in masses as described by Shoshana Zuboff with the term [surveillance capitalism](https://en.wikipedia.org/wiki/Surveillance_capitalism).
<blockquote>
<p class="text-light">Surveillance capitalism in short is the growth and income focus of capitalism paired with the information gathered from huge amounts of personal data. This combination results in more and better tracking of user behavior to exploit them financially.</p>
</blockquote>
Our mission at Safing is to make sure everyone can protect their digital selves without making compromises in usability or privacy. We help users take back control over their data.
## Open Source
To ensure maximum privacy for our users and to build trust we need to be transparent in every aspect. That's why we [publish all of our hard work]({{ site.communities.github.url }}) as open source. This way you can have a look at our source code and inspect if we truly stay to our word.
## Ethical Funding
Taking money always means opening up to influences. That is why we see it as our responsibility to be thoughtful about taking investments. We do not want parties to gain influence which do not or might not stand behind our values. That is why in our current funding phase we took more personal risks instead of selling parts of our company for easy money.
### Transparent Funding Policy
For us, ethical funding also means we want to make sure that our users know who paid for the programs and services they use.
As a result we have adopted a transparent funding policy to openly share how we are funded. All our funding (and partnerships) will remain public!
### Clear Business Model
Instead of pushing a free product and worry about the business model later, we want to have that part figured out right from the start. So, this is how we'll do it:
- Portmaster is and always will be free. 'Getting people back in control of their data' is our core vision, which is why we concluded to release Portmaster for free.
- Gate17 is a subscription based service. Of course we need to cover our costs and pay our bills. But more importantly we want to have the funds to further engage in our mission and to extend our services. That is why we decided on the subscription model - instead of building just on donations - which we feel would be infeasible.
What is really important, is that we will never put profits before our vision. We will never sacrifice the privacy of our users for money.
If you want to support us, use Gate17! And if you want to go further, get involved in our community!
## Ownership
The company behind Safing is _Safing ICS Technologies GmbH_, a private company registered in Austria. The company is fully owned by its three founders:
@ -60,7 +17,7 @@ The company behind Safing is _Safing ICS Technologies GmbH_, a private company r
</div>
<div class="content">
<div class="ui small header">
Daniel
Daniel (40%)
</div>
<div class="ui list">
<a href="https://twitter.com/dehaavi" target="\_blank">
@ -88,7 +45,7 @@ The company behind Safing is _Safing ICS Technologies GmbH_, a private company r
</div>
<div class="content">
<div class="ui small header">
David
David (30%)
</div>
<div class="ui list">
<a href="https://twitter.com/davegson" target="\_blank">
@ -116,7 +73,7 @@ The company behind Safing is _Safing ICS Technologies GmbH_, a private company r
</div>
<div class="content">
<div class="ui small header">
Raphty
Raphty (30%)
</div>
<div class="ui list">
<a href="https://twitter.com/Raphty101" target="\_blank">
@ -141,12 +98,39 @@ The company behind Safing is _Safing ICS Technologies GmbH_, a private company r
</div>
</div>
## Influences &nbsp;&nbsp;&nbsp; <small class="text-lighter">updated June 2019</small>
<div class="margin-top-40"></div>
This section shall inform about what influence the company is exposed to. This includes received funding, partnerships, supporters, trainings and other things.
## Privacy First
<div class="margin-top-80"></div>
<div class="ui two stackable cards" id="influences">
The [Charter of Fundamental Rights of the European Union](https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CELEX:12012P/TXT&from=EN) clearly states in Article 8:
<blockquote>
<p class="text-light">
Everyone has the right to the protection of personal data concerning him or her.
</p>
</blockquote>
Privacy is *your right*, we want to do our part to make it easier for you to reclaim that right!
## Open Source
To ensure maximum privacy and transparency we need to be open in every aspect. That's why we [publish all of our hard work]({{ site.github_url }}) as open source. This way you and others can validate if we truly stay to our word. But we do not want to stop there.
## Ethical Funding
Taking money always means opening up to influences. That is why we see it as our responsibility to be thoughtful about taking investments. We do not want parties to gain influence which do not or might not stand behind our values. That is why in our current funding phase we took more personal risks instead of selling parts of our company for easy money.
### Transparent Funding Policy
For us, ethical funding also means we want to make sure that our users know who paid for the programs and services they use.
As a result we openly share how we are funded. All our funding (and partnerships) will remain public!
<h2 id="influences">Influences <small class="text-lighter">updated June 2019</small></h2>
<p>This section shows what influences the company is exposed to. This includes received funding, partnerships, supporters, trainings and other things.</p>
<div class="ui two stackable cards" id="funding-cards">
<!-- Personal Investment card -->
<div class="ui card">
<div class="image">
@ -171,7 +155,7 @@ This section shall inform about what influence the company is exposed to. This i
<!-- Netidee card -->
<div class="ui card">
<div class="image">
<img src="{{ site.assets_url }}img/netidee.png">
<img src="{{ site.img_url }}external-logos/netidee.png">
</div>
<div class="content">
<a class="header" href="https://www.netidee.at/">Netidee</a>
@ -194,7 +178,7 @@ This section shall inform about what influence the company is exposed to. This i
<!-- ESA-BIC card -->
<div class="ui card">
<div class="image" style="padding: 20px; background-color: white;">
<img src="{{ site.assets_url }}img/esa-bic_austria.svg">
<img src="{{ site.img_url }}external-logos/esa-bic_austria.svg">
</div>
<div class="content">
<a class="header" href="/esa-bic/">ESA-BIC Austria</a>
@ -241,4 +225,12 @@ This section shall inform about what influence the company is exposed to. This i
</div>
## Clear Business Model
Instead of pushing a free product and worry about the business model later, we wanted to have a strong foundation and have this figured out right from the start:
The subscribers of our Safing Privacy Network will be our main source of income. As soon as we can carry ourselves with SPN, we will further develop privacy enabling, open source tools. One such product in the pipeline is a free Application Firewall, which will block malicious outgoing connections.
<p>If you like what we are all about, consider supporting us by subscribing to SPN or <a href="{{ site.reddit_url }}">engaging in our community!</a>
<div class="margin-top-80"></div>

3
podcast/index.html
View file

@ -5,7 +5,8 @@ layout: podcast
<div class="ui divided items">
{% for episode in site.podcasts reversed %}
{% assign sorted_podcasts = site.podcasts | reverse %}
{% for episode in sorted_podcasts %}
<div class="item">
<div class="middle aligned content">
<a href="{{ episode.url }}">{{ episode.title }}</a>

1
privacy/index.md
View file

@ -2,7 +2,6 @@
layout: page_markdown
title: Privacy Policy
heading: Privacy Policy
exclude_community_snippet: true
---
As a [Privacy First]( https://safing.io/our-values/#privacy-first) company we aim to have privacy policy that is as clear and easy to read as possible.

1
terms/index.md
View file

@ -2,7 +2,6 @@
layout: page_markdown
title: Terms of Service
heading: Terms of Service
exclude_community_snippet: true
---
## Our Services

6
vendor/semantic/semantic.css vendored
View file

@ -453,10 +453,6 @@ body {
height: 100%;
}
html {
font-size: 14px;
}
body {
margin: 0;
padding: 0;
@ -464,8 +460,6 @@ body {
min-width: 320px;
background: #FFFFFF;
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87);
font-smoothing: antialiased;
}

396
vendor/semantic/semantic.min.css vendored
View file

File diff suppressed because one or more lines are too long