mirror of
https://github.com/safing/web
synced 2026-05-01 21:10:40 +00:00
Remove old homepage and unneeded assets
This commit is contained in:
davegson
parent
5b3600bad5
commit
2f7d7e6278
16 changed files with 0 additions and 344 deletions
|
|
@ -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>
|
||||
|
|
@ -1,21 +1,2 @@
|
|||
<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&rec=1" style="border:0" alt="" />
|
||||
</section>
|
||||
|
||||
<!-- END PUSHER -->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -31,4 +31,3 @@
|
|||
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -1,76 +1,3 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -4,9 +4,6 @@
|
|||
{% 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="">
|
||||
|
|
|
|||
|
|
@ -5,12 +5,9 @@
|
|||
@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";
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 445 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB |
|
|
@ -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;
|
||||
}
|
||||
169
index.html
169
index.html
|
|
@ -8,175 +8,6 @@ home: true
|
|||
{% 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 %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue