diff --git a/_config.yml b/_config.yml index 40fde47..ef46f33 100644 --- a/_config.yml +++ b/_config.yml @@ -11,6 +11,8 @@ description: > # this means to ignore newlines until "base_url:" Safing is a software that protects your privacy online. It's so easy, anyone can use it. base_url: "/" # the subpath of your site, e.g. /blog assets_url: "/assets/" +img_url: "/assets/img/" +icons_url: "/assets/icons/" vendor_url: "/vendor/" url: "https://safing.io" # the base hostname & protocol for your site cover: "img/cover.jpg" @@ -24,9 +26,13 @@ excerpt_separator: "" inter_post_navigation: false our_values_url: "/our-values/" +jobs_url: "/jobs/" +podcast_url: "/podcast/" technology_url: "/technology/" community_hub_url: "/community-hub/" contact_url: "/contact/" +terms_url: "/terms/" +privacy_url: "/privacy/" whitepaper_url: "/files/whitepaper/" cyberfreedom_url: https://twitter.com/davegson/status/1110216714871029761 @@ -37,7 +43,7 @@ collections: defaults: - scope: path: "" # an empty string here means all files in the project - type: "posts" # previously `post` in Jekyll 2.2. + type: "posts" values: layout: "post" permalink: /blog/:year/:month/:day/:title/ @@ -50,38 +56,30 @@ defaults: permalink: /podcast/:year/:month/:day/:title/ type: "podcast" -# Social icons and sharing options -# -# Social settings are used in two places: -# * In the footer, as links to your personal profiles -# * After each blog post for sharing widgets -# -# Example: -# -# social: -# - name: Twitter # Name of the service -# icon: twitter # Font Awesome icon to use (minus fa- prefix) -# username: "@SafingIO" # (User) Name to display in the footer link -# url: https://twitter.com/SafingIO # URL of your profile (leave blank to not display in footer) -# desc: Follow us Twitter # Description to display as link title, etc -# share: true # Include in the "Share" section of posts (social_sharing must be true for this) +github_url: https://github.com/Safing +reddit_url: https://reddit.com/r/safing +twitter_url: https://twitter.com/SafingIO +newsletter_url: "/newsletter/" -social_sharing: false communities: - twitter: - name: Twitter - icon: twitter - username: SafingIO - url: https://twitter.com/SafingIO - desc: Follow me on Twitter - share: false - github: + - reddit: + name: Reddit + icon: reddit + username: r/safing + url: https://reddit.com/r/safing + desc: Join our Reddit + - github: name: GitHub icon: github username: Safing url: https://github.com/Safing desc: Fork us on GitHub - share: false + - twitter: + name: Twitter + icon: twitter + username: SafingIO + url: https://twitter.com/SafingIO + desc: Follow me on Twitter donations: bitcoin: diff --git a/_drafts/2016-10-07-first-milestone-funded.md b/_drafts/2016-10-07-first-milestone-funded.md index 3a1d298..eda4488 100644 --- a/_drafts/2016-10-07-first-milestone-funded.md +++ b/_drafts/2016-10-07-first-milestone-funded.md @@ -7,4 +7,4 @@ This gives us the opportunity to kick-start Safing, batteries (hardware and serv We are looking forward to next year and the great time we will have implementing Safing. -![Netidee Logo](/assets/img/netidee.png){: .blog-image } +![Netidee Logo](/assets/img/external-logos/netidee.png){: .blog-image } diff --git a/_includes/community_snippet.html b/_includes/community_snippet.html deleted file mode 100644 index fa094cb..0000000 --- a/_includes/community_snippet.html +++ /dev/null @@ -1,68 +0,0 @@ - - - diff --git a/_includes/floating_button.html b/_includes/floating_button.html deleted file mode 100644 index 6fefd90..0000000 --- a/_includes/floating_button.html +++ /dev/null @@ -1,29 +0,0 @@ -
- -
- - - -
- - diff --git a/_includes/foot.html b/_includes/foot.html deleted file mode 100644 index c13b302..0000000 --- a/_includes/foot.html +++ /dev/null @@ -1,43 +0,0 @@ - diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100644 index 72b7ce7..0000000 --- a/_includes/footer.html +++ /dev/null @@ -1,21 +0,0 @@ -
-
-
- Terms & - Privacy Policy -
-
- Community Hub -
- Podcast RSS -
-
- Contact & Legal -
-
- - -
- - - diff --git a/_includes/head.html b/_includes/head.html index f51728d..7dff9fe 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,7 +1,7 @@ - + {% if page.type == "podcast" %}The Safing Podcast {{ page.title }}{% elsif page.type == "post" %}Safing Blog: {{ page.title }}{% elsif page.title == "Safing" %}{{ page.title }}{% else %}Safing {{ page.title }}{% endif %} @@ -25,10 +25,8 @@ - - diff --git a/_includes/header.html b/_includes/header.html deleted file mode 100644 index 1317555..0000000 --- a/_includes/header.html +++ /dev/null @@ -1,76 +0,0 @@ - - - -
- - - - diff --git a/_includes/new/about-short.html b/_includes/new/about-short.html new file mode 100644 index 0000000..5ee54de --- /dev/null +++ b/_includes/new/about-short.html @@ -0,0 +1,9 @@ + +
+

You be the judge

+

+ Review and inspect everything we do and say: every page, every podcast, every line of code, every strategy decision.
+ If you do like us, please consider helping us by contributing in our community. +

+
+ diff --git a/_includes/new/cast.html b/_includes/new/cast.html new file mode 100644 index 0000000..f12919f --- /dev/null +++ b/_includes/new/cast.html @@ -0,0 +1,22 @@ + +
+
+ {% assign sorted_podcasts = site.podcasts | reverse %} + {% for episode in sorted_podcasts limit: 4 %} + + +
+ {{ episode.title | grab_title_only }} +

{{ episode.title | grab_episode_number }}

+
+ + {% endfor %} +
+
+

Stay up to date

+

+ Listen into our podcast where we give insight into our company. Ranging from the current development progress to our latest challenges, and our thought processes behind making important decisions. +

+
+
+ diff --git a/_includes/new/features.html b/_includes/new/features.html new file mode 100644 index 0000000..a37199e --- /dev/null +++ b/_includes/new/features.html @@ -0,0 +1,31 @@ + +
+
+ +
+ Privacy first +

+ We believe privacy is the foundation to a free & open society. We can only grow if we have a safe place to nourish our best selves. +

+
+
+
+ +
+ Community +

+ Do we walk our talk? You be the judge! If you like what you see, consider helping us by contributing in our community. +

+
+
+
+ +
+ Open Source +

+ Transparency is a key value for us, therefore we release our code open source. If you're a techie, we challenge you to have a look ;) +

+
+
+
+ diff --git a/_includes/new/footer.html b/_includes/new/footer.html new file mode 100644 index 0000000..08c49bc --- /dev/null +++ b/_includes/new/footer.html @@ -0,0 +1,44 @@ + diff --git a/_includes/new/header.html b/_includes/new/header.html new file mode 100644 index 0000000..30094e3 --- /dev/null +++ b/_includes/new/header.html @@ -0,0 +1,25 @@ +
+
+
+ +
+ Supported by +
    +
    • +
    • +
    • +
    • +
+
+
+ Take back control +

Privacy Network

+

+ Stay private while surfing the Web. Stop ISPs, Wi-Fi Operator and VPNs from collecting all your personal [meta] data. Secure your whole computer, not only your web-browser. +

+
+ + or subscribe to our newsletter +
+
+
diff --git a/_includes/new/map.html b/_includes/new/map.html new file mode 100644 index 0000000..06be20d --- /dev/null +++ b/_includes/new/map.html @@ -0,0 +1,16 @@ + +
+
+ +
+
+

Outpacing Big Corp

+

+ With the Safing Privacy Network, all your outgoing connections are onion encrypted locally. They are then routed through our multi-hop network (blue) to prevent all current middlemen from logging and exploiting your private activities. +

+

+ Each route is calculated individually to minimize exposure to the untrusted web (black). Also, DNS over TLS is enforced for your whole computer. Find out more... +

+
+
+ diff --git a/_includes/new/nav.html b/_includes/new/nav.html new file mode 100644 index 0000000..52e36b5 --- /dev/null +++ b/_includes/new/nav.html @@ -0,0 +1,13 @@ + diff --git a/_includes/new/overview.html b/_includes/new/overview.html new file mode 100644 index 0000000..f963931 --- /dev/null +++ b/_includes/new/overview.html @@ -0,0 +1,45 @@ + +
+
+

Transparency enforces Accountability

+

+ Being transparent means you and others can examine us; it gives insight whether we really walk our talk. It's the reason we believe in open source. But we don't want to stop there: +

+
+
+
+
+ +
+ Team +

+ We're human, just like you. Not like him 😉 +
+ Meet the team behind this venture! +

+
+
+
+ +
+ Ownership +

+ Many have fallen because they were not really in charge of their company. So, who is in charge of Safing? +

+
+
+
+
+
+ +
+ Ethical Funding +

+ We believe that we must also be open about all our financial influences & partnerships to truly become a privacy first company. Have a look! +

+
+
+
+
+
+ diff --git a/_layouts/page.html b/_layouts/page.html index 1164689..baec739 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -1,45 +1,15 @@ - + + {% if layout.legacy_layout %} + + + {% endif %} {% include head.html %} - {% include header.html %} - {% include floating_button.html %} -
-
- -

- {% if page.heading %} - {{ page.heading }} - {% elsif page.title %} - {{ page.title }} - {% elsif layout.heading %} - {{ layout.heading }} - {% endif %} -

- {% if page.subheading %} -

- {% if page.subheading %} - {{ page.subheading }} - {% elsif page.title %} - {% elsif layout.subheading %} - {{ layout.subheading }} - {% endif %} -

- {% endif %} - - {% if page.include_divider %} - {% include page_divider.html %} - {% endif %} -
- - {{ content }} -
- - {% unless page.exclude_community_snippet %} - {% include community_snippet.html %} - {% endunless %} - {% include footer.html %} + {% include new/nav.html %} + {{ content }} + {% include new/footer.html %} diff --git a/_layouts/page_column.html b/_layouts/page_column.html index 0ee45eb..97984e6 100644 --- a/_layouts/page_column.html +++ b/_layouts/page_column.html @@ -1,8 +1,38 @@ --- layout: page +legacy_layout: true --- -
-
- {{ content }} + +
+
+

+ {% if page.heading %} + {{ page.heading }} + {% elsif page.title %} + {{ page.title }} + {% elsif layout.heading %} + {{ layout.heading }} + {% endif %} +

+ + {% if page.subheading %} +

+ {% if page.subheading %} + {{ page.subheading }} + {% elsif page.title %} + {% elsif layout.subheading %} + {{ layout.subheading }} + {% endif %} +

+ {% endif %} + + {% if page.include_divider %} + {% include page_divider.html %} + {% endif %} +
+ +
+ {{ content }} +
-
+ diff --git a/_layouts/post.html b/_layouts/post.html index 644f725..8ae0413 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -20,49 +20,6 @@ subheading: "Announcements and things we'd like to share"
-{% if site.social_sharing == true %} -
- Share: - {% for social in site.social %} - {% capture full_url %}{{ site.url }}{{ site.base_url }}{{ page.url }}{% endcapture %} - {% if social.name == "Twitter" and social.share == true %} - - - - {% endif %} - {% if social.name == "Facebook" and social.share == true %} - - - - {% endif %} - {% if social.name == "Google+" and social.share == true %} - - - - {% endif %} - {% if social.name == "LinkedIn" and social.share == true %} - - - - {% endif %} - {% if social.name == "Pinterest" and social.share == true %} - - - - {% endif %} - {% if social.name == "Reddit" and social.share == true %} - - - - {% endif %} - {% endfor %} -
-{% endif %} {% if site.inter_post_navigation == true %}
diff --git a/_plugins/podcast_helper.rb b/_plugins/podcast_helper.rb new file mode 100644 index 0000000..6b788e9 --- /dev/null +++ b/_plugins/podcast_helper.rb @@ -0,0 +1,15 @@ +module Jekyll + module PodcastHelper + # Format of a title: + # #001 - Some sweet title + def grab_episode_number(full_title) + full_title[0..4] + end + + def grab_title_only(full_title) + full_title[7..-1] + end + end +end + +Liquid::Template.register_filter(Jekyll::PodcastHelper) diff --git a/_sass/_community.scss b/_sass/_community.scss index 62160c0..e1cf521 100644 --- a/_sass/_community.scss +++ b/_sass/_community.scss @@ -1,35 +1,3 @@ -.community-snippet { - p{ - margin: 0; - } - h2{ - margin: 0; - } - a { - color: $white !important; - } -} - -.community-snippet .ui.mobile.only{ - p{ - padding: 2px 0; - } - h2{ - padding: 5px 0 25px 0; - } -} - -.community-snippet .ui.divider { - color: $primary; - margin: 0 14%; - border-top: solid !important; -} - -.community-snippet .ui.basic.segment { - margin: 0 !important; - padding: 0 !important; -} - .community-hub .ui.button { width: 100%; border-radius: 92px; diff --git a/_sass/_floating_button.scss b/_sass/_floating_button.scss deleted file mode 100644 index 8e8bb18..0000000 --- a/_sass/_floating_button.scss +++ /dev/null @@ -1,74 +0,0 @@ -#floating-button { - position: fixed; - top: 25px; - right: 25px; - box-shadow: 1px 2px 3px 1px #718399; - background-color: $discreet; - // width: 64px; DEFINED BELOW! - padding: 5px; - border-radius: 32px; - // alt: - // width: 4.6em; - // padding: 0.4em; - // border-radius: 10em; - - opacity: 0; - transition: opacity 0.3s ease-in-out; - - z-index: 1; - - .spacer { - height: 10px; - } -} - -#floating-button.visible { - opacity: 1; -} - -/* -// Semantic UI has these classes, however they're only applicable to -// grids, containers, rows and columns. -// plus, there isn't any `mobile hidden`, `X hidden` class. -// this snippet is using the same class names and same approach -// plus a bit more but to all elements. -// -// see https://github.com/Semantic-Org/Semantic-UI/issues/1114 -*/ - -/* Mobile */ -@media only screen and (max-width: 767px) { - #floating-button { - width: 51px; - top: 10px; - right: 10px; - } -} - -/* Tablet / iPad Portrait */ -@media only screen and (min-width: 768px) and (max-width: 991px) { - #floating-button { - width: 59px; - } -} - -/* Computer / Desktop / iPad Landscape */ -@media only screen and (min-width: 992px) and (max-width: 1199px) { - #floating-button { - width: 64px; - } -} - -/* Large Monitor */ -@media only screen and (min-width: 1200px) and (max-width: 1919px) { - #floating-button { - width: 64px; - } -} - -/* Widescreen Monitor */ -@media only screen and (min-width: 1920px) { - #floating-button { - width: 64px; - } -} diff --git a/_sass/_global.scss b/_sass/_global.scss index b421584..4e5b5a1 100644 --- a/_sass/_global.scss +++ b/_sass/_global.scss @@ -31,10 +31,6 @@ p a:hover { display: flex; align-items: center; } -.ui.segment.snippet { - background-color: $background_bar; - color: $white -} .ui.text.container { max-width: 850px !important; @@ -118,3 +114,15 @@ body > .content, .pusher > .content { .margin-0-auto { margin: 0 auto; } + +blockquote { + background: #f9f9f9; + border-left: 5px solid #ccc; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C""\201D""\2018""\2019"; +} + +blockquote p { + display: inline; +} diff --git a/_sass/_header.scss b/_sass/_header.scss deleted file mode 100644 index 8b80a0a..0000000 --- a/_sass/_header.scss +++ /dev/null @@ -1,60 +0,0 @@ - -.sidebar-icon { - color: $white !important; -} -#menubar { - width: 100%; - background-color: $background_bar; - margin: 0; - border-radius: 0; - z-index: 10; - - &-computer{ - a { - text-transform: uppercase; - - span{ - margin-right: 8px; - } - } - } -} - -#sidebar { - .item { - text-transform: uppercase; - } -} - -#menubar.home { - background-color: transparent; - position: absolute; - top: 0; - &.mobile { - background-color: transparent !important; - position: absolute !important; - top: 0 !important; - } -} - -// no js version -@media only screen and (max-width: 767px) { - #menubar.home { - background-color: $fill_medium !important; - position: relative; - } - #menubar .right.menu a.item { - text-align: right !important; - } -} - -#menubar-mobile { - display: none; - &.activated { - display: block; - } -} - -#menubar-computer.deactivated { - display: none; -} diff --git a/_sass/_post.scss b/_sass/_post.scss index b007e3a..7bb022e 100644 --- a/_sass/_post.scss +++ b/_sass/_post.scss @@ -64,7 +64,7 @@ } .markdownpage { - #influences { + #funding-cards { font-size: 0.8em; } diff --git a/_sass/new/about-short.scss b/_sass/new/about-short.scss new file mode 100644 index 0000000..b676a52 --- /dev/null +++ b/_sass/new/about-short.scss @@ -0,0 +1,51 @@ +content .about-short{ + color: black; + height: 25vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns:1fr 1fr; + grid-row: 0; + grid-column: 1/4; + align-items: center; +} + +content .about-short h1{ + justify-self: end; + font-size: 2.5rem; + padding-right: 9rem; + width: 500px; +} + +content .about-short p{ + justify-self: start; + font-size: 1.1rem; + opacity: 0.5; + padding-left: 5rem; + width: 500px; +} + +@media (max-width: 1318px){ + + content .about-short{ + height: 95vh; + grid-template-columns: 1fr; + text-align: center; + } + + content .about-short h1{ + padding-right: 0rem; + justify-self: center; + width: 100%; + + } + + content .about-short p{ + grid-row: 2; + justify-self: center; + font-size: 1.1rem; + opacity: 0.5; + padding-left: 0rem; + width: 100%; + margin-top: -19rem; + } +} \ No newline at end of file diff --git a/_sass/new/cast.scss b/_sass/new/cast.scss new file mode 100644 index 0000000..0988ebd --- /dev/null +++ b/_sass/new/cast.scss @@ -0,0 +1,118 @@ +content .cast{ + color: black; + height: 105vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns:1fr 1fr; + grid-row: 0; + grid-column: 1/4; + align-items: center; + justify-self: center; + margin-top: -100px; +} + +content .cast .c-l{ + padding-right: 5rem; + align-items: center; + justify-self: end; +} + +content .cast .c-l a{ + background-color: white; + border-radius: 3px; + padding: 1rem; + padding-right: 5rem; + box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.0), 0 6px 20px 0 rgba(0, 0, 0, 0.00); + display: flex; + position: relative; + z-index: 2; + margin-top: 0.5rem; + transition: all .3s ease-in-out; + text-decoration: none; + color: black; + transform: scale(0.9); + z-index: 1; +} + +content .cast .c-l a:hover{ + transform: scale(1.0); + box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); + z-index: 2; +} + +content .cast .c-l a div{ + padding-top: 1.5rem; + padding-left: 2rem; +} + +content .cast .c-l a img{ + width: 100px; + height: 100px; +} + +content .cast .c-l a div p{ + padding-top: 0.5rem; + opacity: 0.5; +} + +content .cast .c-l img{ + + +} + +content .cast .c-r{ + padding-left: 5rem; +} + +content .cast .c-r h1{ + font-size: 3rem; + width: 450px; + padding-bottom: 2rem; +} + +content .cast .c-r p{ + font-size: 1.1rem; + padding-top: 1rem; + width: 350px; + opacity: 0.5; +} + +@media (max-width: 1318px) { + content .cast{ + grid-template-columns:1fr; + margin-top: -100px; + height: 155vh; + } + + content .cast .c-l{ + grid-row: 2; + padding-right: 0rem; + align-items: center; + justify-self: center; + } + + content .cast .c-l a div{ + padding-top: 0rem; + } + + content .cast .c-r{ + padding-left: 0rem; + align-items: center; + justify-self: center; + text-align: center; + } + + content .cast .c-r h1{ + font-size: 3rem; + width: 100%; + padding-bottom: 2rem; + } + + content .cast .c-r p{ + font-size: 1.1rem; + padding-top: 1rem; + width: 100%; + opacity: 0.5; + + } +} \ No newline at end of file diff --git a/_sass/new/features.scss b/_sass/new/features.scss new file mode 100644 index 0000000..f8711a3 --- /dev/null +++ b/_sass/new/features.scss @@ -0,0 +1,57 @@ +.features{ + color: black; + height: 55vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr 1fr 1fr; + grid-row: 0; + grid-column: 1/4; + align-items: center; + justify-self: center; +} + +.features div{ + width: 450px; +} + +.features div img{ + width: 2rem; +} + +.features div div{ + padding-top: 1rem; +} + +.features div div span{ + font-size: 1.5rem; + font-weight: bold; +} + +.features div div p{ + font-size: 1.1rem; + padding-top: 1rem; + width: 350px; + opacity: 0.5; +} + +@media (max-width: 1318px){ + + .features{ + height: 125vh; + grid-template-columns: 1fr; + grid-column: 1/3; + } + + .features div{ + width: 100%; + padding-top: 2rem; + } + + .features div{ + text-align: center; + } + + .features div div p{ + width: 100%; + } +} \ No newline at end of file diff --git a/_sass/new/footer.scss b/_sass/new/footer.scss new file mode 100644 index 0000000..720b9ee --- /dev/null +++ b/_sass/new/footer.scss @@ -0,0 +1,126 @@ +footer{ + color: white; + height: 45vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr; + grid-row: 0; + grid-column: 2/4; + align-items: center; +} + +footer .vhidden { + visibility: hidden; +} + +.f-bg{ + grid-row: 0; + grid-column: span 5; + background-color: black; + background-image: url(/assets/img/f-bg.png); + background-repeat: no-repeat; + background-size: cover; + z-index: -1; +} + +footer a{ + color: white; + text-decoration: none; + opacity: 0.5; + transition:.5s; +} + +footer a:hover{ + opacity: 1; + text-decoration: none; +} + + +footer div{ + +} + +footer .list{ + display: flex; + align-items: center; + justify-self: center; +} + +footer .list ul{ + padding: 6rem 3rem 0 3rem; +} + +footer .list ul span{ + font-size: 1.5rem; + font-weight: bold; +} + +footer .list ul li{ + padding-top: 1rem; + list-style-type: none; +} + +footer .list ul li a{ + color: white; + text-decoration: none; + opacity: 0.5; + transition:.5s; +} + +footer .list ul li a:hover{ + opacity: 1; + text-decoration: none; +} + +footer .legal{ + grid-row: 2; + align-self: end; + justify-self: end; + padding-bottom: 3rem; + padding-right: 5rem; +} + +footer .legal ul{ + display: flex; +} + +footer .legal ul li{ + padding-left: 2rem; + list-style-type: none; +} + +@media (max-width: 1318px) { + + footer{ + height: 45vh; + border-top-style: solid; + border-top-width: 8rem; + } + + footer .list ul{ + padding-top: 2rem; + padding-left: 6rem; + } + + footer .legal{ + padding-top: 3rem; + } + + footer .list ul{ + padding-left: 0rem; + padding-right: 3rem; + + } + + .f-bg{ + background-image: none; + } + + footer .list{ + display: block; + align-items: center; + justify-self: center; + } + + +} diff --git a/_sass/new/header.scss b/_sass/new/header.scss new file mode 100644 index 0000000..b5da14d --- /dev/null +++ b/_sass/new/header.scss @@ -0,0 +1,266 @@ +header{ + color: white; + height: 90vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr 1fr; + grid-row: 2; + grid-column: 2/4; + align-items: center; +} + +.h-bg{ + grid-row: 2; + grid-column: span 5; + background-color: black; + background-image: url(/assets/img/h-bg.png); + background-repeat: no-repeat; + background-size: cover; + z-index: -1; +} + +header .h-l{ + width: 90%; + grid-column: 1/2; + justify-self: end; +} + +header .h-l-i{ + +} + +header .h-l-i img{ + width: 100%; + height: auto; +} + +header .h-l-v{ + position: relative; + padding-bottom: 2rem; +} + +header .h-l-v button{ + width: 100px; + height: 100px; + color: white; + background-color: #05ce78; + border: 0; + border-radius: 50%; + cursor: pointer; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + transition: all .3s ease-in-out; +} + +header .h-l-v button:hover{ + box-shadow: 2px 2px 30px #05ce77af; +} + +header .h-l-v button img { + width: 40%; + height: auto; + padding-top: 0.1rem; + padding-left: 0.4rem; +} + +header .h-l-v video{ + width: 95%; + height: auto; + border: 0; + border-radius: 10px 10px 10px; + font-variant-caps: all-petite-caps; + cursor: pointer; +} + +header .h-l div{ + padding-top: 1rem; +} + +header .h-l span{ + font-size: 1.1rem; + opacity: 0.5; +} + +header .h-l ul{ + display: flex; + list-style-type: none; + padding-top: 2rem; + padding-right: 5.5rem; +} + +header .h-l ul li{ + padding-right: 4vh; +} + +header .h-l ul li img{ + width: 90%; + height: auto; +} + +header .h-r{ + grid-column: 2/3; + align-items: center; + padding-bottom: 8vh; + padding-left: 10rem; +} + +header .h-r span{ + opacity: 0.5; + font-size: 1.4rem; +} + +header .h-r h1{ + max-width: 10px; + font-size: 8rem; + line-height: 1; + padding-top: 2rem; + padding-bottom: 2rem; +} + +header .h-r p{ + max-width: 470px; + font-size: 1.2rem; + font-weight: 300; + opacity: 0.5; + padding-bottom: 2.5rem; +} + +header .h-r ul{ + display: inline-flex; + list-style-type: none; +} + +header .h-r ul li{ + text-align: center; + padding-right: 2rem; +} + +header .h-r ul li span{ + font-size: 2rem; + font-weight: 500; + opacity: 1; +} + +header .h-r ul li p{ + opacity: 0.5; +} + +header .h-r div{ + display: flex; + padding-top: 1rem; +} + +header .h-r div button{ + color: white; + background-color: #FF5700; + display: flex; + border: 0; + padding: 10px 25px; + border-radius: 0 10px 10px; + font-variant-caps: all-petite-caps; + cursor: pointer; + transition: all .3s ease-in-out; +} + +header .h-r div button:hover{ + transform: scale(1.1); + box-shadow: 2px 2px 30px #FF5700; +} + +header .h-r div button img{ + width: 20px; + height: auto; +} + +header .h-r div button span{ + font-size: 1rem; + padding-left: 1rem; + opacity: 1; +} + +header .h-r div span{ + font-size: 1rem; + align-self: center; + padding-left: 1rem; +} + +header .h-r div span a{ + color: white; + padding-left: 1rem; + opacity: 0.8; + transition: .5s; +} + +header .h-r div a:hover{ + opacity: 1; +} + +@media (max-width: 1318px){ + + header{ + height: 170vh; + grid-template-columns: 1fr; + } + + header .h-l{ + width: 90%; + grid-column: 1/2; + justify-self: center; + } + + header .h-l{ + width: 90%; + grid-column: 1/2; + grid-row: 2; + justify-self: end; + } + + header .h-r{ + grid-column: 1/2; + grid-row: 1; + align-items: center; + padding-bottom: 8vh; + padding-left: 0rem; + text-align: center; + } + + header .h-r span{ + opacity: 0.5; + font-size: 1.4rem; + } + + header .h-r h1{ + max-width: 100%; + font-size: 4rem; + line-height: 1; + padding-top: 2rem; + padding-bottom: 2rem; + } + + header .h-r p{ + max-width: 100%; + font-size: 1.2rem; + font-weight: 300; + opacity: 0.5; + padding-bottom: 2.5rem; + } + + header .h-r div button{ + margin-bottom: 1.5rem; + } + + header .h-r div { + display: inline-block; + } + + header .h-l ul li img{ + width: 150%; + height: auto; + } + + header .h-r div span{ + margin-right: 1.4rem; + } +} diff --git a/_sass/new/map.scss b/_sass/new/map.scss new file mode 100644 index 0000000..a2fc200 --- /dev/null +++ b/_sass/new/map.scss @@ -0,0 +1,71 @@ +content > .map{ + color: black; + height: 55vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns:1fr 1fr; + grid-row: 0; + grid-column: 1/4; + align-items: center; + justify-self: center; +} + +content .map .m-l{ + align-items: center; + justify-self: end; +} + +content .map .m-l img{ + width: 90%; + height: auto; +} + +content .map .m-r{ + padding-left: 5rem; +} + +content .map .m-r h1{ + font-size: 3rem; + width: 450px; + padding-bottom: 2rem; +} + +content .map .m-r p{ + font-size: 1.1rem; + width: 450px; + opacity: 0.5; + padding-bottom: 2rem; +} + +@media (max-width: 1318px){ + + content .map{ + height: 125vh; + grid-template-columns:1fr; + } + + content .map .m-l{ + align-items: center; + justify-self: center; + } + + content .map .m-l img{ + width: 100%; + height: auto; + } + + content .map .m-r{ + grid-row: 2; + padding-left: 0rem; + } + + content .map .m-r h1{ + width: 100%; + text-align: center; + } + + content .map .m-r p{ + width: 100%; + text-align: center; + } +} diff --git a/_sass/new/nav.scss b/_sass/new/nav.scss new file mode 100644 index 0000000..b3246dd --- /dev/null +++ b/_sass/new/nav.scss @@ -0,0 +1,79 @@ +nav{ + color: white; + height: auto; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr 1fr; + grid-row: 1; + grid-column: 2/4; + padding-top: 5.5vh; + padding-bottom: 5.5vh; + align-self: center; +} + +nav a{ + color: white; + text-decoration: none; + opacity: 1; + transition:.5s; +} + +nav a:hover{ + opacity: 0.5; + text-decoration: none; +} + +nav a div{ + display: flex; + justify-self: start; +} + +nav div img{ + width: 2.5rem; + padding-right: 1rem; + margin-top: -3px; +} + +nav div p span{ + opacity: 0.5; +} + +nav ul{ + display: flex; + justify-self: end; +} + +nav li{ + list-style-type: none; + padding-left: 5vh; +} + +nav ul li a{ + color: white; + opacity: 0.5; + text-decoration: none; + transition:.5s; +} + +nav ul li a:hover{ + opacity: 1; + text-decoration: none; +} + +@media (max-width: 1318px){ + + nav{ + grid-column: 1/4; + } + + nav a{ + padding-right: 1vh; + margin-left: 2vh; + } + + nav li{ + list-style-type: none; + padding-left: 0; + padding-right: 0.5vh; + } +} diff --git a/_sass/new/overview.scss b/_sass/new/overview.scss new file mode 100644 index 0000000..c2ae08b --- /dev/null +++ b/_sass/new/overview.scss @@ -0,0 +1,127 @@ +content .overview{ + color: black; + height: 70vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns:1fr 1fr; + grid-row: 0; + grid-column: 1/4; + align-items: center; + justify-self: center; +} + +content .overview .o-l{ + padding-right: 6rem; + justify-self: end; +} + +content .overview .o-l h1{ + font-size: 2.5rem; + width: 580px; + padding-bottom: 2rem; +} + +content .overview .o-l p{ + font-size: 1.1rem; + width: 450px; + opacity: 0.5; + padding-bottom: 2rem; +} + +content .overview .o-r{ + color: black; + height: 55vh; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr 1fr; + grid-row: 0; + grid-column: 2/4; + align-items: center; + justify-self: end; +} + +content .overview .o-r .left div{ + width: 450px; + padding-bottom: 2rem; +} + +content .overview .o-r .right div{ + width: 450px; + padding-bottom: 2rem; +} + +content .overview .o-r div img{ + width: 2rem; +} + +content .overview .o-r div div{ + padding-top: 1rem; +} + +content .overview .o-r div div span{ + font-size: 1.5rem; + font-weight: bold; +} + +content .overview .o-r div div p{ + font-size: 1.1rem; + padding-top: 1rem; + width: 350px; + opacity: 0.5; +} + +@media (max-width: 1318px) { + + content .overview{ + height: 170vh; + grid-template-columns:1fr; + grid-column: 2/4; + padding-top: 5rem; + } + + content .overview .o-l{ + padding-right: 0rem; + text-align: center; + } + + content .overview .o-l h1{ + font-size: 2.5rem; + width: 100%; + padding-bottom: 2rem; + } + + content .overview .o-l p{ + font-size: 1.1rem; + width: 100%; + opacity: 0.5; + padding-bottom: 2rem; + } + + content .overview .o-r { + height: 95vh; + grid-template-columns: 1fr; + grid-column: 1/5; + align-items: center; + justify-self: start; + padding-left: 0rem; + } + + content .overview .o-r div div { + padding-top: 1rem; + text-align: center; + } + + content .overview .o-r div div p{ + width: 100%; + } + + content .overview .o-r .left div{ + width: 100%; + } + + content .overview .o-r .right div{ + width: 100%; + + } + +} \ No newline at end of file diff --git a/_sass/new/page.scss b/_sass/new/page.scss new file mode 100644 index 0000000..d100eb2 --- /dev/null +++ b/_sass/new/page.scss @@ -0,0 +1,35 @@ +* { + font-family: 'Roboto', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body{ + height: 0vh; + display: grid; + grid-template-rows: auto auto; + grid-template-columns: 5vh 1fr 1fr 5vh; + background-color: black; + overflow-x: hidden; +} + +content{ + height: auto; + display: grid; + grid-auto-columns: auto; + grid-template-columns: 1fr; + grid-row: auto; + grid-column: span 5; + background-color: white; +} + +::selection { + background-color: #396bf5; +} + +@media (max-width: 1318px) { + body{ + grid-template-columns: 1fr; + } +} \ No newline at end of file diff --git a/assets/css/legacy.scss b/assets/css/legacy.scss new file mode 100644 index 0000000..d1c1f5c --- /dev/null +++ b/assets/css/legacy.scss @@ -0,0 +1,13 @@ +--- +--- +@import "variables.scss"; +@import "semantic_fixes.scss"; + +@import "community.scss"; +@import "global.scss"; +@import "post.scss"; +@import "contact.scss"; +@import "button.scss"; +@import "our-values.scss"; +@import "newsletter.scss"; +@import "jobs.scss"; diff --git a/assets/css/main.scss b/assets/css/main.scss index a7ebae2..88fae24 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1,18 +1,12 @@ --- --- -@import "variables.scss"; -@import "semantic_fixes.scss"; - -@import "community.scss"; -@import "footer.scss"; -@import "global.scss"; -@import "header.scss"; -@import "post.scss"; -@import "contact.scss"; -@import "homepage.scss"; -@import "button.scss"; -@import "floating_button.scss"; -@import "our-values.scss"; -@import "newsletter.scss"; -@import "jobs.scss"; +@import "new/page"; +@import "new/nav"; +@import "new/header"; +@import "new/features"; +@import "new/map"; +@import "new/overview"; +@import "new/about-short"; +@import "new/cast"; +@import "new/footer"; diff --git a/assets/icons/community.svg b/assets/icons/community.svg new file mode 100644 index 0000000..60f0a15 --- /dev/null +++ b/assets/icons/community.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/kickstarter.svg b/assets/icons/kickstarter.svg new file mode 100644 index 0000000..8dd4572 --- /dev/null +++ b/assets/icons/kickstarter.svg @@ -0,0 +1,37 @@ + +image/svg+xml \ No newline at end of file diff --git a/assets/icons/lock.svg b/assets/icons/lock.svg new file mode 100644 index 0000000..4b36cd9 --- /dev/null +++ b/assets/icons/lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/logo.svg b/assets/icons/logo.svg new file mode 100644 index 0000000..d0a34d9 --- /dev/null +++ b/assets/icons/logo.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/play.svg b/assets/icons/play.svg new file mode 100644 index 0000000..9ee95ee --- /dev/null +++ b/assets/icons/play.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/shield.svg b/assets/icons/shield.svg new file mode 100644 index 0000000..c0a4ccc --- /dev/null +++ b/assets/icons/shield.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/box.png b/assets/img/box.png deleted file mode 100644 index fb89dfe..0000000 Binary files a/assets/img/box.png and /dev/null differ diff --git a/assets/img/esa-bic_austria.eps b/assets/img/external-logos/esa-bic_austria.eps similarity index 100% rename from assets/img/esa-bic_austria.eps rename to assets/img/external-logos/esa-bic_austria.eps diff --git a/assets/img/esa-bic_austria.svg b/assets/img/external-logos/esa-bic_austria.svg similarity index 100% rename from assets/img/esa-bic_austria.svg rename to assets/img/external-logos/esa-bic_austria.svg diff --git a/assets/img/external-logos/esa.png b/assets/img/external-logos/esa.png new file mode 100644 index 0000000..776def1 Binary files /dev/null and b/assets/img/external-logos/esa.png differ diff --git a/assets/img/external-logos/excellence.png b/assets/img/external-logos/excellence.png new file mode 100644 index 0000000..c2b1824 Binary files /dev/null and b/assets/img/external-logos/excellence.png differ diff --git a/assets/img/external-logos/ffg.png b/assets/img/external-logos/ffg.png new file mode 100644 index 0000000..8c5e4f5 Binary files /dev/null and b/assets/img/external-logos/ffg.png differ diff --git a/assets/img/netidee.png b/assets/img/external-logos/netidee.png similarity index 100% rename from assets/img/netidee.png rename to assets/img/external-logos/netidee.png diff --git a/assets/img/external-logos/netidee_small.png b/assets/img/external-logos/netidee_small.png new file mode 100644 index 0000000..6aec7a4 Binary files /dev/null and b/assets/img/external-logos/netidee_small.png differ diff --git a/assets/img/f-bg.png b/assets/img/f-bg.png new file mode 100644 index 0000000..564de68 Binary files /dev/null and b/assets/img/f-bg.png differ diff --git a/assets/img/gate17.png b/assets/img/gate17.png deleted file mode 100644 index 05b33b3..0000000 Binary files a/assets/img/gate17.png and /dev/null differ diff --git a/assets/img/h-bg.png b/assets/img/h-bg.png new file mode 100644 index 0000000..f60deee Binary files /dev/null and b/assets/img/h-bg.png differ diff --git a/assets/img/landscape.png b/assets/img/landscape.png deleted file mode 100644 index 572ccd4..0000000 Binary files a/assets/img/landscape.png and /dev/null differ diff --git a/assets/img/landscape_footer.png b/assets/img/landscape_footer.png deleted file mode 100644 index d544d34..0000000 Binary files a/assets/img/landscape_footer.png and /dev/null differ diff --git a/assets/img/licence_icon.png b/assets/img/licence_icon.png deleted file mode 100644 index fba34ce..0000000 Binary files a/assets/img/licence_icon.png and /dev/null differ diff --git a/assets/img/lighthouse.png b/assets/img/lighthouse.png deleted file mode 100644 index 644379a..0000000 Binary files a/assets/img/lighthouse.png and /dev/null differ diff --git a/assets/img/lighthouse_mobile.png b/assets/img/lighthouse_mobile.png deleted file mode 100644 index 8cb3785..0000000 Binary files a/assets/img/lighthouse_mobile.png and /dev/null differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 0000000..39e91b0 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/logo_v3_light.png b/assets/img/logo_v3_light.png new file mode 100644 index 0000000..803bde3 Binary files /dev/null and b/assets/img/logo_v3_light.png differ diff --git a/assets/img/map.gif b/assets/img/map.gif new file mode 100644 index 0000000..f41aece Binary files /dev/null and b/assets/img/map.gif differ diff --git a/assets/img/message_in_a_bottle.png b/assets/img/message_in_a_bottle.png deleted file mode 100644 index 264d41e..0000000 Binary files a/assets/img/message_in_a_bottle.png and /dev/null differ diff --git a/assets/img/old/_logo_name.png b/assets/img/old/_logo_name.png deleted file mode 100644 index 3ff07d3..0000000 Binary files a/assets/img/old/_logo_name.png and /dev/null differ diff --git a/assets/img/old/_logo_name_70h.png b/assets/img/old/_logo_name_70h.png deleted file mode 100644 index e5d3c12..0000000 Binary files a/assets/img/old/_logo_name_70h.png and /dev/null differ diff --git a/assets/img/old/logo_name_70h_reduced.png b/assets/img/old/logo_name_70h_reduced.png deleted file mode 100644 index f82851d..0000000 Binary files a/assets/img/old/logo_name_70h_reduced.png and /dev/null differ diff --git a/assets/img/podcast.png b/assets/img/podcast.png new file mode 100644 index 0000000..2d9a7c1 Binary files /dev/null and b/assets/img/podcast.png differ diff --git a/assets/img/tour/level_dynamic.svg b/assets/img/tour/level_dynamic.svg deleted file mode 100644 index f177cdf..0000000 --- a/assets/img/tour/level_dynamic.svg +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/img/tour/level_fortress.svg b/assets/img/tour/level_fortress.svg deleted file mode 100644 index 48bd9bb..0000000 --- a/assets/img/tour/level_fortress.svg +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/img/tour/level_secure.svg b/assets/img/tour/level_secure.svg deleted file mode 100644 index 4754951..0000000 --- a/assets/img/tour/level_secure.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/assets/img/video-placeholder.png b/assets/img/video-placeholder.png new file mode 100644 index 0000000..4e8c719 Binary files /dev/null and b/assets/img/video-placeholder.png differ diff --git a/assets/js/main.js b/assets/js/main.js deleted file mode 100644 index d48af8f..0000000 --- a/assets/js/main.js +++ /dev/null @@ -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; -} diff --git a/community-hub/index.html b/community-hub/index.html index ac1fb3b..ae39471 100644 --- a/community-hub/index.html +++ b/community-hub/index.html @@ -2,7 +2,6 @@ layout: page_markdown title: community-hub heading: The Community Hub -exclude_community_snippet: true ---