mirror of
https://github.com/safing/web
synced 2025-04-17 01:19:08 +00:00
Finish initial semantic integration
This commit is contained in:
Astralof
parent
2f39e000cd
commit
ab1ecd938a
57 changed files with 1208 additions and 549 deletions
GemfileGemfile.lock_config.yml
_includes
_layouts
_sass
_button.scss_community.scss_contact.scss_floating_button.scss_footer.scss_global.scss_header.scss_homepage.scss_semantic_fixes.scss_variables.scss
assets
css
img
_cover_2.jpg_cover_3.jpg_cover_3_reduced.jpg_kitzbuehel.jpgbox.pngcover.jpggate17.png
icons
gate_icon.pnggate_icon.svglighthouse_icon.pnglighthouse_icon.svgportmaster_icon.pngportmaster_icon.svg
landscape.pnglicence_icon.pnglighthouse.pnglogo.pnglogo_with_name.pngmessage_in_a_bottle.pngold
portmaster.pngportmasterbig.pngportmasterhandy.pngshortlandscape.pngjs
contact
safing.hamlsafing.htmlworkbench.html
2
Gemfile
2
Gemfile
|
|
@ -5,8 +5,8 @@ gem 'jekyll'
|
|||
group :jekyll_plugins do
|
||||
gem 'jekyll-paginate'
|
||||
gem 'jekyll-minifier'
|
||||
gem 'jekyll-haml'
|
||||
gem 'jekyll-less'
|
||||
# gem 'jekyll-haml'
|
||||
end
|
||||
|
||||
gem 'therubyracer'
|
||||
|
|
|
|||
11
Gemfile.lock
11
Gemfile.lock
|
|
@ -14,9 +14,6 @@ GEM
|
|||
execjs (2.7.0)
|
||||
ffi (1.9.23)
|
||||
forwardable-extended (2.6.0)
|
||||
haml (5.0.4)
|
||||
temple (>= 0.8.0)
|
||||
tilt
|
||||
htmlcompressor (0.4.0)
|
||||
http_parser.rb (0.6.0)
|
||||
i18n (0.9.5)
|
||||
|
|
@ -34,9 +31,6 @@ GEM
|
|||
pathutil (~> 0.9)
|
||||
rouge (>= 1.7, < 4)
|
||||
safe_yaml (~> 1.0)
|
||||
jekyll-haml (0.1.6)
|
||||
haml (>= 3.0.0)
|
||||
jekyll (>= 3.3.0)
|
||||
jekyll-less (0.0.4)
|
||||
jekyll (>= 0.10.0)
|
||||
less (>= 2.0.5)
|
||||
|
|
@ -75,11 +69,9 @@ GEM
|
|||
sass-listen (4.0.0)
|
||||
rb-fsevent (~> 0.9, >= 0.9.4)
|
||||
rb-inotify (~> 0.9, >= 0.9.7)
|
||||
temple (0.8.0)
|
||||
therubyracer (0.12.3)
|
||||
libv8 (~> 3.16.14.15)
|
||||
ref
|
||||
tilt (2.0.8)
|
||||
uglifier (3.2.0)
|
||||
execjs (>= 0.3.0, < 3)
|
||||
|
||||
|
|
@ -88,11 +80,10 @@ PLATFORMS
|
|||
|
||||
DEPENDENCIES
|
||||
jekyll
|
||||
jekyll-haml
|
||||
jekyll-less
|
||||
jekyll-minifier
|
||||
jekyll-paginate
|
||||
therubyracer
|
||||
|
||||
BUNDLED WITH
|
||||
1.16.1
|
||||
1.16.3
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@ description: > # this means to ignore newlines until "base_url:"
|
|||
base_url: "/" # the subpath of your site, e.g. /blog
|
||||
assets_url: "/assets/"
|
||||
vendor_url: "/vendor/"
|
||||
community_hub_url: "/community-hub/"
|
||||
url: "https://safing.io" # the base hostname & protocol for your site
|
||||
cover: "img/cover.jpg"
|
||||
logo: "img/logo_name_70h_reduced.png"
|
||||
|
|
@ -30,6 +29,13 @@ paginate_path: "blog/page:num"
|
|||
excerpt_separator: "<!--break-->"
|
||||
inter_post_navigation: false
|
||||
|
||||
our_values_url: "/our-values/"
|
||||
technology_url: "/technology/"
|
||||
download_url: "/download/"
|
||||
community_hub_url: "/community-hub/"
|
||||
contact_url: "/contact/"
|
||||
blog_url: "/blog/"
|
||||
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
|
|
|
|||
|
|
@ -1,37 +1,36 @@
|
|||
{% include page_divider.html %}
|
||||
|
||||
<span class="community-snippet">
|
||||
<aside>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 text-center">
|
||||
<p class="lead">
|
||||
<div class='ui vertical footer segment snippet'>
|
||||
<div class="container">
|
||||
<div class='ui basic middle aligned center aligned segment'>
|
||||
{% if page.community_snippet_intro %}
|
||||
{{ page.community_snippet_intro }}
|
||||
<p>
|
||||
{{ page.community_snippet_intro }}
|
||||
</p>
|
||||
{% else %}
|
||||
Interested? Eager? Confused?
|
||||
<p style='word-spacing: 30px;'>
|
||||
Interested? Eager? Confused?
|
||||
<p>
|
||||
{% endif %}
|
||||
<p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="primary">
|
||||
<a href="{{ site.community_hub_url }}">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2 text-center">
|
||||
<div class="row vertical-align padding-bottom-40">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<h2>Get involved!</h2>
|
||||
<p class="lead">
|
||||
Be part of the team -
|
||||
<div class='ui divider'></div>
|
||||
<div class="ui center aligned basic segment">
|
||||
<a class="ui basic button" href='{{ site.community_hub_url }}'>
|
||||
<!-- <button class="ui basic button"> -->
|
||||
<h2>
|
||||
Get involved!
|
||||
</h2>
|
||||
<p>
|
||||
Be part of the team -
|
||||
<span class="color-primary">
|
||||
join our community <i class="fa fa-users"></i>
|
||||
join our community
|
||||
<i class='ui users icon'></i>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </button> -->
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
</span>
|
||||
|
|
|
|||
31
_includes/floating_button.html
Normal file
31
_includes/floating_button.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<div id="floating-button">
|
||||
<button class="circular ui icon button sidebar-toggle">
|
||||
<i class="sidebar icon"></i>
|
||||
</button>
|
||||
{% if include.download %}
|
||||
<div class="spacer"></div>
|
||||
<a href="{{ site.download_url }}">
|
||||
<button class="circular ui icon button">
|
||||
<i class="download icon"></i>
|
||||
</button>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function scrollFunction() {
|
||||
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
|
||||
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>
|
||||
|
||||
<!-- <div class="ui icon button mobile-hidden" onclick="topFunction()" id="myBtn" title="Go to top" style="padding: 0px; font-size: 2rem;">
|
||||
<i class='ui chevron up icon' style='color: #f39200; '></i>
|
||||
</div> -->
|
||||
|
|
@ -1,26 +1,6 @@
|
|||
<script type="text/javascript">
|
||||
function debfus(s) {
|
||||
var n = 0
|
||||
var r = ""
|
||||
for( var i = 0; i < s.length; i++)
|
||||
{
|
||||
n = s.charCodeAt( i )
|
||||
if( n >= 8364 )
|
||||
{
|
||||
n = 128
|
||||
}
|
||||
r += String.fromCharCode( n - 1 )
|
||||
}
|
||||
return r
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var elements = document.getElementsByClassName("contact-email")
|
||||
var email = debfus('{{ site.emailobfuscated }}')
|
||||
for (var i=0, len=elements.length; i<len; i++) {
|
||||
elements[i].innerHTML = email
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<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>
|
||||
{% if include.home %}
|
||||
<script src="{{ site.assets_url }}js/home.js"></script>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,18 +1,10 @@
|
|||
<section class="footer-section">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="footer-col col-lg-4">
|
||||
<a href="/terms/">Terms & Legal</a>
|
||||
</div>
|
||||
<div class="footer-col col-lg-4">
|
||||
<a href="/community-hub/" class="text-primary">Community Hub</a>
|
||||
</div>
|
||||
<div class="footer-col col-lg-4">
|
||||
<a>
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<span class=" contact-email"><span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui secondary inverted three item stackable mini footer-section menu">
|
||||
<a class="item" href="/contact">Contact</a>
|
||||
<a class="item" href="{{ site.community_hub_url }}"> Community Hub </a>
|
||||
<a class="item" href="https://safing.io/">
|
||||
<i class="ui envelope outline icon"> </i>
|
||||
<div class="contact-email"></div>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -27,4 +27,4 @@
|
|||
|
||||
<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 }}scss/main.css" type="text/css"> -->
|
||||
<link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">
|
||||
|
|
|
|||
|
|
@ -1,37 +1,74 @@
|
|||
<nav id="mainNav" class="navbar navbar-default {% if page.url == site.base_url %}navbar-fixed-top{% else %}navbar-static{% endif %}">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand page-scroll logo-sitename" href="{% if page.url == "/" %}#top{% else %}/{% endif %}">
|
||||
<img class="logo-name" src="{{ site.assets_url }}{{ site.logo }}" alt="{{ site.title }}">
|
||||
</a>
|
||||
</div>
|
||||
<div class='ui vertical inverted sidebar menu right overlay'>
|
||||
<a class='item' href="/safing">
|
||||
<img class='ui image' src='{{ site.assets_url }}img/logo_with_name.png' style='width: 10rem;'>
|
||||
</a>
|
||||
<a class='item' href="/our-values" >
|
||||
OUR VALUES
|
||||
</a>
|
||||
<a class='item' href="/technology">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
<a class='item' href="/download">
|
||||
DOWNLOAD
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
{% for menu in site.data.header.menus %}
|
||||
{% if menu.dropdown %}
|
||||
<li class="dropdown">
|
||||
<a class="page-scroll" href="{{ menu.url }}">{{ menu.title }}</a>
|
||||
|
||||
<ul class="our-values-dropdown dropdown-menu nav navbar-nav navbar-right text-uppercase">
|
||||
{% for submenu in menu.submenus %}
|
||||
<li><a href="{{ submenu.url }}"><strong>{{ submenu.title }}</strong></a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% else %}
|
||||
<li>
|
||||
<a class="page-scroll" href="{{ menu.url }}">{{ menu.title }}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class='ui inverted stackable borderless menu {% if include.home %}home{% endif %}' id='menubar'>
|
||||
<div class='menu'>
|
||||
<a class='item' href='/safing' style='padding: 0 6px;'>
|
||||
<img class='ui image' src='{{ site.assets_url }}img/logo_with_name.png' style='width: 10rem; '>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class='right menu' id="menubar-computer">
|
||||
<a class='item' href="/our-values">
|
||||
OUR VALUES
|
||||
</a>
|
||||
<a class='item' href="/technology">
|
||||
TECHNOLOGY
|
||||
</a>
|
||||
<a class='item' href="/download">
|
||||
DOWNLOAD
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class='right menu' id="menubar-mobile">
|
||||
<a class='item sidebar-toggle'>
|
||||
<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.onresize = resizeFunction
|
||||
resizeFunction()
|
||||
})
|
||||
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang={{ site.lang }}>
|
||||
<html lang={{ site.lang }} >
|
||||
<head>
|
||||
{% include head.html %}
|
||||
</head>
|
||||
<body>
|
||||
{% include header.html %}
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h1 class="section-heading padding-top-40">
|
||||
{% include floating_button.html download=true %}
|
||||
<div class="content" style="padding: 5rem 2rem 0 0;">
|
||||
<div class="ui basic center aligned segment" style="margin: 0;" >
|
||||
|
||||
<h1 class="">
|
||||
{% if page.heading %}
|
||||
{{ page.heading }}
|
||||
{% elsif page.title %}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
{% endif %}
|
||||
</h1>
|
||||
{% if page.subheading %}
|
||||
<h3 class="section-subheading text-muted padding-bottom-40">
|
||||
<h3 class="">
|
||||
{% if page.subheading %}
|
||||
{{ page.subheading }}
|
||||
{% elsif page.title %}
|
||||
|
|
@ -28,8 +28,7 @@
|
|||
{% endif %}
|
||||
</h3>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if page.include_divider %}
|
||||
{% include page_divider.html %}
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
---
|
||||
layout: page
|
||||
---
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2 padding-top-40">
|
||||
<div class=" ui container" style="background-color: #e0e1e2">
|
||||
|
||||
<div class=" ui basic segment" style="margin: 0; ">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
44
_sass/_button.scss
Normal file
44
_sass/_button.scss
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
.ui.button.safing-active {
|
||||
box-shadow: 0 0 0 2px $primary inset !important;
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.ui.button.safing-active:hover {
|
||||
box-shadow: 0 0 0 2px $primary inset !important;
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
.ui.button.safing-secondary{
|
||||
box-shadow: 0 0 0 2px $secondary inset !important;
|
||||
color: $secondary;
|
||||
}
|
||||
.ui.button.safing-secondary:hover{
|
||||
box-shadow: 0 0 0 2px $fill_medium inset !important;
|
||||
background-color: $fill_medium;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//go to top button
|
||||
#myBtn {
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Fixed/sticky position */
|
||||
bottom: 200px; /* Place the button at the bottom of the page */
|
||||
right: 30px; /* Place the button 30px from the right */
|
||||
z-index: 99; /* Make sure it does not overlap */
|
||||
border: none; /* Remove borders */
|
||||
outline: none; /* Remove outline */
|
||||
background-color: $secondary; /* Set a background color */
|
||||
color: $white; /* Text color */
|
||||
cursor: pointer; /* Add a mouse pointer on hover */
|
||||
padding: 15px; /* Some padding */
|
||||
border-radius: 10px; /* Rounded corners */
|
||||
font-size: 18px; /* Increase font size */
|
||||
}
|
||||
|
||||
#myBtn:hover {
|
||||
background-color: $secondary; /* Add a dark-grey background on hover */
|
||||
//old color: #555
|
||||
}
|
||||
|
|
@ -1,24 +1,45 @@
|
|||
.community-snippet {
|
||||
.lead {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
// .community-snippet {
|
||||
// .lead {
|
||||
// font-size: 1.7em;
|
||||
// }
|
||||
//
|
||||
// aside {
|
||||
// background-color: $color_alabaster_approx;
|
||||
// }
|
||||
//
|
||||
// hr {
|
||||
// max-width: 750px;
|
||||
// margin: 0 auto;
|
||||
// }
|
||||
//
|
||||
// a {
|
||||
// color: $color_mine_shaft_approx;
|
||||
//
|
||||
// &:hover > div {
|
||||
// background-color: $color_gallery_approx;
|
||||
// border-radius: 15px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.community-snippet a {
|
||||
color: $white !important;
|
||||
}
|
||||
.community-snippet .ui.divider {
|
||||
border-top: $primary 3px solid !important;
|
||||
margin: 0 25%;
|
||||
|
||||
aside {
|
||||
background-color: $color_alabaster_approx;
|
||||
}
|
||||
}
|
||||
.community-snippet .ui.basic.segment {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.community-snippet .ui.basic.button {
|
||||
color: $white !important;
|
||||
box-shadow: 0 0 0 -1px;
|
||||
margin: 5px;
|
||||
&:hover {
|
||||
background-color: $secondary !important;
|
||||
|
||||
hr {
|
||||
max-width: 750px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $color_mine_shaft_approx;
|
||||
|
||||
&:hover > div {
|
||||
background-color: $color_gallery_approx;
|
||||
border-radius: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -31,7 +52,6 @@
|
|||
border-radius: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
|
|||
73
_sass/_floating_button.scss
Normal file
73
_sass/_floating_button.scss
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
#floating-button {
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
top: 25px;
|
||||
|
||||
background-color: $white;
|
||||
// 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;
|
||||
right: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
.footer-section {
|
||||
width: 100%;
|
||||
background-color: $color_celeste_approx;
|
||||
padding: 15px 0;
|
||||
border-top: 1px solid $color_pink_swan_approx;
|
||||
background-color: $fill_light;
|
||||
margin: 0 !important;
|
||||
|
||||
|
||||
a {
|
||||
color: $color_tapa_approx;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
body {
|
||||
font-family: 'Roboto' !important;
|
||||
body, .ui.header, h1, h2, h3, h4, h5, h6, p {
|
||||
font-family: 'Roboto', 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
||||
}
|
||||
a{
|
||||
color: $primary;
|
||||
}
|
||||
a:hover{
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
.color-primary {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.color-primary-important {
|
||||
color: $primary !important;
|
||||
}
|
||||
|
|
@ -14,44 +18,58 @@ body {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ui.segment.snippet {
|
||||
background-color: $fill_lighter;
|
||||
color: $white
|
||||
}
|
||||
|
||||
|
||||
.max-width-100 {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.page-divider {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-top: 0;
|
||||
border-bottom: 1px solid $color_alto_approx;
|
||||
|
||||
.one {
|
||||
position: relative;
|
||||
top: 25px;
|
||||
display: block;
|
||||
background: $color_alto_approx;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.two {
|
||||
position: relative;
|
||||
top: 8px;
|
||||
display: block;
|
||||
background: $white;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.pusher {
|
||||
background-color: $fill_light !important;
|
||||
}
|
||||
|
||||
|
||||
.content{
|
||||
background-color: $background_main;
|
||||
}
|
||||
|
||||
// .page-divider {
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
// border-top: 0;
|
||||
// border-bottom: 1px solid $color_alto_approx;
|
||||
//
|
||||
// .one {
|
||||
// position: relative;
|
||||
// top: 25px;
|
||||
// display: block;
|
||||
// background: $color_alto_approx;
|
||||
// width: 18px;
|
||||
// height: 18px;
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
// border-radius: 50%;
|
||||
// }
|
||||
//
|
||||
// .two {
|
||||
// position: relative;
|
||||
// top: 8px;
|
||||
// display: block;
|
||||
// background: $white;
|
||||
// width: 16px;
|
||||
// height: 16px;
|
||||
// margin-left: auto;
|
||||
// margin-right: auto;
|
||||
// border-radius: 50%;
|
||||
// }
|
||||
// }
|
||||
|
||||
.padding-top-10 { padding-top: 10px; }
|
||||
.padding-top-20 { padding-top: 20px; }
|
||||
.padding-top-40 { padding-top: 40px; }
|
||||
|
|
|
|||
|
|
@ -1,108 +1,152 @@
|
|||
.header-content {
|
||||
top: 35% !important;
|
||||
}
|
||||
#menubar {
|
||||
width: 100%;
|
||||
|
||||
.header-text {
|
||||
font-size: 55px;
|
||||
text-transform: none !important;
|
||||
color: $white;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.header-button {
|
||||
color: $white;
|
||||
background-color: transparent;
|
||||
border: 2px solid $white;
|
||||
|
||||
&:hover {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-static {
|
||||
background-color: $white;
|
||||
margin-bottom: 0;
|
||||
background-color: #38465c;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
border-bottom: 2px solid $primary;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
color: $color_mine_shaft_approx;
|
||||
&:focus {
|
||||
color: $color_mine_shaft_approx;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
#menubar.home {
|
||||
background-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
&.mobile {
|
||||
background-color: transparent !important;
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-sitename {
|
||||
display: inline-block;
|
||||
padding: 7px;
|
||||
padding-left: 16px;
|
||||
height: 100%;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
// no js version
|
||||
@media only screen and (max-width: 767px) {
|
||||
#menubar.home {
|
||||
background-color: #38465c !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
> h3 {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 35px;
|
||||
margin-top: 0.75em;
|
||||
padding-right: 1em;
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
#menubar .right.menu a.item {
|
||||
text-align: right !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media(min-width: 768px) {
|
||||
ul.nav li.dropdown:hover > ul.dropdown-menu {
|
||||
#menubar-mobile {
|
||||
display: none;
|
||||
&.activated {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.our-values-dropdown {
|
||||
background-color: #ffffffce;
|
||||
#menubar-computer.deactivated {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown .nav > li > a {
|
||||
color: $color_mine_shaft_approx;
|
||||
&:focus {
|
||||
color: $color_mine_shaft_approx;
|
||||
}
|
||||
// {% if include.home %}style='background-color: transparent;'{% endif %}
|
||||
|
||||
&:hover {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
.cover-footer {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
bottom: 35px;
|
||||
padding: 0 35px;
|
||||
|
||||
.btn {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
color: #fff0;
|
||||
|
||||
@media(min-width: 768px) {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .header-content {
|
||||
// top: 35% !important;
|
||||
// }
|
||||
//
|
||||
// .header-text {
|
||||
// font-size: 55px;
|
||||
// text-transform: none !important;
|
||||
// color: $white;
|
||||
// padding-bottom: 20px;
|
||||
// }
|
||||
//
|
||||
// .header-button {
|
||||
// color: $white;
|
||||
// background-color: transparent;
|
||||
// border: 2px solid $white;
|
||||
//
|
||||
// &:hover {
|
||||
// background-color: $primary;
|
||||
// color: $white;
|
||||
// border: 2px solid $primary;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .navbar-static {
|
||||
// background-color: $white;
|
||||
// margin-bottom: 0;
|
||||
// border-radius: 0;
|
||||
// border-bottom: 2px solid $primary;
|
||||
//
|
||||
// .nav > li > a {
|
||||
// color: $color_mine_shaft_approx;
|
||||
// &:focus {
|
||||
// color: $color_mine_shaft_approx;
|
||||
// }
|
||||
//
|
||||
// &:hover {
|
||||
// color: $primary;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .logo-sitename {
|
||||
// display: inline-block;
|
||||
// padding: 7px;
|
||||
// padding-left: 16px;
|
||||
// height: 100%;
|
||||
//
|
||||
// &:hover {
|
||||
// text-decoration: none;
|
||||
// }
|
||||
//
|
||||
// > h3 {
|
||||
// display: inline;
|
||||
// vertical-align: middle;
|
||||
// }
|
||||
//
|
||||
// img {
|
||||
// max-height: 35px;
|
||||
// margin-top: 0.75em;
|
||||
// padding-right: 1em;
|
||||
// vertical-align: middle;
|
||||
// border: 0;
|
||||
// margin: 0;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// @media(min-width: 768px) {
|
||||
// ul.nav li.dropdown:hover > ul.dropdown-menu {
|
||||
// display: block;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// .our-values-dropdown {
|
||||
// background-color: #ffffffce;
|
||||
// }
|
||||
//
|
||||
// .dropdown .nav > li > a {
|
||||
// color: $color_mine_shaft_approx;
|
||||
// &:focus {
|
||||
// color: $color_mine_shaft_approx;
|
||||
// }
|
||||
//
|
||||
// &:hover {
|
||||
// color: $primary;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// header {
|
||||
// .cover-footer {
|
||||
// width: 100%;
|
||||
// height: 50px;
|
||||
// position: absolute;
|
||||
// bottom: 35px;
|
||||
// padding: 0 35px;
|
||||
//
|
||||
// .btn {
|
||||
// float: right;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// i {
|
||||
// color: #fff0;
|
||||
//
|
||||
// @media(min-width: 768px) {
|
||||
// color: inherit;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -1,30 +1,65 @@
|
|||
#features {
|
||||
padding-top: 0px;
|
||||
|
||||
p {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
html {
|
||||
font-size: 1.0rem;
|
||||
}
|
||||
}
|
||||
|
||||
#vision-mission {
|
||||
padding-bottom: 30px;
|
||||
padding-top: 60px;
|
||||
|
||||
@media(min-width: 768px) {
|
||||
.row.vertical-align {
|
||||
&:last-child {
|
||||
margin-left: 110px;
|
||||
}
|
||||
|
||||
@media(min-width: 990px) {
|
||||
div:first-child {
|
||||
padding: 0;
|
||||
}
|
||||
div:last-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
html {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
html {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
// #features {
|
||||
// padding-top: 0px;
|
||||
//
|
||||
// p {
|
||||
// padding-top: 5px;
|
||||
// padding-bottom: 5px;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// #vision-mission {
|
||||
// padding-bottom: 30px;
|
||||
// padding-top: 60px;
|
||||
//
|
||||
// @media(min-width: 768px) {
|
||||
// .row.vertical-align {
|
||||
// &:last-child {
|
||||
// margin-left: 110px;
|
||||
// }
|
||||
//
|
||||
// @media(min-width: 990px) {
|
||||
// div:first-child {
|
||||
// padding: 0;
|
||||
// }
|
||||
// div:last-child {
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
69
_sass/_semantic_fixes.scss
Normal file
69
_sass/_semantic_fixes.scss
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
/*
|
||||
// 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) {
|
||||
[class*="mobile-hidden"],
|
||||
[class*="tablet-only"]:not(.mobile),
|
||||
[class*="computer-only"]:not(.mobile),
|
||||
[class*="large-screen-only"]:not(.mobile),
|
||||
[class*="widescreen-only"]:not(.mobile),
|
||||
[class*="or-lower-hidden"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
[class*="mobile-only"]:not(.tablet),
|
||||
[class*="tablet-hidden"],
|
||||
[class*="computer-only"]:not(.tablet),
|
||||
[class*="large-screen-only"]:not(.tablet),
|
||||
[class*="widescreen-only"]:not(.tablet),
|
||||
[class*="or-lower-hidden"]:not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
[class*="mobile-only"]:not(.computer),
|
||||
[class*="tablet-only"]:not(.computer),
|
||||
[class*="computer-hidden"],
|
||||
[class*="large-screen-only"]:not(.computer),
|
||||
[class*="widescreen-only"]:not(.computer),
|
||||
[class*="or-lower-hidden"]:not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
[class*="mobile-only"]:not([class*="large-screen"]),
|
||||
[class*="tablet-only"]:not([class*="large-screen"]),
|
||||
[class*="computer-only"]:not([class*="large-screen"]),
|
||||
[class*="large-screen-hidden"],
|
||||
[class*="widescreen-only"]:not([class*="large-screen"]),
|
||||
[class*="or-lower-hidden"]:not(.computer):not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
[class*="mobile-only"]:not([class*="widescreen"]),
|
||||
[class*="tablet-only"]:not([class*="widescreen"]),
|
||||
[class*="computer-only"]:not([class*="widescreen"]),
|
||||
[class*="large-screen-only"]:not([class*="widescreen"]),
|
||||
[class*="widescreen-hidden"],
|
||||
[class*="widescreen or-lower hidden"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,8 +1,16 @@
|
|||
$primary: #1fa787 !default;
|
||||
// from INFOUND
|
||||
$primary: #f39200 !default;
|
||||
// old: $primary: #1fa787 !default;
|
||||
$fill_light: #667082 !default;
|
||||
$fill_medium: #38465c !default;
|
||||
$fill_dark: #222a37 !default;
|
||||
|
||||
$email_user: 'hello' !default;
|
||||
$email_domain: 'safing.io' !default;
|
||||
// adaptions
|
||||
$background_main: #e0e1e2 !default;
|
||||
$fill_lighter: #788294 !default;
|
||||
$secondary: $fill_medium;
|
||||
|
||||
// other colors
|
||||
$color_mine_shaft_approx: #333 !default;
|
||||
$color_alto_approx: #ddd !default;
|
||||
$color_celeste_approx: #ccc !default;
|
||||
|
|
@ -17,3 +25,7 @@ $white: #ffffff !default;
|
|||
|
||||
$opacity-light: 0.7;
|
||||
$opacity-lighter: 0.5;
|
||||
|
||||
// email
|
||||
$email_user: 'hello' !default;
|
||||
$email_domain: 'safing.io' !default;
|
||||
|
|
|
|||
|
|
@ -2,11 +2,14 @@
|
|||
---
|
||||
|
||||
@import "variables.scss";
|
||||
@import "semantic_fixes.scss";
|
||||
|
||||
@import "community.scss";
|
||||
@import "footer.scss";
|
||||
@import "global.scss";
|
||||
@import "header.scss";
|
||||
@import "post.scss";
|
||||
@import "terms.scss";
|
||||
@import "contact.scss";
|
||||
@import "homepage.scss";
|
||||
@import "button.scss";
|
||||
@import "floating_button.scss";
|
||||
1
assets/css/main_old.css
Normal file
1
assets/css/main_old.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
|
||||
Binary file not shown.
|
Before 
(image error) Size: 790 KiB |
Binary file not shown.
|
Before 
(image error) Size: 12 MiB |
Binary file not shown.
|
Before 
(image error) Size: 272 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3 MiB |
BIN
assets/img/box.png
Normal file
BIN
assets/img/box.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 48 KiB |
Binary file not shown.
|
Before 
(image error) Size: 408 KiB |
BIN
assets/img/gate17.png
Normal file
BIN
assets/img/gate17.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 127 KiB |
BIN
assets/img/icons/gate_icon.png
Normal file
BIN
assets/img/icons/gate_icon.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 34 KiB |
155
assets/img/icons/gate_icon.svg
Normal file
155
assets/img/icons/gate_icon.svg
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, 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" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
|
||||
<g id="Gate_17_1_">
|
||||
<path fill="#FFFFFF" d="M200,45c41.4,0,80.325,16.123,109.602,45.398C338.877,119.675,355,158.599,355,200
|
||||
c0,41.402-16.123,80.326-45.398,109.602C280.325,338.877,241.4,355,200,355c-41.402,0-80.326-16.123-109.602-45.398
|
||||
C61.122,280.327,45,241.402,45,200c0-41.401,16.123-80.325,45.398-109.602C119.674,61.123,158.598,45,200,45 M200,25
|
||||
c-96.65,0-175,78.352-175,175c0,96.65,78.35,175,175,175c96.648,0,175-78.35,175-175C375,103.352,296.648,25,200,25L200,25z"/>
|
||||
<circle fill="#36A9E1" cx="200" cy="200.5" r="165"/>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<circle id="SVGID_1_" cx="200" cy="200.5" r="165"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_2_">
|
||||
<use xlink:href="#SVGID_1_" overflow="visible"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#SVGID_2_)">
|
||||
<path fill="#FFFFFF" d="M159.086,459.164c-1.767-6.777-4.587-21.404-10.234-26.135c-8.726-7.31-18.828-1.476-18.111,8.761
|
||||
c0.295,4.221,2.041,11.249-6.076,9.96"/>
|
||||
<path fill="#FFFFFF" d="M176.595,425.97c-2.425-8.976-3.159-13.833-3.524-22.102c-10.256-0.67-15.551,6.088-13.84,16.792
|
||||
c0.876,5.488,5.485,9.44,11.708,8.674c0.646-3.406,0.574-7.112,1.493-10.305L176.595,425.97z"/>
|
||||
<path fill="#FFFFFF" d="M127.323,428.746c-3.936,0.333-7.681,1.292-11.238,2.875c4.399,5.168,12.314,1.254,10.555-4.958
|
||||
c-1.802-6.361-9.786-5.312-9.727,1.387"/>
|
||||
<path fill="#FFFFFF" d="M148.836,398.905c0.347-7.259,0.899-15.287,0.709-22.796c-4.425-0.247-10.846-1.462-13.754,1.772
|
||||
c-1.893,2.105-0.873,7.287-2.225,9.915c-3.782,7.344-14.243,6.269-13.199,16.66c0.642,6.382,8.557,11.795,15.438,11.12
|
||||
c4.918-0.482,11.157-6.384,10.949-11.814L148.836,398.905z"/>
|
||||
<path fill="#FFFFFF" d="M130.099,371.839c4.98-3.296,10.537-25.955,0.139-22.065c-3.84,1.436-8.211,21.457-7.668,25.431
|
||||
c1.177,0.12,2.874,0.394,4.06,0.104L130.099,371.839z"/>
|
||||
<path fill="#FFFFFF" d="M161.327,349.632c4.257-5.499,9.864-22.648,4.891-29.35c-2.435-3.282-8.647-6.07-12.509-6.042
|
||||
c-7.302,0.052-5.514,2.693-6.246,8.867c-0.952,8.033-3.007,13.596-5.719,20.975c-3.607,9.812,4.318,12.034,13.908,12.367
|
||||
c0.205-1.129,1.266-1.986,1.512-2.652L161.327,349.632z"/>
|
||||
<path fill="#FFFFFF" d="M187.698,310.076c-4.773,3.96-8,1.662-7.634,9.021c0.315,6.341,2.812,7.668,9.055,8.328
|
||||
c10.259,1.084,12.941-12.528,4.131-15.268L187.698,310.076z"/>
|
||||
<path fill="#FFFFFF" d="M230.725,246.924c-19.506-4.669-21.636,21.874-7.808,20.682c3.479-0.301,6.412-3.75,9.194-4.752
|
||||
c2.105-0.76,6.111,0.06,7.84-1.844c5.07-5.58-0.963-11.13-6.45-11.31L230.725,246.924z"/>
|
||||
<path fill="#FFFFFF" d="M232.113,231.657c14.613-0.543,18.768-17.407,6.769-24.136c-11.182-6.27-23.684-1.765-32.29,6.109
|
||||
c-19.158,17.529,5.869,25.333,21.356,19.414L232.113,231.657z"/>
|
||||
<path fill="#FFFFFF" d="M185.617,229.575c-4.142,2.237-5.977,8.321-0.191,9.905c5.894,1.614,7.603-5.863,2.272-8.519
|
||||
L185.617,229.575z"/>
|
||||
<path fill="#FFFFFF" d="M259.177,174.752c-2.806,5.853-18.442,12.881-9.524,22.034c5.763,5.914,26.9,5.606,33.813,2.269
|
||||
c7.505-3.624,12.806-16.069,6.435-22.758c-4.617-4.849-16.217-3.626-23.09-3.626L259.177,174.752z"/>
|
||||
<path fill="#FFFFFF" d="M323.717,151.851c-2.593,2.548-4.74,8.221-6.957,11.64c-1.71,2.64-4.852,6.179-6.035,9.35
|
||||
c-5.027,13.443,13.086,9.161,20.571,6.093c7.211-2.956,22.867-2.874,20.179-13.897c-1.416-5.808-13.914-10.005-20.125-11.797
|
||||
L323.717,151.851z"/>
|
||||
<path fill="#FFFFFF" d="M300.122,150.463c-4.424,1.872-10.222-1.197-13.724,2.898c-3.506,4.103-1.769,9.377,2.113,11.537
|
||||
c7.115,3.958,15.795-2.935,15.08-10.272L300.122,150.463z"/>
|
||||
<path fill="#FFFFFF" d="M348.7,136.584c-2.247-3.585-16.929-3.998-15.285,4.874c0.93,5.018,9.14,6.452,13.341,7.772
|
||||
c4.725,1.484,13.307,4.948,14.434-1.542c0.99-5.709-4.274-5.438-6.938-9.022L348.7,136.584z"/>
|
||||
<path fill="#FFFFFF" d="M372.989,132.42c-6.165-0.641-11.759,4.784-5.062,9.209c4.875,3.222,10.701-1.7,7.839-6.434
|
||||
L372.989,132.42z"/>
|
||||
<path fill="#FFFFFF" d="M391.032,123.398c-1.737,1.478-3.88,2.473-6.173,2.914c-0.434,11.002,2.961,18.374,6.712,28.347
|
||||
c5.141,13.669,15.332,6.67,23.21-0.933c6.772-6.536,21.618-25.408,9.523-31.02c-6.627-3.076-22.06-4.662-29.111-2.085
|
||||
L391.032,123.398z"/>
|
||||
<path fill="#FFFFFF" d="M457.654,141.441c4.783-0.174,25.381-8.147,19.273-15.246c-4.521-5.255-21.127-1.818-27.654-2.797
|
||||
c-6.206-0.932-18.206-1.454-15.209,9.713c1.729,6.445,13.823,6.202,19.426,9.718L457.654,141.441z"/>
|
||||
<path fill="#FFFFFF" d="M478.473,142.83c-6.957-0.099-14.687,8.026-5.566,11.119c8.04,2.729,17.209-8.003,9.038-9.038
|
||||
L478.473,142.83z"/>
|
||||
<path fill="#FFFFFF" d="M210.6,292.033c0.688,0.762,1.185,0.783,1.491,0.064c-0.25-5.998,0.796-11.455-2.34-16.736
|
||||
c-1.726-2.906-4.479-4.719-6.053-7.807c-1.403-2.75-0.782-6.015-2.121-8.832c-1.71-3.599-7.086-5.771-11.671-7.375
|
||||
c-15.826-5.537-26.056,11.947-31.375,24.744c-2.651,6.378-7.971,15.796-2.599,19.583c2.21,1.558,6.335,1.423,8.864,2.744
|
||||
c3.569,1.863,4.652,3.938,9.022,4.719c5.836,1.044,12.954,0.544,18.042-0.848c3.611-0.987,15.833-2.091,18.044-4.703
|
||||
L210.6,292.033z"/>
|
||||
<path fill="#FFFFFF" d="M125.292,446.136c1.435-2.557,0.883-7.241,0.416-10.135c-0.579-3.576-3.172-7.797-7.48-4.542
|
||||
c-4.234,3.201-3.181,13.562-0.812,17.472"/>
|
||||
<path fill="#FFFFFF" d="M138.657,431.44c4.824-3.9,6.306-26.517-3.792-19.226c-2.674,1.93-3.919,7.712-3.367,10.747
|
||||
c0.551,3.042,2.402,5.889,4.2,8.123L138.657,431.44z"/>
|
||||
<path fill="#FFFFFF" d="M124.56,395.15c5.655,0.067,6.488-9.263,7.618-13.302c1.832-6.548,4.412-12.091,4.627-19.006
|
||||
c0.204-6.508-0.413-12.055,5.738-16.091c4.642-3.047,6.936,2.465,8.468,7.081c2.167,6.524-2.21,9.462-3.786,15.309
|
||||
c-2.542,9.437-1.447,17.766-8.258,25.466c-3.208,3.625-9.006,8.782-14.166,4.647L124.56,395.15z"/>
|
||||
<path fill="#FFFFFF" d="M119.581,415.841c2.271-1.025,5.921-2.04,4.973-5.356c-0.802-2.814-5.127-3.765-7.498-2.467
|
||||
c-2.606,1.429-4.785,7.725,0.311,6.935L119.581,415.841z"/>
|
||||
<path fill="#FFFFFF" d="M163.241,375.282c7.244-2.788,9.188-18.197-0.721-14.806c-3.794,1.299-6.954,4.408-7.309,8.631
|
||||
c-0.237,2.799,0.789,7.632,4.393,6.757L163.241,375.282z"/>
|
||||
<path fill="#FFFFFF" d="M148.512,322.099c3.471-10.563,11.767-20.149,20.133-27.424c6.147-5.343,13.54,2.05,20.489,4.245
|
||||
c9.781,3.087,15.468,9.483,15.187,20.188c-0.174,6.673,1.662,16.273-1.246,22.354c-3.124,6.533-11.772,4.977-18.331,5.192
|
||||
c-7.958,0.261-10.086-1.122-15.905-6.252c-5.705-5.031-16.01-8.402-19-15.197L148.512,322.099z"/>
|
||||
<path fill="#FFFFFF" d="M144.812,343.001c2.921,4.218,6.858-0.104,7.293-3.19c0.523-3.719-0.286-6.818-4.425-7.248
|
||||
c-7.679-0.791-7.627,5.908-4.145,10.228L144.812,343.001z"/>
|
||||
<path fill="#FFFFFF" d="M185.287,254.045c-2.487,4.947-9.169,8.057-6.819,14.365c1.964,5.271,9.606,5.008,14.805,4.261
|
||||
c11.663-1.672,13.45-12.728,18.063-21.479c2.112-4.004,5.756-7.035,0.598-11.354c-4.082-3.417-7.757-1.625-11.254,0.979
|
||||
c-2.892,2.154-5.481,3.798-8.129,6.254c-1.368,1.271-4.044,2.712-4.758,4.504L185.287,254.045z"/>
|
||||
<path fill="#FFFFFF" d="M210.036,276.609c-7.354-1.635-13.819,10.681-6.188,15.047c6.06,3.467,13.657-1.819,16.946-6.915
|
||||
c2.595-4.013,2.716-7.57-0.797-10.438c-2.881-2.352-3.476-1.339-7.117-0.635L210.036,276.609z"/>
|
||||
<path fill="#FFFFFF" d="M183.461,286.667c14.217-10.079-13.557-9.541-2.408-2.103L183.461,286.667z"/>
|
||||
<path fill="#FFFFFF" d="M166.907,286.828c4.485-0.473,7.644-7.004,1.678-7.645c-3.89-0.418-4.048,3.198-3.552,6.286
|
||||
L166.907,286.828z"/>
|
||||
<path fill="#FFFFFF" d="M243.496,242.243c8.842-1.412,14.258-3.455,20.379-9.985c5.179-5.523-0.275-9.402-6.337-9.378
|
||||
c-5.606,0.022-18.788,3.361-20.781,9.833c-1.353,4.387,1.562,8.485,5.802,8.852L243.496,242.243z"/>
|
||||
<path fill="#FFFFFF" d="M225.634,226.45c4.534-3.14,9.357,1.493,12.009-5.298c0.92-2.357,1.428-6.307-0.104-8.547
|
||||
c-5.668-8.283-16.31,1.694-20.705,5.543c-3.724,3.261-8.349,7.709-2.263,11.74c2.716,1.797,8.623,2.17,9.707-1.562
|
||||
L225.634,226.45z"/>
|
||||
<path fill="#FFFFFF" d="M227.688,252.232c3.836-1.396,8.231-4.39,5.938-9.742c-1.55-3.617-6.077-4.361-9.623-3.312
|
||||
c0.343,1.709,0.336,3.535,0.295,5.26c-2.185,1.727-0.976,5.854,2.192,5.5L227.688,252.232z"/>
|
||||
<path fill="#FFFFFF" d="M254.939,210.156c0.18,0.6-0.181,0.708,0.33,1.213c5.513,0.466,12.119,0.023,17.678-0.325
|
||||
c3.958-0.25,8.209-1.392,11.378-3.844c5.177-4.004,7.227-11.076,10.942-16.141c4.385-5.978,20.396-10.003,12.631-20.026
|
||||
c-6.586-8.504-19.656-1.189-26.828,3.143c-4.018,2.429-8.012,4.931-11.698,7.859c-3.784,3.011-8.462,5.07-12.073,8.159
|
||||
c-3.855,3.3-8.281,11.832-5.773,16.777L254.939,210.156z"/>
|
||||
<path fill="#FFFFFF" d="M309.318,197.725c6.078-1.349,7.315-5.56,1.889-7.65c-3.404-1.311-4.204-1.411-7.273,0.533
|
||||
c-1.6,1.015-5.199,3.364-5.146,5.465c0.084,3.451,5.583,3.7,8.233,2.849L309.318,197.725z"/>
|
||||
<path fill="#FFFFFF" d="M276.604,221.195c3.845-1.461-0.388-6.854-3.797-5.969c0.144,2.097-0.401,4.004,0.152,6.066
|
||||
c0.778,0.275,1.6,0.357,2.43,0.098L276.604,221.195z"/>
|
||||
<path fill="#FFFFFF" d="M245.193,260.624c8.939-6.217-2.965-12.548-7.141-8.306c-3.932,3.996,2.915,8.537,6.607,7.562
|
||||
L245.193,260.624z"/>
|
||||
<path fill="#FFFFFF" d="M335.876,169.436c0.37,8.601,10.019,6.689,15.78,5.764c6.508-1.046,13.066-2.301,11.478-10.466
|
||||
c-2.106-10.81-28.399-5.439-26.901,1.745L335.876,169.436z"/>
|
||||
<path fill="#FFFFFF" d="M343.021,146.739c-0.643,5.159,10.48,1.947,13.775,1.92c5.719-0.048,14.579-1.772,11.442-10.129
|
||||
c-3.784-10.083-24.436-3.348-26.011,5.85L343.021,146.739z"/>
|
||||
<path fill="#FFFFFF" d="M386.327,140.224c4.522-0.724,10.489-0.116,8.514-6.364c-1.005-3.18-3.157-4.42-6.915-3.838
|
||||
c-5.552,0.861-6.93,6.919-3.619,10.525L386.327,140.224z"/>
|
||||
<path fill="#FFFFFF" d="M380.946,160.98c2.627-1.381,6.2-3.36,3.435-7.192c-2.541-3.521-9.148-2.026-12.666-1.215
|
||||
c0.9,5.521,0.667,6.471,5.188,9.054L380.946,160.98z"/>
|
||||
<path fill="#FFFFFF" d="M463.408,144.135c2.336-8.7,14.369-19.628,14.922-4.77c0.096,2.574-0.141,5.1-0.925,7.21
|
||||
c-1.254,3.375-3.912,5.686-8.857,5.428C463.33,151.73,462.323,148.173,463.408,144.135z"/>
|
||||
<path fill="#FFFFFF" d="M492.168,124.833c-6.009,0.003-11.839,13.02-6.847,17.815c2.761,2.652,15.446,0.02,19.407-1.552"/>
|
||||
<path fill="#FFFFFF" d="M405.551,128.15c-1.811,7.365-4.508,14.142-5.922,21.19c-1.617,8.055-0.327,9.006,5.108,14.237
|
||||
c4.473,4.302,6.843,11.736,12.481,13.853c10.983,4.124,19.053-9.231,23.271-16.373c5.962-10.096,14.719-25.679,4.006-36.345
|
||||
c-5.585-5.56-13.378-1.431-20.905-2.089c-5.132-0.446-10.181-1.002-15.024-1.982L405.551,128.15z"/>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M828.146,449.031h-38.339v-1.5c0-92.678-36.091-179.809-101.624-245.34
|
||||
C622.65,136.658,535.52,100.567,442.843,100.567c-92.678,0-179.808,36.091-245.341,101.625S95.88,354.854,95.88,447.531v1.5
|
||||
H57.541v-1.5c0-52.016,10.188-102.476,30.28-149.979c19.406-45.881,47.188-87.087,82.573-122.472s76.59-63.167,122.472-82.573
|
||||
c47.503-20.092,97.963-30.28,149.978-30.28c52.016,0,102.476,10.188,149.979,30.28c45.881,19.406,87.087,47.188,122.472,82.573
|
||||
s63.167,76.591,82.573,122.472c20.092,47.503,30.279,97.963,30.279,149.979V449.031L828.146,449.031z"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon fill="#FFFFFF" points="206.812,120.631 223.702,134.423 208.773,144.271 "/>
|
||||
<polygon fill="#FFFFFF" points="115.67,211.227 129.736,228.389 139.311,213.188 "/>
|
||||
<path fill="#36A9E1" d="M118.894,209.382c20.439,10.573,65.731,31.87,65.731,31.87l51.788-51.788
|
||||
c0,0-22.833-48.469-31.504-66.097C184.117,121.432,125.561,175.946,118.894,209.382z"/>
|
||||
<path fill="#FFFFFF" d="M154.414,155.27c18.635-18.635,39.68-32.911,50.498-31.905c8.67,17.629,31.504,66.097,31.504,66.097
|
||||
l-51.788,51.788c0,0-45.292-21.297-65.731-31.869C122.095,193.339,137.23,172.453,154.414,155.27 M152.292,153.148
|
||||
c-19.743,19.743-33.327,40.545-36.337,55.645l-0.441,2.214l2.005,1.037c20.256,10.479,65.379,31.707,65.833,31.92l1.907,0.897
|
||||
l1.49-1.491l51.788-51.787l1.492-1.492l-0.899-1.908c-0.228-0.485-22.942-48.693-31.526-66.143l-0.74-1.508l-1.674-0.154
|
||||
C191.6,119.112,168.201,137.24,152.292,153.148L152.292,153.148z"/>
|
||||
<g>
|
||||
<path fill="#36A9E1" d="M127.584,206.162c17.609,9.109,56.63,27.457,56.63,27.457l44.617-44.617
|
||||
c0,0-19.671-41.758-27.142-56.944C183.776,130.39,133.327,177.355,127.584,206.162z"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="128.839" y="170.315" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 407.1571 174.9794)" fill="#FFFFFF" width="76.999" height="3"/>
|
||||
|
||||
<rect x="153.011" y="185.451" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 443.6953 190.1177)" fill="#FFFFFF" width="58.924" height="3.001"/>
|
||||
|
||||
<rect x="175.849" y="200.584" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 480.2314 205.2484)" fill="#FFFFFF" width="43.516" height="3"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 13 KiB |
BIN
assets/img/icons/lighthouse_icon.png
Normal file
BIN
assets/img/icons/lighthouse_icon.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 23 KiB |
63
assets/img/icons/lighthouse_icon.svg
Normal file
63
assets/img/icons/lighthouse_icon.svg
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, 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" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
|
||||
<g id="Community">
|
||||
<path fill="#FFFFFF" d="M200,45c41.4,0,80.325,16.123,109.602,45.398C338.877,119.675,355,158.599,355,200
|
||||
c0,41.402-16.123,80.326-45.398,109.602C280.325,338.877,241.4,355,200,355c-41.402,0-80.326-16.123-109.602-45.398
|
||||
C61.122,280.327,45,241.402,45,200c0-41.401,16.123-80.325,45.398-109.602C119.674,61.123,158.598,45,200,45 M200,25
|
||||
c-96.65,0-175,78.352-175,175c0,96.65,78.35,175,175,175c96.648,0,175-78.35,175-175C375,103.352,296.648,25,200,25L200,25z"/>
|
||||
<circle fill="#C16F6F" cx="200" cy="200.5" r="165"/>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<circle id="SVGID_1_" cx="200" cy="200.5" r="165"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_2_">
|
||||
<use xlink:href="#SVGID_1_" overflow="visible"/>
|
||||
</clipPath>
|
||||
<path clip-path="url(#SVGID_2_)" fill="#FFFFFF" d="M247.374,320.323c0.007-12.595,3.052-22.354,8.806-28.228
|
||||
c4.305-4.393,8.676-5.111,8.713-5.117l1.116-0.162v-8.553l0.08,0.014v-5.92l-0.081-0.015v-0.198h-0.268v-7.905v-1.329v-4.725
|
||||
v-0.555v-0.773c-5.877-1.158-13.068-2.135-21.165-2.9v-29.112c0-2.653,0.31-4.834,0.886-6.448l5.837-2.603l-0.129-0.053
|
||||
l0.297,0.075l-0.092-2.53v-6v-0.843c0.017,0.002,0.034,0.005,0.052,0.007c0-3.439,0-3.886,0-7.175
|
||||
c-5.711-0.658-12.058-1.206-18.874-1.625v-51.705c4.105-0.819,8.023-2.108,8.023-4.051c0,0-0.722-3.361-4.322-3.361
|
||||
c0,0-3.517-29.949-29.701-34.287v-6.529c0,0,0.066-3.487-3.739-4.66v-2.165c3.662-1.186,6.312-4.62,6.312-8.677
|
||||
c0-5.039-4.084-9.124-9.123-9.124s-9.123,4.085-9.123,9.124c0,4.057,2.649,7.491,6.312,8.677v2.166
|
||||
c-3.807,1.173-3.739,4.66-3.739,4.66v6.528c-26.188,4.337-29.703,34.288-29.703,34.288c-3.602,0-4.322,3.361-4.322,3.361
|
||||
c0,1.943,3.918,3.232,8.023,4.051v51.798c-6.842,0.444-13.192,1.019-18.873,1.705c0,2.037,0.009,3.853,0.011,6.08l-0.051,0.006
|
||||
v1.752v6v2.508l0.574-0.145l-0.354,0.145l5.661,2.523c0.595,1.623,0.918,3.83,0.918,6.526v29.121
|
||||
c-8.06,0.765-15.22,1.738-21.073,2.892v0.537v0.793v4.725v1.329v7.905h-0.268v13.543l0.005,1.119h0.004l0,0l0.5,0.077
|
||||
l0.602,0.093c0.044,0.008,4.414,0.727,8.719,5.119c2.84,2.898,5.017,6.748,6.497,11.414c0.02,0.062,0.042,0.118,0.061,0.178
|
||||
c0.089,0.285,0.166,0.58,0.249,0.869c1.312,4.56,1.995,9.845,1.998,15.766l-20.202,330.419l0,0h135.152l0,0L247.374,320.323z
|
||||
M249.417,213.279v0.007c0,0-0.194-0.038-0.513-0.04C249.16,213.246,249.34,213.268,249.417,213.279z M235.977,259.303
|
||||
c-4.365-0.311-8.924-0.566-13.629-0.76v-4.749c4.707,0.194,9.266,0.45,13.629,0.761V259.303z M235.977,260.609v8.078
|
||||
c-4.365-0.31-8.924-0.562-13.629-0.754v-8.086C227.055,260.042,231.611,260.298,235.977,260.609z M213.593,267.65v-8.084
|
||||
c2.513,0.062,5.007,0.135,7.451,0.229v8.086C218.598,267.788,216.109,267.712,213.593,267.65z M188.809,252.15v-24.408
|
||||
c0,0,0.534-11.192,11.191-11.192s11.191,11.192,11.191,11.192v24.408c-3.681-0.074-7.418-0.112-11.191-0.112
|
||||
C196.225,252.038,192.488,252.076,188.809,252.15z M199.348,253.343v4.749c-3.554,0.004-7.071,0.042-10.539,0.112v-4.749
|
||||
C192.276,253.386,195.794,253.348,199.348,253.343z M200.652,253.343c3.554,0.005,7.07,0.042,10.539,0.112v4.749
|
||||
c-3.469-0.069-6.986-0.106-10.539-0.112V253.343z M221.044,258.49c-2.444-0.094-4.938-0.167-7.451-0.229v-4.748
|
||||
c2.513,0.062,5.007,0.133,7.451,0.229V258.49z M199.348,259.396v8.093H200h0.652v-8.093c3.554,0.004,7.07,0.043,10.539,0.112
|
||||
v8.091c-3.676-0.072-7.41-0.11-11.191-0.11s-7.517,0.038-11.191,0.11v-8.091C192.276,259.439,195.794,259.4,199.348,259.396z
|
||||
M186.407,258.262c-2.513,0.062-5.006,0.135-7.451,0.229v-4.749c2.445-0.095,4.938-0.167,7.451-0.229V258.262z M186.407,259.566
|
||||
v8.084c-2.517,0.062-5.004,0.138-7.451,0.23v-8.086C181.401,259.701,183.895,259.628,186.407,259.566z M244.575,255.268
|
||||
c7.522,0.715,14.257,1.61,19.86,2.668v4.727c-5.623-1.049-12.354-1.939-19.86-2.648V255.268z M264.436,263.988v8.06
|
||||
c-5.681-1.055-12.392-1.946-19.859-2.651v-8.074C252.098,262.036,258.832,262.932,264.436,263.988z M235.977,229.698v23.55
|
||||
c-7.027-0.5-14.561-0.854-22.384-1.045v-22.505c0,0,0.533-11.191,11.191-11.191C235.441,218.507,235.977,229.698,235.977,229.698
|
||||
z M200.979,187.809v-27.694c10.316,0.018,20.342,0.314,29.615,0.857v-0.32v-1.311v-0.326c-9.285-0.544-19.311-0.84-29.615-0.858
|
||||
v-10.982h22.312c0,0,3.474-0.242,7.308-0.876v51.233c-9.176-0.523-19.162-0.814-29.617-0.818v-6.949
|
||||
c10.315,0.018,20.341,0.313,29.615,0.857v-0.319v-1.311v-0.326C221.309,188.123,211.283,187.827,200.979,187.809z
|
||||
M169.404,146.299c3.833,0.634,7.307,0.876,7.307,0.876h22.311v10.982c-10.307,0.018-20.326,0.314-29.614,0.858v0.326v1.311v0.32
|
||||
c9.275-0.543,19.301-0.84,29.614-0.857v27.694c-10.307,0.018-20.326,0.314-29.614,0.857v0.326v1.311v0.319
|
||||
c9.275-0.543,19.301-0.839,29.614-0.857v6.954c-10.479,0.032-20.473,0.347-29.617,0.898v-51.318H169.404z M164.023,229.698
|
||||
c0,0,0.534-11.191,11.192-11.191c10.658,0,11.191,11.191,11.191,11.191v22.505c-7.824,0.191-15.355,0.544-22.384,1.045
|
||||
L164.023,229.698L164.023,229.698z M164.023,254.557c4.364-0.312,8.922-0.567,13.628-0.762v4.749
|
||||
c-4.704,0.194-9.262,0.449-13.628,0.761V254.557z M177.651,259.848v8.086c-4.705,0.192-9.264,0.444-13.628,0.754v-8.078
|
||||
C168.388,260.298,172.945,260.042,177.651,259.848z M135.563,257.936c5.581-1.054,12.284-1.945,19.77-2.658v4.744
|
||||
c-7.469,0.709-14.17,1.596-19.77,2.641V257.936z M155.333,261.331v8.075c-7.432,0.705-14.113,1.593-19.77,2.643v-8.06
|
||||
C141.145,262.936,147.848,262.043,155.333,261.331z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 5.8 KiB |
BIN
assets/img/icons/portmaster_icon.png
Normal file
BIN
assets/img/icons/portmaster_icon.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 30 KiB |
120
assets/img/icons/portmaster_icon.svg
Normal file
120
assets/img/icons/portmaster_icon.svg
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, 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" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="400px" height="400px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
|
||||
<g id="Portmaster">
|
||||
<path fill="#FFFFFF" d="M200,45c41.4,0,80.325,16.123,109.602,45.398C338.877,119.675,355,158.599,355,200
|
||||
c0,41.402-16.123,80.326-45.398,109.602C280.325,338.877,241.4,355,200,355c-41.402,0-80.326-16.123-109.602-45.398
|
||||
C61.122,280.327,45,241.402,45,200c0-41.401,16.123-80.325,45.398-109.602C119.674,61.123,158.598,45,200,45 M200,25
|
||||
c-96.65,0-175,78.352-175,175c0,96.65,78.35,175,175,175c96.648,0,175-78.35,175-175C375,103.352,296.648,25,200,25L200,25z"/>
|
||||
<circle fill="#36A9E1" cx="200" cy="200.5" r="165"/>
|
||||
<g>
|
||||
<g>
|
||||
<defs>
|
||||
<circle id="SVGID_1_" cx="200" cy="200.5" r="165"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_2_">
|
||||
<use xlink:href="#SVGID_1_" overflow="visible"/>
|
||||
</clipPath>
|
||||
<g display="none" clip-path="url(#SVGID_2_)">
|
||||
<path display="inline" fill="#A88F71" d="M181.824,640.083l-11.583-36.619C165.914,557.033,314.089,260.855,320.4,248.27
|
||||
c7.447-15.709,9.065-27.115,4.648-32.918c-4.919-6.463-16.591-4.634-16.71-4.612l-0.526,0.05l-215.718,2.999
|
||||
c-15.376-0.095-25.413-4.228-29.89-12.272c-4.172-7.497-2.88-17.823,3.544-28.329c9.046-14.792,155.854-225.371,157.657-227.931
|
||||
l5.458,3.845C228.425-50.273,80.38,162.064,71.446,176.673c-5.057,8.268-6.331,16.341-3.406,21.596
|
||||
c3.175,5.704,11.48,8.76,24.028,8.842l215.411-2.995c2.228-0.337,15.918-1.962,22.883,7.192
|
||||
c6.113,8.033,4.779,21.452-3.961,39.889c-1.566,3.123-152.883,305.552-149.541,351.305l9.993,31.372
|
||||
c29.355,2.938,299.512,30.503,339.841,53.685l-3.325,5.791c-40.526-23.271-336.374-52.752-339.359-53.049L181.824,640.083z"/>
|
||||
<g display="inline">
|
||||
<polygon fill="#EEC589" points="154.972,169.864 180.889,169.78 136.911,238.479 111.207,237.754 "/>
|
||||
<path fill="#A88F71" d="M180.889,169.78l-43.979,68.696l-25.704-0.724l43.766-67.89L180.889,169.78 M193.119,163.062
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011l-1.964,3.048l-43.766,67.89l-6.422,9.959l11.847,0.334l25.704,0.726l3.775,0.104
|
||||
l2.036-3.182l43.979-68.697L193.119,163.062L193.119,163.062z"/>
|
||||
</g>
|
||||
<g display="inline">
|
||||
<polygon fill="#EEC589" points="202.611,169.618 228.529,169.535 184.55,238.232 158.846,237.508 "/>
|
||||
<path fill="#A88F71" d="M228.529,169.535l-43.979,68.697l-25.704-0.725l43.765-67.89L228.529,169.535 M240.758,162.818
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011L197,166l-43.766,67.891l-6.421,9.957l11.846,0.336l25.705,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L240.758,162.818L240.758,162.818z"/>
|
||||
</g>
|
||||
<g display="inline">
|
||||
<polygon fill="#EEC589" points="250.122,169.868 276.039,169.785 232.061,238.482 206.355,237.758 "/>
|
||||
<path fill="#A88F71" d="M276.039,169.785l-43.979,68.697l-25.705-0.725l43.767-67.89L276.039,169.785 M288.268,163.067
|
||||
l-12.25,0.04L250.1,163.19l-3.627,0.012l-1.964,3.048l-43.767,67.891l-6.422,9.959l11.846,0.334l25.704,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L288.268,163.067L288.268,163.067z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<defs>
|
||||
<circle id="SVGID_3_" cx="200" cy="200.5" r="165"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_4_">
|
||||
<use xlink:href="#SVGID_3_" overflow="visible"/>
|
||||
</clipPath>
|
||||
<g display="none" clip-path="url(#SVGID_4_)">
|
||||
<path display="inline" fill="#FFFFFF" d="M181.824,640.083l-11.583-36.619C165.914,557.033,314.089,260.855,320.4,248.27
|
||||
c7.447-15.709,9.065-27.115,4.648-32.918c-4.919-6.463-16.591-4.634-16.71-4.612l-0.526,0.05l-215.718,2.999
|
||||
c-15.376-0.095-25.413-4.228-29.89-12.272c-4.172-7.497-2.88-17.823,3.544-28.329c9.046-14.792,155.854-225.371,157.657-227.931
|
||||
l5.458,3.845C228.425-50.273,80.38,162.064,71.446,176.673c-5.057,8.268-6.331,16.341-3.406,21.596
|
||||
c3.175,5.704,11.48,8.76,24.028,8.842l215.411-2.995c2.228-0.337,15.918-1.962,22.883,7.192
|
||||
c6.113,8.033,4.779,21.452-3.961,39.889c-1.566,3.123-152.883,305.552-149.541,351.305l9.993,31.372
|
||||
c29.355,2.938,299.512,30.503,339.841,53.685l-3.325,5.791c-40.526-23.271-336.374-52.752-339.359-53.049L181.824,640.083z"/>
|
||||
<g display="inline">
|
||||
<polygon fill="#FFFFFF" points="154.972,169.864 180.889,169.78 136.911,238.479 111.207,237.754 "/>
|
||||
<path fill="#36A9E1" d="M180.889,169.78l-43.979,68.696l-25.704-0.724l43.766-67.89L180.889,169.78 M193.119,163.062
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011l-1.964,3.048l-43.766,67.89l-6.422,9.959l11.847,0.334l25.704,0.726l3.775,0.104
|
||||
l2.036-3.182l43.979-68.697L193.119,163.062L193.119,163.062z"/>
|
||||
</g>
|
||||
<g display="inline">
|
||||
<polygon fill="#FFFFFF" points="202.611,169.618 228.529,169.535 184.55,238.232 158.846,237.508 "/>
|
||||
<path fill="#36A9E1" d="M228.529,169.535l-43.979,68.697l-25.704-0.725l43.765-67.89L228.529,169.535 M240.758,162.818
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011L197,166l-43.766,67.891l-6.421,9.957l11.846,0.336l25.705,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L240.758,162.818L240.758,162.818z"/>
|
||||
</g>
|
||||
<g display="inline">
|
||||
<polygon fill="#FFFFFF" points="250.122,169.868 276.039,169.785 232.061,238.482 206.355,237.758 "/>
|
||||
<path fill="#36A9E1" d="M276.039,169.785l-43.979,68.697l-25.705-0.725l43.767-67.89L276.039,169.785 M288.268,163.067
|
||||
l-12.25,0.04L250.1,163.19l-3.627,0.012l-1.964,3.048l-43.767,67.891l-6.422,9.959l11.846,0.334l25.704,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L288.268,163.067L288.268,163.067z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<defs>
|
||||
<circle id="SVGID_5_" cx="200" cy="200.5" r="165"/>
|
||||
</defs>
|
||||
<clipPath id="SVGID_6_">
|
||||
<use xlink:href="#SVGID_5_" overflow="visible"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#SVGID_6_)">
|
||||
<path fill="#FFFFFF" d="M181.824,640.083l-11.583-36.619C165.914,557.033,314.089,260.855,320.4,248.27
|
||||
c7.447-15.709,9.065-27.115,4.648-32.918c-4.919-6.463-16.591-4.634-16.71-4.612l-0.526,0.05l-215.718,2.999
|
||||
c-15.376-0.095-25.413-4.228-29.89-12.272c-4.172-7.497-2.88-17.823,3.544-28.329c9.046-14.792,155.854-225.371,157.657-227.931
|
||||
l5.458,3.845C228.425-50.273,80.38,162.064,71.446,176.673c-5.057,8.268-6.331,16.341-3.406,21.596
|
||||
c3.175,5.704,11.48,8.76,24.028,8.842l215.411-2.995c2.228-0.337,15.918-1.962,22.883,7.192
|
||||
c6.113,8.033,4.779,21.452-3.961,39.889c-1.566,3.123-152.883,305.552-149.541,351.305l9.993,31.372
|
||||
c29.355,2.938,299.512,30.503,339.841,53.685l-3.325,5.791c-40.526-23.271-336.374-52.752-339.359-53.049L181.824,640.083z"/>
|
||||
<g>
|
||||
<polygon fill="#36A9E1" points="154.972,169.864 180.889,169.78 136.911,238.479 111.207,237.754 "/>
|
||||
<path fill="#FFFFFF" d="M180.889,169.78l-43.979,68.696l-25.704-0.724l43.766-67.89L180.889,169.78 M193.119,163.062
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011l-1.964,3.048l-43.766,67.89l-6.422,9.959l11.847,0.334l25.704,0.726l3.775,0.104
|
||||
l2.036-3.182l43.979-68.697L193.119,163.062L193.119,163.062z"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon fill="#36A9E1" points="202.611,169.618 228.529,169.535 184.55,238.232 158.846,237.508 "/>
|
||||
<path fill="#FFFFFF" d="M228.529,169.535l-43.979,68.697l-25.704-0.725l43.765-67.89L228.529,169.535 M240.758,162.818
|
||||
l-12.25,0.04l-25.917,0.083l-3.627,0.011L197,166l-43.766,67.891l-6.421,9.957l11.846,0.336l25.705,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L240.758,162.818L240.758,162.818z"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon fill="#36A9E1" points="250.122,169.868 276.039,169.785 232.061,238.482 206.355,237.758 "/>
|
||||
<path fill="#FFFFFF" d="M276.039,169.785l-43.979,68.697l-25.705-0.725l43.767-67.89L276.039,169.785 M288.268,163.067
|
||||
l-12.25,0.04L250.1,163.19l-3.627,0.012l-1.964,3.048l-43.767,67.891l-6.422,9.959l11.846,0.334l25.704,0.725l3.776,0.105
|
||||
l2.035-3.183l43.979-68.697L288.268,163.067L288.268,163.067z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 8.1 KiB |
BIN
assets/img/landscape.png
Normal file
BIN
assets/img/landscape.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 4.3 MiB |
BIN
assets/img/licence_icon.png
Normal file
BIN
assets/img/licence_icon.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 15 KiB |
BIN
assets/img/lighthouse.png
Normal file
BIN
assets/img/lighthouse.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 108 KiB |
BIN
assets/img/logo.png
Normal file
BIN
assets/img/logo.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 9.1 KiB |
BIN
assets/img/logo_with_name.png
Normal file
BIN
assets/img/logo_with_name.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 42 KiB |
BIN
assets/img/message_in_a_bottle.png
Normal file
BIN
assets/img/message_in_a_bottle.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 78 KiB |
|
Before 
(image error) Size: 51 KiB After 
(image error) Size: 51 KiB
|
|
Before 
(image error) Size: 7.9 KiB After 
(image error) Size: 7.9 KiB
|
|
Before 
(image error) Size: 361 KiB After 
(image error) Size: 361 KiB
|
|
Before 
(image error) Size: 2.6 KiB After 
(image error) Size: 2.6 KiB
|
|
Before 
(image error) Size: 56 KiB After 
(image error) Size: 56 KiB
|
BIN
assets/img/portmaster.png
Normal file
BIN
assets/img/portmaster.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 124 KiB |
BIN
assets/img/portmasterbig.png
Normal file
BIN
assets/img/portmasterbig.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 89 KiB |
BIN
assets/img/portmasterhandy.png
Normal file
BIN
assets/img/portmasterhandy.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 120 KiB |
BIN
assets/img/shortlandscape.png
Normal file
BIN
assets/img/shortlandscape.png
Normal file
Binary file not shown.
|
After 
(image error) Size: 578 KiB |
13
assets/js/home.js
Normal file
13
assets/js/home.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
// menubar logic
|
||||
$(document).ready(function() {
|
||||
// set js style
|
||||
// $("#menubar").css("background", "transparent").css("height", "7rem")
|
||||
|
||||
// $(window).scroll(function () {
|
||||
// if ($(this).scrollTop() >= 150) {
|
||||
// $("#menubar").css("background", "#38465c").css("height", "1rem")
|
||||
// } else {
|
||||
// $("#menubar").css("background", "transparent").css("height", "7rem")
|
||||
// }
|
||||
// })
|
||||
})
|
||||
34
assets/js/main.js
Normal file
34
assets/js/main.js
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
// sidebar logic
|
||||
$(document).ready(function() {
|
||||
$(".ui.sidebar").sidebar({
|
||||
dimPage : true,
|
||||
transition : 'overlay',
|
||||
mobileTransition : 'uncover'
|
||||
})
|
||||
$('body').on('click', '.sidebar-toggle', function(){
|
||||
$(".ui.sidebar").sidebar("toggle");
|
||||
})
|
||||
})
|
||||
|
||||
// email obfuscation
|
||||
function debfus(s) {
|
||||
var n = 0
|
||||
var r = ""
|
||||
for( var i = 0; i < s.length; i++)
|
||||
{
|
||||
n = s.charCodeAt( i )
|
||||
if( n >= 8364 )
|
||||
{
|
||||
n = 128
|
||||
}
|
||||
r += String.fromCharCode( n - 1 )
|
||||
}
|
||||
return r
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var elements = document.getElementsByClassName("contact-email")
|
||||
var email = debfus('{{ site.emailobfuscated }}')
|
||||
for (var i=0, len=elements.length; i<len; i++) {
|
||||
elements[i].innerHTML = email
|
||||
}
|
||||
})
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
layout: page
|
||||
title: Terms
|
||||
heading: Terms
|
||||
title: Contact
|
||||
heading: Contact
|
||||
subheading: Contact us, we'd like to hear from you!
|
||||
exclude_community_snippet: true
|
||||
---
|
||||
244
safing.haml
244
safing.haml
|
|
@ -1,244 +0,0 @@
|
|||
---
|
||||
title: Safing
|
||||
---
|
||||
%html{style: 'font-size: 1.3rem;'}
|
||||
%head
|
||||
%meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
|
||||
%title Safing
|
||||
%link{rel: "stylesheet", href:"{{ site.vendor_url }}semantic/semantic.min.css", type:"text/css"}
|
||||
%script{src: "{{ site.vendor_url }}js/jquery-3.3.1.slim.min.js"}
|
||||
%script{src: "{{ site.vendor_url }}semantic/semantic.min.js"}
|
||||
|
||||
%body
|
||||
%div.ui.basic.icon.mini.top.fixed.menu.mobile-only{style: 'background-color: #323e59;'}
|
||||
%img.ui.image{src: '/assets/logo_with_name.png', style: 'width: 10rem;'}
|
||||
%div.right.menu
|
||||
%a.toggle.item#toggle
|
||||
%i.sidebar.icon
|
||||
%div.ui.vertical.inverted.sidebar.menu.right.overlay
|
||||
%a.item
|
||||
%img.ui.image{src: '/assets/logo_with_name.png', style: 'width: 10rem;'}
|
||||
%a.item
|
||||
OUR VALUES
|
||||
%a.item
|
||||
TECHNOLOGY
|
||||
%a.item
|
||||
DOWNLOAD
|
||||
|
||||
%div.ui.inverted.borderless.fixed.menu.mobile-hidden#menubar
|
||||
%div.borderless.menu{style: 'background-color: transparent;'}
|
||||
%a.item{href: 'https://safing.io/', style: 'padding: 0 6px;'}
|
||||
%img.ui.image{src: '/assets/logo_with_name.png', style: 'width: 10rem; '}
|
||||
%div.right.menu
|
||||
%a.item
|
||||
OUR VALUES
|
||||
%a.item
|
||||
TECHNOLOGY
|
||||
%a.item
|
||||
DOWNLOAD
|
||||
|
||||
%div.pusher{style: "background-image: url('/assets/shortlandscape.png'); background-size: 100%;background-repeat: no-repeat; background-color: #e3e3e3 ;"}
|
||||
%div.ui.grid
|
||||
%div.computer.only.sixteen.wide.column{style: 'height: 10rem;'}
|
||||
%div.tablet.only.sixteen.wide.column{style: 'height: 5rem;'}
|
||||
%div.computer.tablet.only.two.wide.column
|
||||
%div.ten.wide.column
|
||||
%h1.ui.inverted.header
|
||||
BalalalalalMannn
|
||||
%a
|
||||
%button.ui.inverted.orange.huge.button
|
||||
Download
|
||||
%a
|
||||
%button.ui.basic.inverted.huge.button
|
||||
Learn more
|
||||
%div.tablet.only.sixteen.wide.center.aligned.column{style: 'padding-top: 10rem;'}
|
||||
%div.computer.only.sixteen.wide.center.aligned.column{style: 'padding-top: 18rem;'}
|
||||
%i.ui.chevron.down.icon{style: 'color: #f0903f80; font-size: 4rem;'}
|
||||
%div{style: "background-image: url('/assets/lighthouse.png'); background-position: bottom right; background-repeat: no-repeat; background-size: 44%;"}
|
||||
%div.ui.container
|
||||
%div.ui.basic.segment
|
||||
%div.ui.middle.aligned.centered.grid
|
||||
%div.mobile.tablet.only.column{style: 'width: 9rem;'}
|
||||
%img.ui.fluid.medium.right.floated.image{src: '/assets/portmasterhandy.png'}
|
||||
%div.ten.wide.computer.sixteen.wide.mobile.column
|
||||
|
||||
%h2
|
||||
Portmaster-Application Firewall
|
||||
%p
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%a
|
||||
%button.ui.basic.button
|
||||
Learn more
|
||||
%div.computer.only.column{style: 'width: 15rem;'}
|
||||
%img.ui.fluid.medium.right.floated.image{src: '/assets/portmasterbig.png'}
|
||||
|
||||
%div.ui.basic.segment
|
||||
%div.ui.middle.aligned.centered.grid
|
||||
%div.computer.only.column{style: 'width: 15rem;'}
|
||||
%img.ui.fluid.medium.image{src: '/assets/gate17.png'}
|
||||
%div.mobile.tablet.only.column{style: 'width: 9rem;'}
|
||||
%img.ui.fluid.medium.image{src: '/assets/gate17.png'}
|
||||
%div.ten.wide.computer.sixteen.wide.mobile.right.aligned.column
|
||||
%h2
|
||||
Gate17 is your secure network
|
||||
%p
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%a
|
||||
%button.ui.right.floated.basic.button
|
||||
Learn more
|
||||
|
||||
%div.ui.basic.segment
|
||||
%div.ui.middle.aligned.centered.grid
|
||||
%div.mobile.tablet.only.column{style: 'width: 13rem;'}
|
||||
%img.ui.fluid.image{src: '/assets/box.png'}
|
||||
%div.ten.wide.computer.sixteen.wide.mobile.column
|
||||
%h2
|
||||
Privacy First
|
||||
%p
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%a
|
||||
%button.ui.basic.button
|
||||
Learn more
|
||||
%div.computer.only.column{style: 'width: 20rem; padding: 0;'}
|
||||
%img.ui.fluid.image{src: '/assets/box.png'}
|
||||
|
||||
%div.ui.basic.segment
|
||||
%div.ui.middle.aligned.centered.grid
|
||||
%div.computer.only.column{style: 'width: 20rem; padding: 0;'}
|
||||
%img.ui.fluid.image{src: '/assets/message_in_a_bottle.png'}
|
||||
%div.mobile.tablet.only.column{style: 'width: 13rem;'}
|
||||
%img.ui.fluid.image{src: '/assets/message_in_a_bottle.png'}
|
||||
%div.ten.wide.computer.sixteen.wide.mobile.right.aligned.column
|
||||
%h2
|
||||
Open Source Ehtical Funding
|
||||
%p
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%a
|
||||
%button.ui.right.floated.basic.button
|
||||
Learn more
|
||||
|
||||
%div.ui.basic.segment{style: 'padding-bottom: 5rem;'}
|
||||
%div.ui.middle.aligned.grid
|
||||
%div.eight.wide.computer.sixteen.wide.mobile.column
|
||||
%h2
|
||||
Comunity
|
||||
%p
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%a
|
||||
%button.ui.basic.button
|
||||
Learn more
|
||||
%div.ui.vertical.inverted.footer.segment{style: 'background-color: #d3d3d3ed;'}
|
||||
%div.container
|
||||
%div.ui.basic.middle.aligned.center.aligned.segment
|
||||
%p{style: 'word-spacing: 8rem;'}
|
||||
Interested? Eager? Confused?
|
||||
%div.ui.divider{style: 'border: 3px solid; margin: 0 25%; border-color: orange;'}
|
||||
%a{href: 'https://safing.io/'}
|
||||
%div.ui.basic.segment
|
||||
%h2
|
||||
Get involved!
|
||||
%p
|
||||
Be part of the team -
|
||||
%span{style: 'color: orange;'}
|
||||
join our community
|
||||
%i.ui.users.icon
|
||||
%div.ui.secondary.inverted.three.item.stackable.menu
|
||||
%a.item{href: 'https://safing.io/'}
|
||||
Terms & Legal
|
||||
%a.item{href: 'https://safing.io/'}
|
||||
Community Hub
|
||||
%a.item{href: 'https://safing.io/'}
|
||||
%i.ui.envelope.outline.icon
|
||||
hello@safing.io
|
||||
|
||||
:javascript
|
||||
$(document).ready(function() {
|
||||
|
||||
$(".ui.sidebar").sidebar({
|
||||
dimPage : true,
|
||||
transition : 'overlay',
|
||||
mobileTransition : 'uncover'
|
||||
})
|
||||
$("#toggle").click(function() {
|
||||
$(".ui.sidebar").sidebar("toggle");
|
||||
});
|
||||
// set js style
|
||||
$("#menubar").css("background", "transparent").css("height", "7rem")
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() >= 150) {
|
||||
$("#menubar").css("background", "#323e59").css("height", "1rem")
|
||||
} else {
|
||||
$("#menubar").css("background", "transparent").css("height", "7rem")
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
:css
|
||||
/*
|
||||
// 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) {
|
||||
[class*="mobile-hidden"],
|
||||
[class*="tablet-only"]:not(.mobile),
|
||||
[class*="computer-only"]:not(.mobile),
|
||||
[class*="large-screen-only"]:not(.mobile),
|
||||
[class*="widescreen-only"]:not(.mobile),
|
||||
[class*="or-lower-hidden"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet / iPad Portrait */
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
[class*="mobile-only"]:not(.tablet),
|
||||
[class*="tablet-hidden"],
|
||||
[class*="computer-only"]:not(.tablet),
|
||||
[class*="large-screen-only"]:not(.tablet),
|
||||
[class*="widescreen-only"]:not(.tablet),
|
||||
[class*="or-lower-hidden"]:not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Computer / Desktop / iPad Landscape */
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
[class*="mobile-only"]:not(.computer),
|
||||
[class*="tablet-only"]:not(.computer),
|
||||
[class*="computer-hidden"],
|
||||
[class*="large-screen-only"]:not(.computer),
|
||||
[class*="widescreen-only"]:not(.computer),
|
||||
[class*="or-lower-hidden"]:not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||
[class*="mobile-only"]:not([class*="large-screen"]),
|
||||
[class*="tablet-only"]:not([class*="large-screen"]),
|
||||
[class*="computer-only"]:not([class*="large-screen"]),
|
||||
[class*="large-screen-hidden"],
|
||||
[class*="widescreen-only"]:not([class*="large-screen"]),
|
||||
[class*="or-lower-hidden"]:not(.computer):not(.tablet):not(.mobile) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Widescreen Monitor */
|
||||
@media only screen and (min-width: 1920px) {
|
||||
[class*="mobile-only"]:not([class*="widescreen"]),
|
||||
[class*="tablet-only"]:not([class*="widescreen"]),
|
||||
[class*="computer-only"]:not([class*="widescreen"]),
|
||||
[class*="large-screen-only"]:not([class*="widescreen"]),
|
||||
[class*="widescreen-hidden"],
|
||||
[class*="widescreen or-lower hidden"] {
|
||||
display: none !important;
|
||||
163
safing.html
Normal file
163
safing.html
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
---
|
||||
title: Safing
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html lang={{ site.lang }}>
|
||||
<head>
|
||||
{% include head.html %}
|
||||
</head>
|
||||
<body>
|
||||
{% include header.html home=true %}
|
||||
{% include floating_button.html download=true %}
|
||||
<div class='content' style='background-image: url("/assets/img/shortlandscape.png"); background-size: 100%;background-repeat: no-repeat;'>
|
||||
<div class='ui grid'>
|
||||
<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'>
|
||||
<h1 class='ui inverted header' style="margin: 10px;">
|
||||
Balalalalal Mannn
|
||||
</h1>
|
||||
<a href="/download">
|
||||
<button class='ui inverted safing-active large button' style="margin: 5px 0px 5px 10px;">
|
||||
Download
|
||||
</button>
|
||||
</a>
|
||||
<a href="#one">
|
||||
<button class='ui safing-secondary inverted large button' style="margin: 5px 0px 5px 10px;">
|
||||
Learn more
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class='tablet only sixteen wide center aligned column' style='padding-top: 10rem;'></div>
|
||||
<div class='computer only sixteen wide center aligned column' style='padding-top: 18rem;'>
|
||||
<i class='ui chevron down icon' style='color: #f0903f80; font-size: 4rem;'></i>
|
||||
</div>
|
||||
</div>
|
||||
<div style='background-image: url("/assets/img/lighthouse.png"); background-position: bottom right; background-repeat: no-repeat; background-size: 44%;'>
|
||||
<div class='ui container'>
|
||||
<div class='ui basic segment' id="one">
|
||||
<div class='ui middle aligned centered grid'>
|
||||
<div class='mobile tablet only column' style='width: 9rem;'>
|
||||
<img class='ui fluid medium right floated image' src='{{ site.assets_url }}img/portmasterhandy.png'>
|
||||
</div>
|
||||
<div class='ten wide computer sixteen wide mobile column'>
|
||||
<h2>
|
||||
Portmaster-Application Firewall
|
||||
</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<a href="/technology">
|
||||
<button class='ui safing-secondary button'>
|
||||
Technical Details
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class='computer only column' style='width: 15rem;'>
|
||||
<img class='ui fluid medium right floated image' src='{{ site.assets_url }}img/portmasterbig.png'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='ui basic segment'>
|
||||
<div class='ui middle aligned centered grid'>
|
||||
<div class='computer only 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>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<a href="/technology">
|
||||
<button class='ui safing-secondary right floated button'>
|
||||
Technical Details
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='ui basic 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>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<a href="/our-values">
|
||||
<button class='ui safing-secondary button'>
|
||||
Learn more
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class='computer only 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 segment'>
|
||||
<div class='ui middle aligned centered grid'>
|
||||
<div class='computer only 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 Ehtical Funding
|
||||
</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<a href="/our-values">
|
||||
<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>
|
||||
Comunity
|
||||
</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
</p>
|
||||
<a href="/community-hub">
|
||||
<button class='ui safing-secondary button'>
|
||||
Join
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include community_snippet.html %}
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<foot>
|
||||
{% include foot.html home=true %}
|
||||
<script src='{{ site.assets_url }}js/home.js'></script>
|
||||
</foot>
|
||||
</html>
|
||||
1
workbench.html
Normal file
1
workbench.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
|
||||
Loading…
Add table
Reference in a new issue