mirror of
https://github.com/safing/web
synced 2025-04-25 13:19:08 +00:00
Refactor html/css of new design
This commit is contained in:
Luke
parent
0be99d6fad
commit
d2b599bb84
45 changed files with 1358 additions and 1453 deletions
_config.ymldocker-compose.ymlindex.html
_includes
_layouts
_sass
_nav.scss
new
assets
css
icons
img
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -1,40 +0,0 @@
|
|||
<footer>
|
||||
<div class="newsletter-list">
|
||||
<ul>
|
||||
<h3>Company</h3>
|
||||
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
||||
<li><a href="{{ site.jobs_url }}">Jobs</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h3>Podcast</h3>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h3>Resources</h3>
|
||||
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<h3>Social</h3>
|
||||
{% for community in site.communities %}
|
||||
<li>
|
||||
<a href="{{ community.url }}">
|
||||
<i class="{{ community.icon }} icon"></i>
|
||||
{{ community.name}}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="legal">
|
||||
<ul class="legal-list">
|
||||
<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>Safing NOC © 2019</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="footer-bg">
|
||||
</div>
|
||||
|
|
@ -28,7 +28,6 @@
|
|||
<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">
|
||||
<link rel="stylesheet" href="{{ site.assets_url }}css/v3.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>
|
||||
|
|
|
|||
|
|
@ -1,44 +0,0 @@
|
|||
<div class="header-bg">
|
||||
</div>
|
||||
<header>
|
||||
<div class="h-video">
|
||||
<figure>
|
||||
<img src="{{ site.assets_url }}/img/v3/video-placeholder.png" width="100%" height="auto">
|
||||
<figcaption>
|
||||
<p>Supported by</p>
|
||||
<ul>
|
||||
<li><img id="resize" src="{{ site.assets_url }}/img/v3/esa.png" alt=""></li>
|
||||
<li><img src="{{ site.assets_url }}/img/v3/netidee.png" alt=""></li>
|
||||
<li><img src="{{ site.assets_url }}/img/v3/excellence.png" alt=""></li>
|
||||
<li><img src="{{ site.assets_url }}/img/v3/ffg.png" alt=""></li>
|
||||
</ul>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="h-info">
|
||||
<span>Take back control</span>
|
||||
<h1>Privacy Network</h1>
|
||||
<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.
|
||||
</p>
|
||||
<div class="h-stats">
|
||||
<ul>
|
||||
<li>
|
||||
<span>917,188€</span>
|
||||
<p>Raised</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>7,188</span>
|
||||
<p>Backers</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="h-links">
|
||||
<button><img src="{{ site.assets_url }}/img/v3/kickstarter.png" alt=""> kickstarter</button>
|
||||
<span >or <a href="#">Sign up for beta</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<a href="{{ site.base_url }}">
|
||||
<img src="{{ site.assets_url }}/img/v3/safing.png" alt="">
|
||||
</a>
|
||||
<p>Safing<span>.io</span></p>
|
||||
</div>
|
||||
<ul>
|
||||
<li id="opacity"><a href="{{ site.community_hub_url }}">Community</a></li>
|
||||
<li id="opacity"><a href="{{ site.jobs_url }}">Jobs</a></li>
|
||||
<li id="opacity"><a href="{{ site.our_values_url}}">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
10
_includes/new/about-short.html
Normal file
10
_includes/new/about-short.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<content>
|
||||
<div class="about-short">
|
||||
<h1>For us, privacy isn't just a feature</h1>
|
||||
<p>
|
||||
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>
|
||||
</div>
|
||||
</content>
|
||||
42
_includes/new/cast.html
Normal file
42
_includes/new/cast.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<content >
|
||||
<div class="cast">
|
||||
<div class="c-l">
|
||||
<a href="">
|
||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>#004</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>#004</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>#004</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="">
|
||||
<img src="{{ site.img_url }}podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>#004</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="c-r">
|
||||
<h1>Stay up to dat with whats been going on</h1>
|
||||
<p>
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
37
_includes/new/features.html
Normal file
37
_includes/new/features.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<content>
|
||||
<div class="features">
|
||||
<div>
|
||||
<img src="{{ site.icons_url }}lock.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="{{ site.icons_url }}shield.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="{{ site.icons_url }}community.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
32
_includes/new/footer.html
Normal file
32
_includes/new/footer.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<footer class="f-bg">
|
||||
<div class="list">
|
||||
<ul>
|
||||
<span>Company</span>
|
||||
<li><a href="{{ site.community_hub_url }}">Community Hub</a></li>
|
||||
<li><a href="{{ site.jobs_url }}">Jobs</a></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>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Resources</span>
|
||||
<li><a href="{{ site.technology_url }}">Technology</a></li>
|
||||
<li><a href="{{ site.contact_url }}">Contact Us</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<span>Social</span>
|
||||
<li><a href="{{ site.podcast_url }}">Overview</a></li>
|
||||
<li><a href="{{ site.podcast_feed_url }}">RSS</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="legal">
|
||||
<ul>
|
||||
<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>Safing NOC © 2019</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
43
_includes/new/header.html
Normal file
43
_includes/new/header.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<header class="h-bg">
|
||||
<div class="h-l">
|
||||
<div class="h-l-i">
|
||||
<img src="{{ site.img_url }}video-placeholder.png" alt="">
|
||||
</div>
|
||||
<!--<div class="h-l-v">
|
||||
<button><img src="{{ site.assets_url }}/assets/icons/play.svg" alt=""></button>
|
||||
<video src="https://v.kickstarter.com/1572651585_3012d9a6f389c4f2e04ac2fe654ffa38ac2b6044/projects/3796355/video-994941-h264_high.mp4"></video> </div>
|
||||
<div>-->
|
||||
<span>Supported by</span>
|
||||
<ul>
|
||||
<li><img src="{{ site.img_url }}esa.png" alt=""></li>
|
||||
<li><img src="{{ site.img_url }}netidee.png" alt=""></li>
|
||||
<li><img src="{{ site.img_url }}excellence.png" alt=""></li>
|
||||
<li><img src="{{ site.img_url }}ffg.png" alt=""></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h-r">
|
||||
<span>Take back controll</span>
|
||||
<h1>Privacy Network</h1>
|
||||
<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.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<span>917,188</span>
|
||||
<p>Raised</p>
|
||||
</li>
|
||||
<li>
|
||||
<span>7,188</span>
|
||||
<p>Backers</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div>
|
||||
<button><img src="{{ site.icons_url }}kickstarter.svg" alt=""><span>kickstarter</span></button>
|
||||
<span>or <a href="#">sign up for beta</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
15
_includes/new/map.html
Normal file
15
_includes/new/map.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<content>
|
||||
<div class="map">
|
||||
<div class="m-l">
|
||||
<img src="{{ site.img_url }}map.gif" alt="">
|
||||
</div>
|
||||
<div class="m-r">
|
||||
<h1>The next evolution of the internet</h1>
|
||||
<p>
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
16
_includes/new/nav.html
Normal file
16
_includes/new/nav.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<nav>
|
||||
<a href="">
|
||||
<div>
|
||||
<img src="{{ site.img_url }}logo.png" alt="">
|
||||
<p>Safing<span>.io</span></p>
|
||||
</div>
|
||||
</a>
|
||||
<ul>
|
||||
<li><a href="#">Community</a></li>
|
||||
<li><a href="#">Jobs</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
51
_includes/new/overview.html
Normal file
51
_includes/new/overview.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<content>
|
||||
<div class="overview">
|
||||
<div class="o-l">
|
||||
<h1>Explore user behavior on an individual level of detail</h1>
|
||||
<p>
|
||||
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>
|
||||
</div>
|
||||
<div class="o-r">
|
||||
<div class="left">
|
||||
<div>
|
||||
<img src="{{ site.icons_url }}lock.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="{{ site.icons_url }}shield.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="right">
|
||||
<img src="{{ site.icons_url }}community.svg" alt="">
|
||||
<div>
|
||||
<span>True Privacy</span>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
|
|
@ -4,39 +4,8 @@
|
|||
{% include head.html %}
|
||||
</head>
|
||||
<body>
|
||||
{% include nav.html %}
|
||||
|
||||
<div class="content">
|
||||
<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>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include new/nav.html %}
|
||||
{{ content }}
|
||||
{% include new/footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -1,8 +1,11 @@
|
|||
---
|
||||
layout: page
|
||||
---
|
||||
<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 segment">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</content>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
nav {
|
||||
text-transform: uppercase;
|
||||
text-transform: none;
|
||||
}
|
||||
|
|
|
|||
51
_sass/new/about-short.scss
Normal file
51
_sass/new/about-short.scss
Normal 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: 575.98px){
|
||||
|
||||
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
118
_sass/new/cast.scss
Normal 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: 575.98px) {
|
||||
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
57
_sass/new/features.scss
Normal 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: 575.98px){
|
||||
|
||||
.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%;
|
||||
}
|
||||
}
|
||||
123
_sass/new/footer.scss
Normal file
123
_sass/new/footer.scss
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
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;
|
||||
}
|
||||
|
||||
.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-top: 6rem;
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
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: 575.98px) {
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
268
_sass/new/header.scss
Normal file
268
_sass/new/header.scss
Normal file
|
|
@ -0,0 +1,268 @@
|
|||
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: #05ce78;
|
||||
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 #05ce77af;
|
||||
}
|
||||
|
||||
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: 575.98px){
|
||||
|
||||
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
71
_sass/new/map.scss
Normal 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: 575.98px){
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
74
_sass/new/nav.scss
Normal file
74
_sass/new/nav.scss
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
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;
|
||||
}
|
||||
|
||||
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: 575.98px){
|
||||
|
||||
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
127
_sass/new/overview.scss
Normal 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: 575.98px) {
|
||||
|
||||
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
35
_sass/new/page.scss
Normal 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: 575.98px) {
|
||||
body{
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
|
@ -14,3 +14,15 @@
|
|||
@import "our-values.scss";
|
||||
@import "newsletter.scss";
|
||||
@import "jobs.scss";
|
||||
|
||||
/* new */
|
||||
|
||||
@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";
|
||||
1139
assets/css/v3.css
1139
assets/css/v3.css
File diff suppressed because it is too large
Load diff
1
assets/icons/community.svg
Normal file
1
assets/icons/community.svg
Normal 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>
|
||||
|
After 
(image error) Size: 2.1 KiB |
37
assets/icons/kickstarter.svg
Normal file
37
assets/icons/kickstarter.svg
Normal 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>
|
||||
|
After 
(image error) Size: 1.7 KiB |
1
assets/icons/lock.svg
Normal file
1
assets/icons/lock.svg
Normal 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>
|
||||
|
After 
(image error) Size: 936 B |
112
assets/icons/logo.svg
Normal file
112
assets/icons/logo.svg
Normal 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>
|
||||
|
After 
(image error) Size: 8.7 KiB |
1
assets/icons/play.svg
Normal file
1
assets/icons/play.svg
Normal 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>
|
||||
|
After 
(image error) Size: 544 B |
1
assets/icons/shield.svg
Normal file
1
assets/icons/shield.svg
Normal 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>
|
||||
|
After 
(image error) Size: 543 B |
BIN
assets/img/esa.png
Normal file
BIN
assets/img/esa.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 7.6 KiB |
BIN
assets/img/excellence.png
Normal file
BIN
assets/img/excellence.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 6.8 KiB |
BIN
assets/img/f-bg.png
Normal file
BIN
assets/img/f-bg.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 79 KiB |
BIN
assets/img/ffg.png
Normal file
BIN
assets/img/ffg.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 4.7 KiB |
BIN
assets/img/h-bg.png
Normal file
BIN
assets/img/h-bg.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 330 KiB |
BIN
assets/img/logo.png
Normal file
BIN
assets/img/logo.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 4.4 KiB |
BIN
assets/img/map.gif
Normal file
BIN
assets/img/map.gif
Normal file
Binary file not shown.
|
After 
(image error) Size: 1.5 MiB |
Binary file not shown.
|
Before 
(image error) Size: 56 KiB After 
(image error) Size: 7.1 KiB
|
BIN
assets/img/podcast.png
Normal file
BIN
assets/img/podcast.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 4.8 KiB |
BIN
assets/img/video-placeholder.png
Normal file
BIN
assets/img/video-placeholder.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 94 KiB |
|
|
@ -2,8 +2,9 @@
|
|||
# docker-compose up
|
||||
jekyll:
|
||||
image: jekyll/jekyll
|
||||
command: jekyll serve --watch --incremental
|
||||
command: jekyll serve --watch --incremental --livereload
|
||||
ports:
|
||||
- 4000:4000
|
||||
- 35729:35729
|
||||
volumes:
|
||||
- .:/srv/jekyll
|
||||
|
|
|
|||
182
index.html
182
index.html
|
|
@ -1,180 +1,12 @@
|
|||
---
|
||||
layout: page
|
||||
title: Safing
|
||||
home: true
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html lang={{ site.lang }}>
|
||||
<head>
|
||||
{% include head.html %}
|
||||
</head>
|
||||
<body>
|
||||
{% include nav.html %}
|
||||
{% include header.html %}
|
||||
|
||||
<content class="features">
|
||||
<div class="features-list">
|
||||
<img id="lock" src="{{ site.assets_url }}img/v3/lock.svg" alt="">
|
||||
<h1>True Privacy</h1>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
<div class="features-list">
|
||||
<img id="shield" src="{{ site.assets_url }}img/v3/shield.svg" alt="">
|
||||
<h1>Security</h1>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
<div class="features-list">
|
||||
<img id="community" src="{{ site.assets_url }}img/v3/community.svg" alt="">
|
||||
<h1>Community</h1>
|
||||
<p>
|
||||
Stay private while surfing the Web with
|
||||
you are in charge of where your traffic
|
||||
handle connections
|
||||
</p>
|
||||
</div>
|
||||
</content>
|
||||
<content class="map-features">
|
||||
<div class="map">
|
||||
<img src="{{ site.assets_url }}img/v3/map.png" alt="">
|
||||
</div>
|
||||
<div class="map-info">
|
||||
<h1>The next evolution of the internet.</h1>
|
||||
<p>
|
||||
it's the foundation we build our products on. We make
|
||||
sacrifices on all other fronts to protect your privacyand
|
||||
push the limits of technology to do so.
|
||||
</p>
|
||||
<br>
|
||||
<p>
|
||||
it's the foundation we build our products on. We make
|
||||
other fronts to protect.
|
||||
</p>
|
||||
<div class="qoute">
|
||||
<img src="{{ site.assets_url }}img/v3/edward.png" alt="">
|
||||
<span>Edward Snowden</span>
|
||||
<p>
|
||||
“The way how VPNs work now are not good
|
||||
enough. Safing is pushing forward in the right
|
||||
direction for privacy.”
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
<content class="key-features">
|
||||
<div class="key-info">
|
||||
<h1>Explore behavior indivildual</h1>
|
||||
<p>
|
||||
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>
|
||||
<br>
|
||||
<p>
|
||||
it's the foundation we build our products on. We make
|
||||
other fronts to protect.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div class="key-wrap">
|
||||
<div class="key-one">
|
||||
<img id="lock2" src="{{ site.assets_url }}img/v3/lock.svg" alt="">
|
||||
<h1>Privacy First</h1>
|
||||
<p>
|
||||
it's the foundation we build our
|
||||
sacrifices on all other fronts
|
||||
push the limits of technology.
|
||||
</p>
|
||||
</div>
|
||||
<div class="key-two">
|
||||
<div>
|
||||
<img id="shield2" src="{{ site.assets_url }}img/v3/shield.svg" alt="">
|
||||
<h1>Open Source</h1>
|
||||
<p>
|
||||
it's the foundation we build our
|
||||
sacrifices on all other fronts
|
||||
push the limits of technology.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<img id="community2" src="{{ site.assets_url }}img/v3/community.svg" alt="">
|
||||
<h1>Transparent</h1>
|
||||
<p>
|
||||
it's the foundation we build our
|
||||
sacrifices on all other fronts
|
||||
push the limits of technology.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
<content class="line-features">
|
||||
<h1>For us privacy isn't just a feature</h1>
|
||||
<p>
|
||||
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>
|
||||
</content>
|
||||
<content class="cast">
|
||||
<div class="cast-info">
|
||||
<h1>Stay up to dat with whats been going on</h1>
|
||||
<p>
|
||||
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>
|
||||
<br>
|
||||
<a href="">Check them out!</a>
|
||||
</div>
|
||||
<div class="cast-data">
|
||||
<div class="cast-audio">
|
||||
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to evaluate and trust a business?</span>
|
||||
<p>
|
||||
#004
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cast-audio1">
|
||||
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
|
||||
<div>
|
||||
<span>Privacy journey: The story of Raphty</span>
|
||||
<p>
|
||||
#003
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cast-audio1">
|
||||
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
|
||||
<div>
|
||||
<span>decisions that shift a company</span>
|
||||
<p>
|
||||
#002
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cast-audio1">
|
||||
<img src="{{ site.assets_url }}img/v3/podcast.png" alt="">
|
||||
<div>
|
||||
<span>How to fund a privacy oriented start up</span>
|
||||
<p>
|
||||
#001
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</content>
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
<foot>
|
||||
</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 %}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue