diff options
author | Jos Poortvliet <jospoortvliet@gmail.com> | 2019-08-08 11:34:44 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-08-08 11:34:44 +0300 |
commit | e9f5225d9c5162a2b3860cef56050458ca70f1c4 (patch) | |
tree | 06e5d469c4389782ce3bcf9f0bf0f4486fca38d7 /assets | |
parent | 9335d6a616d538dc1a94e901bd43e1bdd3b0ade3 (diff) | |
parent | f57369578cdd458e9f897534c8f5a59aec4ee70d (diff) |
Merge branch 'master' into appdev
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/custom.css | 3 | ||||
-rw-r--r-- | assets/css/custom.scss | 5 | ||||
-rw-r--r-- | assets/css/modules/left-pill-bar.scss | 39 | ||||
-rw-r--r-- | assets/css/pages/about.css | 203 | ||||
-rw-r--r-- | assets/css/pages/about.scss | 46 | ||||
-rw-r--r-- | assets/css/pages/generic.css | 26 | ||||
-rw-r--r-- | assets/css/pages/generic.scss | 30 | ||||
-rw-r--r-- | assets/css/pages/home.css | 1346 | ||||
-rw-r--r-- | assets/css/pages/home.scss | 137 | ||||
-rw-r--r-- | assets/css/pages/pressrelease.css | 26 | ||||
-rw-r--r-- | assets/css/pages/pressrelease.scss | 30 | ||||
-rw-r--r-- | assets/img/customers/DEGES_Logo.svg | 74 | ||||
-rw-r--r-- | assets/img/customers/GKV_SC.png | bin | 4861 -> 8643 bytes | |||
-rw-r--r-- | assets/img/customers/Raiffeisen_Steiermark_modified.png | bin | 0 -> 167691 bytes | |||
-rw-r--r-- | assets/img/customers/SIB.png | bin | 3157 -> 7277 bytes | |||
-rw-r--r-- | assets/img/customers/Wikimedia_Deutschland.svg | 62 | ||||
-rw-r--r-- | assets/img/headers/vdr-link.jpg | bin | 0 -> 181924 bytes |
17 files changed, 1007 insertions, 1020 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css index 233b8493..8bbaba56 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -10746,6 +10746,9 @@ blockquote { @media (min-width: 768px) { .quote .image--feature.new-img, .call-to-action .image--feature.new-img { border: 10px solid #0082c9 !important; } } + @media (max-width: 991px) { + .quote .icon, .call-to-action .icon { + margin-top: 30px; } } /* Whitepaper sections */ .section--whitepaper, .whitepaper { diff --git a/assets/css/custom.scss b/assets/css/custom.scss index 6c3a37ec..2c499d8d 100644 --- a/assets/css/custom.scss +++ b/assets/css/custom.scss @@ -1456,6 +1456,11 @@ blockquote { border: 10px solid $nextcloud-blue !important; } } + .icon { + @media (max-width: $break-big) { + margin-top: 30px; + } + } } /* Whitepaper sections */ diff --git a/assets/css/modules/left-pill-bar.scss b/assets/css/modules/left-pill-bar.scss index 05fdaee4..bf988530 100644 --- a/assets/css/modules/left-pill-bar.scss +++ b/assets/css/modules/left-pill-bar.scss @@ -6,30 +6,27 @@ @import '../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins/border-radius.scss'; @import '../../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap/navs.scss'; -.nav { - position: relative; +.nav.nav-pills.brand-pills.nav-stacked { + position: relative !important; padding: 5px 0 30px 0; - &.nav-pills.brand-pills.nav-stacked { - opacity: 1; /* compensate for nav being set to opacity 0 by our top nav bar code */ - li { - margin: 0; - border-left: 1px solid lightgray; - &:hover, &.active { - border-left: 1px solid blue; - font-weight: 700; - } - a { - color: #2a2a36; - background-color: transparent; - padding-left: 20px; - border-radius: 0; - margin: 0; - } - + opacity: 1; /* compensate for nav being set to opacity 0 by our top nav bar code */ + li { + margin: 0; + border-left: 1px solid lightgray; + &:hover, &.active { + border-left: 1px solid blue; + font-weight: 700; + } + a { + color: #2a2a36; + background-color: transparent; + padding-left: 20px; + border-radius: 0; + margin: 0; } .tab-content { - margin-top: 15px; - padding-top: 5px; + margin-top: 15px; + padding-top: 5px; } } } diff --git a/assets/css/pages/about.css b/assets/css/pages/about.css index 5ab67a3c..d2c5d677 100644 --- a/assets/css/pages/about.css +++ b/assets/css/pages/about.css @@ -7,90 +7,75 @@ padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; } - @media (min-width: 768px) { - .container-widest .container-widest { - width: 738px; } } - @media (min-width: 992px) { - .container-widest .container-widest { - width: 962px; } } - @media (min-width: 1200px) { - .container-widest .container-widest { - width: 1170px; } } - @media (min-width: 1500px) { - .container-widest .container-widest { - width: 1470px; } } - @media (min-width: 1800px) { - .container-widest .container-widest { - width: 1770px; } } + margin-left: auto; +} +@media (min-width: 768px) { + .container-widest .container-widest { + width: 738px; + } +} +@media (min-width: 992px) { + .container-widest .container-widest { + width: 962px; + } +} +@media (min-width: 1200px) { + .container-widest .container-widest { + width: 1170px; + } +} +@media (min-width: 1500px) { + .container-widest .container-widest { + width: 1470px; + } +} +@media (min-width: 1800px) { + .container-widest .container-widest { + width: 1770px; + } +} /* Make Navbar transparent */ .nav:not(.scrolled) { background-color: transparent; - position: absolute; } + position: absolute; +} .about-background { background: url("../../img/headers/about.jpg") no-repeat; background-position: center; - background-size: cover; } + background-size: cover; +} footer.page-footer { - margin-top: 20px; } + margin-top: 20px; +} section { padding-top: 80px; - /* display: inline-block; */ } - section .section--heading-1 { - padding: 80px 0 30px 0; - text-align: center; } + /* display: inline-block; */ +} +section .section--heading-1 { + padding: 80px 0 30px 0; + text-align: center; +} +section .section--intro { + font-weight: 600; + padding-top: 30px; + color: #2a2a36; +} +@media (max-width: 768px) { section .section--intro { - font-weight: 600; - padding-top: 30px; - color: #2a2a36; } - @media (max-width: 768px) { - section .section--intro { - text-align: left !important; } } - section .newsrow { - margin-top: 70px; - margin-bottom: 30px; } - section .newsrow .col-md-4 { - padding: 15px; } - -.section--products { - margin: 80px 0 0 0; - padding: 90px 0 70px 0; - background-color: #eee; } - .section--products .row { - margin-bottom: 10px; } - .section--products img { - padding: 20px; } - .section--products .description { - min-height: 100px; - margin: 0 20px; } - .section--products .description .title { - display: block; - padding: 5px 10px 0 0; - font-size: 18px; - /* color: white; */ } - .section--products .description .title .logo { - width: 65px; - min-height: 25px; - float: left; - vertical-align: middle; } - .section--products .description .title .logo img { - margin-top: 0px; - padding: 4px 5px 0 0; - height: 60px; - width: 60px; } - .section--products .description .title .text { - line-height: 1; - padding: 10px 0 10px 0; } - .section--products .description .title .text strong { - line-height: 1.2; - font-weight: normal; - font-size: 22px; } - .section--products .description .title .text small { - opacity: 0.8; } + text-align: left !important; + } +} +section .newsrow { + margin-top: 70px; + margin-bottom: 30px; +} +section .newsrow .col-md-4 { + padding: 15px; +} .section--differentiators .quote--container { display: flex; @@ -102,40 +87,52 @@ section { border: 1px solid #FCFCFC; -webkit-box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.14); - margin: 30px 20px; } - @media (min-width: 991px) { - .section--differentiators .quote--container { - float: right; - width: 40%; - min-width: 300px; } } - .section--differentiators .quote--container blockquote { - font-style: italic; - font-size: 1.6em; - margin: 0; } - .section--differentiators .quote--container .quote--brand { - padding-top: 5px; - display: flex; - justify-content: center; - align-items: center; } - .section--differentiators .quote--container .quote--brand .quote--brand--logo { - background: url("../../img/conference/der-spiegel-logo.png") no-repeat center/contain; - width: 46px; - height: 46px; } - .section--differentiators .quote--container .quote--brand .quote--brand--text a { - margin: 0; - padding: 0 0 0 10px; - font-weight: 600; - text-transform: uppercase; - font-size: 15px; - color: #6c6c6c; } + margin: 30px 20px; +} +@media (min-width: 991px) { + .section--differentiators .quote--container { + float: right; + width: 40%; + min-width: 300px; + } +} +.section--differentiators .quote--container blockquote { + font-style: italic; + font-size: 1.6em; + margin: 0; +} +.section--differentiators .quote--container .quote--brand { + padding-top: 5px; + display: flex; + justify-content: center; + align-items: center; +} +.section--differentiators .quote--container .quote--brand .quote--brand--logo { + background: url("../../img/conference/der-spiegel-logo.png") no-repeat center/contain; + width: 46px; + height: 46px; +} +.section--differentiators .quote--container .quote--brand .quote--brand--text a { + margin: 0; + padding: 0 0 0 10px; + font-weight: 600; + text-transform: uppercase; + font-size: 15px; + color: #6c6c6c; +} .img-responsive { - padding-top: 10px; } - @media (min-width: 991px) { - .img-responsive { - margin-bottom: 50px; } } - @media (min-width: 1600px) { - .img-responsive { - /* margin-bottom: 0px; */ } } + padding-top: 10px; +} +@media (min-width: 991px) { + .img-responsive { + margin-bottom: 50px; + } +} +@media (min-width: 1600px) { + .img-responsive { + /* margin-bottom: 0px; */ + } +} /*# sourceMappingURL=about.css.map */ diff --git a/assets/css/pages/about.scss b/assets/css/pages/about.scss index e675bf9a..67352ff0 100644 --- a/assets/css/pages/about.scss +++ b/assets/css/pages/about.scss @@ -40,53 +40,7 @@ section { } } -.section--products { - margin: 80px 0 0 0; - padding: 90px 0 70px 0; - background-color: #eee; - .row { - margin-bottom: 10px; - } - img { - padding: 20px; - } - .description { - min-height: 100px; - margin: 0 20px; - .title { - display: block; - padding: 5px 10px 0 0; - font-size: 18px; -/* color: white; */ - .logo { - width: 65px; - min-height: 25px; - float:left; - vertical-align: middle; - img { - margin-top: 0px; - padding: 4px 5px 0 0; - height: 60px; - width: 60px; - } - } - .text { - line-height: 1; - padding: 10px 0 10px 0; - strong { - line-height: 1.2; - font-weight: normal; - font-size: 22px; - } - small { - opacity: 0.8; - } - } - } - - } -} .section--differentiators { .quote--container { display: flex; diff --git a/assets/css/pages/generic.css b/assets/css/pages/generic.css index 400791c9..20e15471 100644 --- a/assets/css/pages/generic.css +++ b/assets/css/pages/generic.css @@ -30,25 +30,15 @@ position: absolute; } .generic-background { - background: -webkit-gradient(linear, left top, left bottom, from(#0082c9), color-stop(100%, #3e9ed8), to(#d8d8d8)); - background: linear-gradient(to bottom, #0082c9, #3e9ed8 100%, #d8d8d8); - padding: 0; - border-radius: 0 !important; - margin-bottom: 0px; + background: url("../../img/headers/background-transparent.png") no-repeat; + background-color: #0082c9; + background-position: center; + background-size: cover; height: 30vh; - min-height: 400px; - max-height: 600px; } - .generic-background .pattern { - width: 100%; - height: 100%; - opacity: 0.1; - background: url("../../img/headers/generic.png") no-repeat; - background-size: cover; - background-position: center; } - @media (max-width: 991px) { - .generic-background { - min-height: 200px; - max-height: 400px; } } + min-height: 300px; + max-height: 400px; } + .generic-background .topheader { + margin-top: 70px; } /* General */ section { diff --git a/assets/css/pages/generic.scss b/assets/css/pages/generic.scss index 5288df55..162f2c5d 100644 --- a/assets/css/pages/generic.scss +++ b/assets/css/pages/generic.scss @@ -4,29 +4,15 @@ .generic-background { - background: -webkit-gradient(linear, left top, left bottom, from($nextcloud-blue), color-stop(100%, #3e9ed8), to(#d8d8d8)); - background: linear-gradient(to bottom, $nextcloud-blue, #3e9ed8 100%, #d8d8d8); - padding: 0; - border-radius: 0 !important; - margin-bottom: 0px; + background: url('../../img/headers/background-transparent.png') no-repeat; + background-color: #0082c9; + background-position: center; + background-size: cover; height: 30vh; - min-height: 400px; - max-height: 600px; - - .pattern { - width:100%; - height:100%; - opacity: 0.1; - background: url('../../img/headers/generic.png') no-repeat; - background-size: cover; - background-position: center; - - @media (max-width: $break-big) { - } - } - @media (max-width: $break-big) { - min-height: 200px; - max-height: 400px; + min-height: 300px; + max-height: 400px; + .topheader { + margin-top: 70px; } } diff --git a/assets/css/pages/home.css b/assets/css/pages/home.css index 743d3647..c2fe0fe0 100644 --- a/assets/css/pages/home.css +++ b/assets/css/pages/home.css @@ -7,39 +7,27 @@ padding-right: 15px; padding-left: 15px; margin-right: auto; - margin-left: auto; -} -@media (min-width: 768px) { - .container-widest .container-widest { - width: 738px; - } -} -@media (min-width: 992px) { - .container-widest .container-widest { - width: 962px; - } -} -@media (min-width: 1200px) { - .container-widest .container-widest { - width: 1170px; - } -} -@media (min-width: 1500px) { - .container-widest .container-widest { - width: 1470px; - } -} -@media (min-width: 1800px) { - .container-widest .container-widest { - width: 1770px; - } -} + margin-left: auto; } + @media (min-width: 768px) { + .container-widest .container-widest { + width: 738px; } } + @media (min-width: 992px) { + .container-widest .container-widest { + width: 962px; } } + @media (min-width: 1200px) { + .container-widest .container-widest { + width: 1170px; } } + @media (min-width: 1500px) { + .container-widest .container-widest { + width: 1470px; } } + @media (min-width: 1800px) { + .container-widest .container-widest { + width: 1770px; } } /* Make Navbar transparent */ .nav:not(.scrolled) { background-color: transparent; - position: absolute; -} + position: absolute; } .jumbotron { background: -webkit-gradient(linear, left top, left bottom, from(#0082c9), color-stop(100%, #3e9ed8), to(#d8d8d8)); @@ -51,565 +39,531 @@ min-height: 700px; border-radius: 0 !important; position: relative; - overflow: hidden; -} -.jumbotron__pattern { - opacity: 0.1; - width: calc(100vw - 15px); - height: 100vh; - -o-object-fit: cover; - object-fit: cover; -} -@media (max-width: 991px) { + overflow: hidden; } .jumbotron__pattern { + opacity: 0.1; width: calc(100vw - 15px); height: 100vh; -o-object-fit: cover; - object-fit: cover; - } -} -@media (max-width: 991px) { - .jumbotron { - min-height: 600px; - } -} -.jumbotron .jumbotron--heading-1 { - padding-top: 10px; -} -@media (max-width: 768px) { + object-fit: cover; } + @media (max-width: 991px) { + .jumbotron__pattern { + width: calc(100vw - 15px); + height: 100vh; + -o-object-fit: cover; + object-fit: cover; } } + @media (max-width: 991px) { + .jumbotron { + min-height: 600px; } } .jumbotron .jumbotron--heading-1 { - max-width: 300px; - text-align: left; - } -} -@media (min-width: 768px) { - .jumbotron .jumbotron--heading-1 { - max-width: 500px; - } -} -.jumbotron .jumbotron--lead { - width: 377px; - text-align: left; -} -@media (max-width: 991px) { + padding-top: 10px; } + @media (max-width: 768px) { + .jumbotron .jumbotron--heading-1 { + max-width: 300px; + text-align: left; } } + @media (min-width: 768px) { + .jumbotron .jumbotron--heading-1 { + max-width: 500px; } } .jumbotron .jumbotron--lead { - width: 250px; - } -} -.jumbotron p { - margin-top: 50px; -} -.jumbotron .topbanner { - background: url(../../img/home/top-banner@2x.png) bottom 0 right 0/contain no-repeat; - width: auto; - height: auto; - max-width: 55vw; - max-height: 90vh; - margin: 0 0 0 0; - padding: 0 0 0 0; - position: absolute; - bottom: 0; - right: 0; - overflow: hidden; - opacity: 0; - -webkit-transform: translateY(50px); - transform: translateY(50px); -} -@media (max-width: 768px) { + width: 377px; + text-align: left; } + @media (max-width: 991px) { + .jumbotron .jumbotron--lead { + width: 250px; } } + .jumbotron p { + margin-top: 50px; } .jumbotron .topbanner { - background-image: url("../../img/home/top-banner@2x_mobile.png"); - padding-top: 100%; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .jumbotron .topbanner { - background-image: url("../../img/home/top-banner@2x_mobile.png"); - padding-top: 55%; - } -} -.jumbotron .topbanner img { - width: 100%; - height: 100%; - opacity: 0; -} -.jumbotron .toptext { - position: absolute; - top: 30vh; - padding-left: 0; - margin-left: 0; - z-index: 2; -} -.jumbotron .toptext .button { - opacity: 0; - -webkit-transform: translateY(50px); - transform: translateY(50px); -} -.jumbotron .toptext .jumbotron--heading-1, -.jumbotron .toptext .jumbotron--lead { - opacity: 1; - -webkit-transform: translateY(50px); - transform: translateY(50px); -} -@media (max-width: 768px) { - .jumbotron .toptext .jumbotron--lead { - text-shadow: 0px 0px 5px #000000; - } -} -@media (max-width: 768px) { - .jumbotron .toptext .button { - /* text-shadow: 0px 0px 5px #000000; */ - /* background: #0082c9cc; */ - } -} -@media (max-width: 991px) { + background: url(../../img/home/top-banner@2x.png) bottom 0 right 0/contain no-repeat; + width: auto; + height: auto; + max-width: 55vw; + max-height: 90vh; + margin: 0 0 0 0; + padding: 0 0 0 0; + position: absolute; + bottom: 0; + right: 0; + overflow: hidden; + opacity: 0; + -webkit-transform: translateY(50px); + transform: translateY(50px); } + @media (max-width: 768px) { + .jumbotron .topbanner { + background-image: url("../../img/home/top-banner@2x_mobile.png"); + padding-top: 100%; } } + @media (min-width: 768px) and (max-width: 991px) { + .jumbotron .topbanner { + background-image: url("../../img/home/top-banner@2x_mobile.png"); + padding-top: 55%; } } + .jumbotron .topbanner img { + width: 100%; + height: 100%; + opacity: 0; } .jumbotron .toptext { - top: 120px; - margin-left: 5%; - } -} -.jumbotron .toptext .announcement { - max-width: 600px; - background-color: rgba(0, 115, 178, 0.51); - border-radius: 20px; - padding: 0 12px 0 8px; - text-decoration: none; - color: white; - line-height: 1.2; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - opacity: 0; - -webkit-transform: translateX(-20px); - transform: translateX(-20px); -} -@media (max-width: 768px) { - .jumbotron .toptext .announcement { - margin-left: -20px; - width: calc(100% + 35px); - border-radius: 0; - } -} -.jumbotron .toptext .announcement .type { - padding: 0 6px; - font-size: 11px; - line-height: 16px; - font-weight: 600; - background: #FF8B00; - text-transform: uppercase; - border-radius: 10px; -} -@media (max-width: 768px) { - .jumbotron .toptext .announcement .type { - margin-left: 10px; - } -} -.jumbotron .toptext .announcement .message { - margin: 10px 16px 10px 10px; - font-size: 13px; - line-height: 1em; -} -@media (max-width: 768px) { - .jumbotron .toptext .announcement .message { - font-size: 15px; - line-height: 22px; - margin: 10px 10px; - } -} -.jumbotron .toptext .announcement svg { - display: inline-block; - height: 12px; - width: 12px; - top: 10px; - transform: translateX(-10px); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.jumbotron .toptext .announcement svg g { - fill: #fff; -} -@media (max-width: 768px) { - .jumbotron .toptext .announcement svg { - position: relative; - top: 2px; - } -} -.jumbotron .toptext .announcement:hover svg { - transform: translateX(0px); -} - + position: absolute; + top: 30vh; + padding-left: 0; + margin-left: 0; + z-index: 2; } + .jumbotron .toptext .button { + opacity: 0; + -webkit-transform: translateY(50px); + transform: translateY(50px); } + .jumbotron .toptext .jumbotron--heading-1, + .jumbotron .toptext .jumbotron--lead { + opacity: 1; + -webkit-transform: translateY(50px); + transform: translateY(50px); } + @media (max-width: 768px) { + .jumbotron .toptext .jumbotron--lead { + text-shadow: 0px 0px 5px #000000; } } + @media (max-width: 768px) { + .jumbotron .toptext .button { + /* text-shadow: 0px 0px 5px #000000; */ + /* background: #0082c9cc; */ } } + @media (max-width: 991px) { + .jumbotron .toptext { + top: 120px; + margin-left: 5%; } } + .jumbotron .toptext .announcement { + max-width: 600px; + background-color: rgba(0, 115, 178, 0.51); + border-radius: 20px; + padding: 0 12px 0 8px; + text-decoration: none; + color: white; + line-height: 1.2; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); } + @media (max-width: 768px) { + .jumbotron .toptext .announcement { + margin-left: -20px; + width: calc(100% + 35px); + border-radius: 0; } } + .jumbotron .toptext .announcement .type { + padding: 0 6px; + font-size: 11px; + line-height: 16px; + font-weight: 600; + background: #FF8B00; + text-transform: uppercase; + border-radius: 10px; } + @media (max-width: 768px) { + .jumbotron .toptext .announcement .type { + margin-left: 10px; } } + .jumbotron .toptext .announcement .message { + margin: 10px 16px 10px 10px; + font-size: 13px; + line-height: 1em; } + @media (max-width: 768px) { + .jumbotron .toptext .announcement .message { + font-size: 15px; + line-height: 22px; + margin: 10px 10px; } } + .jumbotron .toptext .announcement svg { + display: inline-block; + height: 12px; + width: 12px; + top: 10px; + transform: translateX(-10px); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; } + .jumbotron .toptext .announcement svg g { + fill: #fff; } + @media (max-width: 768px) { + .jumbotron .toptext .announcement svg { + position: relative; + top: 2px; } } + .jumbotron .toptext .announcement:hover svg { + transform: translateX(0px); } + .jumbotron .scrollbutton a { + position: absolute; + bottom: 6px; + left: 25%; + z-index: 2; + display: inline-block; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + color: #fff; + letter-spacing: .1em; + text-decoration: none; + transition: opacity .3s; } + .jumbotron .scrollbutton a:hover { + opacity: .5; } + .jumbotron .scrollbutton a { + padding-top: 80px; } + .jumbotron .scrollbutton a span { + position: absolute; + top: 0; + left: 50%; + width: 24px; + height: 24px; + margin-left: -12px; + border-left: 1px solid #fff; + border-bottom: 1px solid #fff; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-animation: sdb07 2s infinite; + animation: sdb07 2s infinite; + opacity: 0; + box-sizing: border-box; } + .jumbotron .scrollbutton a span:nth-of-type(1) { + -webkit-animation-delay: 0s; + animation-delay: 0s; } + .jumbotron .scrollbutton a span:nth-of-type(2) { + top: 16px; + -webkit-animation-delay: .15s; + animation-delay: .15s; } + .jumbotron .scrollbutton a span:nth-of-type(3) { + top: 32px; + -webkit-animation-delay: .3s; + animation-delay: .3s; } +@-webkit-keyframes sdb07 { + 0% { + opacity: 0; } + 50% { + opacity: 1; } + 100% { + opacity: 0; } } +@keyframes sdb07 { + 0% { + opacity: 0; } + 50% { + opacity: 1; } + 100% { + opacity: 0; } } /** * Home page: Why Nextcloud? */ .icon-row { - padding-bottom: 100px; -} + padding-bottom: 100px; } .icon-row img { - height: 200px; -} + height: 200px; } .icon-row h4 { - padding-top: 39px; -} + padding-top: 39px; } + +.section--products { + margin: 0 0 0 0; + padding: 90px 0 70px 0; + /* background-color: #eee; */ } + .section--products .row { + margin-bottom: 10px; } + .section--products img { + padding: 20px; } + .section--products .description { + min-height: 100px; + margin: 0 20px; } + .section--products .description .title { + display: block; + padding: 5px 10px 0 0; + font-size: 18px; + /* color: white; */ } + .section--products .description .title .logo { + width: 65px; + min-height: 25px; + float: left; + vertical-align: middle; } + .section--products .description .title .logo img { + margin-top: 0px; + padding: 4px 5px 0 0; + height: 60px; + width: 60px; } + .section--products .description .title .text { + line-height: 1; + padding: 10px 0 10px 0; } + .section--products .description .title .text strong { + line-height: 1.2; + font-weight: normal; + font-size: 22px; } + .section--products .description .title .text small { + opacity: 0.8; } .section--why { - padding-bottom: 80px; -} -.section--why a { - margin-left: 30px; - margin-right: 30px; -} -.section--why .highlights { - display: -ms-flexbox; - display: flex; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - margin: -16px 0 0 -16px; - padding: 0 0 30px 0; - list-style: none; -} -@media (max-width: 1024px) { + padding-bottom: 80px; } + .section--why a { + margin-left: 30px; + margin-right: 30px; } .section--why .highlights { - display: block; - text-align: center; - margin: 0 10px 0 10px; - } -} -.section--why .highlights_align { - padding-top: 100px; - flex-basis: 33.33333%; - max-width: 33.33333%; - padding-left: 64px; -} -.section--why .highlights_align:first-child { - padding-left: 0px; -} -.section--why .highlights_align svg { - margin-left: -10px; -} -.section--why .highlights_align .section--paragraph { - font-size: 16px; -} -.section--why .highlights_align h4 { - text-align: center; - margin-top: 20px; - margin-left: -20px; - margin-bottom: 0; -} -@media (max-width: 1024px) { + display: -ms-flexbox; + display: flex; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + margin: -16px 0 0 -16px; + padding: 0 0 30px 0; + list-style: none; } + @media (max-width: 1024px) { + .section--why .highlights { + display: block; + text-align: center; + margin: 0 10px 0 10px; } } .section--why .highlights_align { - flex-basis: auto; - max-width: none; - padding-left: 0; - padding-top: 50px; - } -} -@media (max-width: 1200px) { - .section--why .highlights_align svg { - margin-left: 0; - } -} -@media (max-width: 1200px) { - .section--why .highlights_align h4 { - margin-left: 0; - } -} + padding-top: 100px; + flex-basis: 33.33333%; + max-width: 33.33333%; + padding-left: 64px; } + .section--why .highlights_align:first-child { + padding-left: 0px; } + .section--why .highlights_align svg { + margin-left: -10px; } + .section--why .highlights_align .section--paragraph { + font-size: 16px; } + .section--why .highlights_align h4 { + text-align: center; + margin-top: 20px; + margin-left: -20px; + margin-bottom: 0; } + @media (max-width: 1024px) { + .section--why .highlights_align { + flex-basis: auto; + max-width: none; + padding-left: 0; + padding-top: 50px; } } + @media (max-width: 1200px) { + .section--why .highlights_align svg { + margin-left: 0; } } + @media (max-width: 1200px) { + .section--why .highlights_align h4 { + margin-left: 0; } } .jumbotron > .container-fluid > .col-md-6 > p > a { width: 290px; height: 60px; padding-top: 16px; - text-indent: -30px; -} + text-indent: -30px; } .section--customers { - padding-top: 130px; - padding-bottom: 110px; - position: relative; -} -.section--customers .row { - margin-top: 50px; -} -.section--customers .customer { - position: relative; - padding-left: 10px; - padding-right: 10px; -} -.section--customers .customer .customer-logo { - /* -webkit-filter: saturate(0%) contrast(.35) brightness(130%); */ - /* filter: saturate(0%) contrast(.35) brightness(130%); */ - max-width: 250px; - float: center; - /* height: 200px; */ - position: relative; - /* line-height: 200px; */ - text-align: center; - /* width: 100%; */ - margin-left: auto; - margin-right: auto; - padding-left: 10px; - padding-right: 10px; - vertical-align: middle; - /* img { - max-width: 90%; - vertical-align: middle; - } - .scaling-svg-container { - height: 0; - width: 100%; - padding: 0; - padding-bottom: 100%; - } - svg { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; - } - @media (max-width: $break-big) { - height: 150px; - line-height: 150px; - } - @media (max-width: $break-small) { - height: 100px; - line-height: 100px; - }*/ - /* svg { - * vertical-align: middle; - * float:none; - * width: auto; - * height: 400px; - * padding-bottom: 100px; - }*/ -} + padding-top: 60px; + padding-bottom: 90px; + position: relative; } + .section--customers .row { + margin-top: 50px; } + .section--customers .customer { + margin-top: 30px; + position: relative; + padding-left: 10px; + padding-right: 10px; } + .section--customers .customer .customer-logo { + -webkit-filter: saturate(0%) contrast(0.4) brightness(400%); + filter: saturate(0%) contrast(0.4) brightness(300%); + max-width: 250px; + float: center; + /* height: 200px; */ + position: relative; + /* line-height: 200px; */ + text-align: center; + /* width: 100%; */ + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; + vertical-align: middle; + /* img { + max-width: 90%; + vertical-align: middle; + } + .scaling-svg-container { + height: 0; + width: 100%; + padding: 0; + padding-bottom: 100%; + } + svg { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 0; + } + @media (max-width: $break-big) { + height: 150px; + line-height: 150px; + } + @media (max-width: $break-small) { + height: 100px; + line-height: 100px; + }*/ + /* svg { + * vertical-align: middle; + * float:none; + * width: auto; + * height: 400px; + * padding-bottom: 100px; +}*/ } /** * Home page: Nextcloud Events */ .section--conf { - margin: 100px 0 100px 0; + margin: 100px 0 0 0; padding: 50px 0 0 0; background-image: url("../../img/headers/team.jpg"); background-size: cover; background-attachment: fixed; - background-position: center; - /* @media (max-width: $break-small) { */ - /* background-image: url('../../img/home/perfect-for-home-and-business-mobile.jpg'); */ - /* } */ -} -.section--conf .button { - margin-right: 30px; -} -@media (min-width: 1600px) { - .section--conf { - padding-top: 120px; - padding-bottom: 180px; - } -} -.section--conf .section--heading-1 { - color: white; - width: 669px; - text-shadow: 0px 0px 1px black; -} -@media (max-width: 768px) { + background-position: center; } + .section--conf .button { + margin-right: 30px; } + @media (min-width: 1600px) { + .section--conf { + padding-top: 120px; + padding-bottom: 180px; } } .section--conf .section--heading-1 { - width: 100%; - } -} -.section--conf .section--paragraph { - color: white; - width: 669px; - text-shadow: 0px 0px 1px black; -} -@media (max-width: 768px) { + color: white; + width: 669px; + text-shadow: 0px 0px 1px black; } + @media (max-width: 768px) { + .section--conf .section--heading-1 { + width: 100%; } } .section--conf .section--paragraph { - width: 90%; - padding-top: 10px; - } -} + color: white; + width: 669px; + text-shadow: 0px 0px 1px black; } + @media (max-width: 768px) { + .section--conf .section--paragraph { + width: 90%; + padding-top: 10px; } } .section--enterprise-day { margin: 100px 0 0 0; padding: 80px 0 50px 0; background-image: url("../../img/conference/enterprise-day-wide.jpg"); background-size: cover; - background-position: center; - /* @media (max-width: $break-small) { */ - /* background-image: url('../../img/home/perfect-for-home-and-business-mobile.jpg'); */ - /* } */ -} -.section--enterprise-day .btn-primary { - width: 430px; -} -@media (min-width: 1600px) { - .section--enterprise-day { - padding-top: 120px; - padding-bottom: 180px; - } -} -@media (max-width: 768px) { + background-position: center; } .section--enterprise-day .btn-primary { - width: 300px; - } - .section--enterprise-day .btn-primary .icon-arrow { - background: url(../../img/arrow_right.svg) center/contain no-repeat; - position: absolute; - width: 20px; - height: 100%; - right: 20px; - top: 2px; - } -} -.section--enterprise-day .section--heading-1 { - color: white; - width: 469px; -} -@media (max-width: 768px) { + width: 430px; } + @media (min-width: 1600px) { + .section--enterprise-day { + padding-top: 120px; + padding-bottom: 180px; } } + @media (max-width: 768px) { + .section--enterprise-day .btn-primary { + width: 300px; } + .section--enterprise-day .btn-primary .icon-arrow { + background: url(../../img/arrow_right.svg) center/contain no-repeat; + position: absolute; + width: 20px; + height: 100%; + right: 20px; + top: 2px; } } .section--enterprise-day .section--heading-1 { - width: 100%; - } -} -.section--enterprise-day .section--paragraph { - color: white; - width: 469px; -} -.section--enterprise-day .section--paragraph i { - color: white; -} -@media (max-width: 768px) { + color: white; + width: 469px; } + @media (max-width: 768px) { + .section--enterprise-day .section--heading-1 { + width: 100%; } } .section--enterprise-day .section--paragraph { - width: 90%; - padding-top: 10px; - } -} + color: white; + width: 469px; } + .section--enterprise-day .section--paragraph i { + color: white; } + @media (max-width: 768px) { + .section--enterprise-day .section--paragraph { + width: 90%; + padding-top: 10px; } } .section--compliance { - margin-top: 0px !important; -} + margin-top: 0px !important; } /** * Home page: Introducing Nextcloud X */ .right-text-grey { opacity: 0; - padding-top: 75px; -} -.right-text-grey:first-child { - padding-top: 50px; -} -@media (max-width: 768px) { - .right-text-grey { - text-align: center; - } -} + padding-top: 75px; } + .right-text-grey:first-child { + padding-top: 50px; } + @media (max-width: 768px) { + .right-text-grey { + text-align: center; } } .introducing-nc-release { padding-top: 100px; - padding-bottom: 75px; -} -@media (max-width: 768px) { - .introducing-nc-release { - padding-top: 50px; - } -} -.introducing-nc-release img { - width: 582px; - height: 474px; - display: block; - margin: 0 auto; -} -@media (max-width: 768px) { + padding-bottom: 75px; } + @media (max-width: 768px) { + .introducing-nc-release { + padding-top: 50px; } } .introducing-nc-release img { - width: 90%; - height: 90%; - } -} -.introducing-nc-release p:last-child { - margin-top: 30px; -} + width: 582px; + height: 474px; + display: block; + margin: 0 auto; } + @media (max-width: 768px) { + .introducing-nc-release img { + width: 90%; + height: 90%; } } + .introducing-nc-release p:last-child { + margin-top: 30px; } .Section-Introducing-Nextcloud { background-color: transparent; overflow: hidden; height: 200vh; position: relative; - padding-top: 130px; -} -@media (max-width: 1200px) { - .Section-Introducing-Nextcloud { - padding-top: 60px; - height: 100vh; - } -} -.Section-Introducing-Nextcloud .img_carousel { - padding-top: 100px; - position: relative; -} -@media (max-height: 800px) { + padding-top: 130px; } + @media (max-width: 1200px) { + .Section-Introducing-Nextcloud { + padding-top: 60px; + height: 100vh; } } .Section-Introducing-Nextcloud .img_carousel { - padding-top: 60px; - } -} -.Section-Introducing-Nextcloud .img_carousel img { - float: right; - width: 582px; - height: 474px; -} -@media (max-height: 800px) { - .Section-Introducing-Nextcloud .img_carousel img { - width: 490px; - height: 402px; - } -} -.Section-Introducing-Nextcloud .indicators { - -webkit-transition: all 0.5s; - transition: all 0.5s; - opacity: 1; - position: absolute; - z-index: 2; - bottom: 50vh; - right: 0; -} -@media (max-width: 768px) { + padding-top: 100px; + position: relative; } + @media (max-height: 800px) { + .Section-Introducing-Nextcloud .img_carousel { + padding-top: 60px; } } + .Section-Introducing-Nextcloud .img_carousel img { + float: right; + width: 582px; + height: 474px; } + @media (max-height: 800px) { + .Section-Introducing-Nextcloud .img_carousel img { + width: 490px; + height: 402px; } } .Section-Introducing-Nextcloud .indicators { - display: none; - } -} -.Section-Introducing-Nextcloud .indicators .btn_carousel { - margin-top: 10px; - width: 14px; - height: 14px; - color: transparent; - border: 1px solid #0082c9; - background-color: #0082c9; - border-radius: 50%; - padding: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transition: all 250ms ease-in-out; - transition: all 250ms ease-in-out; -} -.Section-Introducing-Nextcloud .indicators .btn_carousel.active { - background-color: transparent; - -webkit-transform: scale(1); - transform: scale(1); -} + -webkit-transition: all .5s; + transition: all .5s; + opacity: 1; + position: absolute; + z-index: 2; + bottom: 50vh; + right: 0; } + @media (max-width: 768px) { + .Section-Introducing-Nextcloud .indicators { + display: none; } } + .Section-Introducing-Nextcloud .indicators .btn_carousel { + margin-top: 10px; + width: 14px; + height: 14px; + color: transparent; + border: 1px solid #0082c9; + background-color: #0082c9; + border-radius: 50%; + padding: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transition: all 250ms ease-in-out; + transition: all 250ms ease-in-out; } + .Section-Introducing-Nextcloud .indicators .btn_carousel.active { + background-color: transparent; + -webkit-transform: scale(1); + transform: scale(1); } #pinContainer { width: 100%; height: 100vh; - overflow: hidden; -} + overflow: hidden; } .panel { height: 100%; width: 100%; - position: absolute; -} + position: absolute; } /** * Home page: Stay up to date @@ -617,256 +571,194 @@ /** * Home page: perfect-for-home-and-business */ -#perfect-for-home-and-business { +.section--underyourcontrol { margin-top: 100px; padding-top: 80px; padding-bottom: 50px; padding-left: 0; padding-right: 0; background-image: url("../../img/home/perfect-for-home-and-business.jpg"); - background-size: cover; -} -@media (max-width: 768px) { - #perfect-for-home-and-business { - background-image: url("../../img/home/perfect-for-home-and-business-mobile.jpg"); - } -} -#perfect-for-home-and-business .btn-primary { - width: 430px; -} -@media (min-width: 1600px) { - #perfect-for-home-and-business { - padding-top: 120px; - padding-bottom: 180px; - } -} -@media (max-width: 768px) { - #perfect-for-home-and-business .btn-primary { - width: 300px; - } - #perfect-for-home-and-business .btn-primary .icon-arrow { - background: url(../../img/common/arrow_right.svg) center/contain no-repeat; - position: absolute; - width: 20px; - height: 100%; - right: 20px; - top: 2px; - } -} -#perfect-for-home-and-business .section--heading-1 { - width: 469px; - color: white; -} -@media (max-width: 768px) { - #perfect-for-home-and-business .section--heading-1 { + background-size: cover; } + @media (max-width: 768px) { + .section--underyourcontrol { + background-image: url("../../img/home/perfect-for-home-and-business-mobile.jpg"); } } + .section--underyourcontrol .btn-primary { + width: 430px; } + @media (min-width: 1600px) { + .section--underyourcontrol { + padding-top: 120px; + padding-bottom: 180px; } } + @media (max-width: 768px) { + .section--underyourcontrol .btn-primary { + width: 300px; } + .section--underyourcontrol .btn-primary .icon-arrow { + background: url(../../img/common/arrow_right.svg) center/contain no-repeat; + position: absolute; + width: 20px; + height: 100%; + right: 20px; + top: 2px; } } + .section--underyourcontrol .section--heading-1 { + width: 469px; + color: white; } + @media (max-width: 768px) { + .section--underyourcontrol .section--heading-1 { + color: white; + width: 100%; + text-align: left; } } + .section--underyourcontrol li { + color: white !important; + list-style-image: url("../../img/common/white-check.svg"); + list-style-position: inside; } + .section--underyourcontrol .section--paragraph { color: white; - width: 100%; - text-align: left; - } -} -#perfect-for-home-and-business li { - color: white !important; - list-style-image: url("../../img/common/white-check.svg"); - list-style-position: inside; -} -#perfect-for-home-and-business .section--paragraph { - color: white; - width: 469px; - padding-top: 5px; - padding-bottom: 5px; -} -@media (max-width: 768px) { - #perfect-for-home-and-business .section--paragraph { - width: 90%; - padding-top: 10px; - } -} + width: 469px; + padding-top: 5px; + padding-bottom: 5px; } + @media (max-width: 768px) { + .section--underyourcontrol .section--paragraph { + width: 90%; + padding-top: 10px; } } .community-icon { height: 207px; width: 177px; - margin: auto; -} -@media (max-width: 1200px) { - .community-icon { - margin: auto; - } -} + margin: auto; } + @media (max-width: 1200px) { + .community-icon { + margin: auto; } } .privacy-icon { height: 200px; width: 202px; - margin: auto; -} -@media (max-width: 1200px) { - .privacy-icon { - margin: auto; - } -} + margin: auto; } + @media (max-width: 1200px) { + .privacy-icon { + margin: auto; } } .flexibility-icon { height: 206px; width: 205px; - margin: auto; -} -@media (max-width: 1200px) { - .flexibility-icon { - margin: auto; - } -} + margin: auto; } + @media (max-width: 1200px) { + .flexibility-icon { + margin: auto; } } #why-nextcloud { - padding-top: 130px; -} + padding-top: 130px; } .news-section { position: relative; - overflow: hidden; -} -.news-section .news { - background: #0082c9; - padding-bottom: 120px; -} -.news-section .news:before { - background: url(../../img/home/pattern.svg) bottom 0 right 0/contain no-repeat; - height: 90vh; - width: 2000px; - position: absolute; - left: 50%; - background-position: bottom; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); -} -@media (max-width: 768px) { - .news-section .news .container { - width: 95%; - } -} -@media (min-width: 768px) and (max-width: 991px) { - .news-section .news .container { - width: 720px !important; - } -} -@media (min-width: 991px) and (max-width: 1005px) { - .news-section .news .container { - width: 950px !important; - } -} -.news-section .news .col-md-4 { - background: white; - margin-bottom: 90px; - width: 28%; -} -@media (max-width: 1199px) { - .news-section .news .col-md-4 { - width: 26%; - } -} -@media (max-width: 991px) { - .news-section .news .col-md-4 { - width: 90%; - margin: 0 auto; - margin-bottom: 30px; - } -} -.news-section .news .row .col-md-4 { - padding: 20px; - margin: 30px; - min-height: 500px; -} -@media (max-width: 768px) { - .news-section .news .row .col-md-4 { - margin: 30px auto; - } -} -.news-section .news h1 { - /* font-family: OpenSans; */ - text-align: center; - color: #ffffff; - margin-top: 120px; - margin-bottom: 80px; -} -.news-section .news h3 { - /* font-family: OpenSans; */ - font-size: 20px; - font-weight: normal; - font-style: normal; - font-stretch: normal; - line-height: 1.45; - text-align: left; - color: #555555; -} -.news-section .news p { - /* font-family: OpenSans; */ - font-size: 60px; - font-weight: 300; - font-style: normal; - font-stretch: normal; - line-height: 0.88; - color: #ffffff; -} -.news-section .news ul { - list-style-type: none; - padding: 0; - -webkit-padding-start: 0px; - -moz-padding-start: 0px; -} -.news-section .news li { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: solid 2px #eeeeee; -} -.news-section .news a { - font-size: 18px; - font-weight: 300; - font-style: normal; - font-stretch: normal; - line-height: 1.61; - text-align: left; - color: #555555; -} + overflow: hidden; } + .news-section .news { + background: #0082c9; + padding-bottom: 120px; } + .news-section .news:before { + background: url(../../img/home/pattern.svg) bottom 0 right 0/contain no-repeat; + height: 90vh; + width: 2000px; + position: absolute; + left: 50%; + background-position: bottom; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + @media (max-width: 768px) { + .news-section .news .container { + width: 95%; } } + @media (min-width: 768px) and (max-width: 991px) { + .news-section .news .container { + width: 720px !important; } } + @media (min-width: 991px) and (max-width: 1005px) { + .news-section .news .container { + width: 950px !important; } } + .news-section .news .col-md-4 { + background: white; + margin-bottom: 90px; + width: 28%; } + @media (max-width: 1199px) { + .news-section .news .col-md-4 { + width: 26%; } } + @media (max-width: 991px) { + .news-section .news .col-md-4 { + width: 90%; + margin: 0 auto; + margin-bottom: 30px; } } + .news-section .news .row .col-md-4 { + padding: 20px; + margin: 30px; + min-height: 500px; } + @media (max-width: 768px) { + .news-section .news .row .col-md-4 { + margin: 30px auto; } } + .news-section .news h1 { + /* font-family: OpenSans; */ + text-align: center; + color: #ffffff; + margin-top: 120px; + margin-bottom: 80px; } + .news-section .news h3 { + /* font-family: OpenSans; */ + font-size: 20px; + font-weight: normal; + font-style: normal; + font-stretch: normal; + line-height: 1.45; + text-align: left; + color: #555555; } + .news-section .news p { + /* font-family: OpenSans; */ + font-size: 60px; + font-weight: 300; + font-style: normal; + font-stretch: normal; + line-height: 0.88; + color: #ffffff; } + .news-section .news ul { + list-style-type: none; + padding: 0; + -webkit-padding-start: 0px; + -moz-padding-start: 0px; } + .news-section .news li { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: solid 2px #eeeeee; } + .news-section .news a { + font-size: 18px; + font-weight: 300; + font-style: normal; + font-stretch: normal; + line-height: 1.61; + text-align: left; + color: #555555; } .stay-up-to-date { - padding: 50px 0; -} -.stay-up-to-date .section--heading-2 { - margin: 0; -} -@media (max-width: 768px) { + padding: 50px 0; } .stay-up-to-date .section--heading-2 { - text-align: left; - } -} -.stay-up-to-date .section--paragraph { - margin: 0; -} -@media (max-width: 768px) { + margin: 0; } + @media (max-width: 768px) { + .stay-up-to-date .section--heading-2 { + text-align: left; } } .stay-up-to-date .section--paragraph { - padding-top: 15px; - text-align: left; - } -} -@media (max-width: 768px) { - .stay-up-to-date .button { - float: left; - } -} + margin: 0; } + @media (max-width: 768px) { + .stay-up-to-date .section--paragraph { + padding-top: 15px; + text-align: left; } } + @media (max-width: 768px) { + .stay-up-to-date .button { + float: left; } } /* hide the image and table for the tweets */ .news .contribook_microbloguserpicture img { - width: 0px !important; -} + width: 0px !important; } .news table { - margin-left: -15px; -} + margin-left: -15px; } .revealOnScroll { - opacity: 0; -} + opacity: 0; } .section--compare { - padding-top: 70px; -} + padding-top: 70px; } /*# sourceMappingURL=home.css.map */ diff --git a/assets/css/pages/home.scss b/assets/css/pages/home.scss index 9ff53049..78546b4c 100644 --- a/assets/css/pages/home.scss +++ b/assets/css/pages/home.scss @@ -205,6 +205,78 @@ } } } + .scrollbutton a { + position: absolute; + bottom: 6px; + left: 25%; + z-index: 2; + display: inline-block; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + color: #fff; + letter-spacing: .1em; + text-decoration: none; + transition: opacity .3s; + } + .scrollbutton a:hover { + opacity: .5; + } + .scrollbutton a { + padding-top: 80px; + } + .scrollbutton a span { + position: absolute; + top: 0; + left: 50%; + width: 24px; + height: 24px; + margin-left: -12px; + border-left: 1px solid #fff; + border-bottom: 1px solid #fff; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-animation: sdb07 2s infinite; + animation: sdb07 2s infinite; + opacity: 0; + box-sizing: border-box; + } + .scrollbutton a span:nth-of-type(1) { + -webkit-animation-delay: 0s; + animation-delay: 0s; + } + .scrollbutton a span:nth-of-type(2) { + top: 16px; + -webkit-animation-delay: .15s; + animation-delay: .15s; + } + .scrollbutton a span:nth-of-type(3) { + top: 32px; + -webkit-animation-delay: .3s; + animation-delay: .3s; + } + @-webkit-keyframes sdb07 { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } + } + @keyframes sdb07 { + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } + } + } @@ -221,6 +293,52 @@ padding-top: 39px; } +.section--products { + margin: 0 0 0 0; + padding: 90px 0 70px 0; +/* background-color: #eee; */ + .row { + margin-bottom: 10px; + } + img { + padding: 20px; + } + .description { + min-height: 100px; + margin: 0 20px; + .title { + display: block; + padding: 5px 10px 0 0; + font-size: 18px; + /* color: white; */ + .logo { + width: 65px; + min-height: 25px; + float:left; + vertical-align: middle; + img { + margin-top: 0px; + padding: 4px 5px 0 0; + height: 60px; + width: 60px; + } + } + .text { + line-height: 1; + padding: 10px 0 10px 0; + strong { + line-height: 1.2; + font-weight: normal; + font-size: 22px; + } + small { + opacity: 0.8; + } + } + } + } +} + .section--why { padding-bottom: 80px; a { @@ -297,8 +415,8 @@ } .section--customers { - padding-top: 130px; - padding-bottom: 110px; + padding-top: 60px; + padding-bottom: 90px; position: relative; .container { } @@ -306,13 +424,14 @@ margin-top: 50px; } .customer { + margin-top: 30px; position: relative; padding-left: 10px; padding-right: 10px; .customer-logo { -/* -webkit-filter: saturate(0%) contrast(.35) brightness(130%); */ -/* filter: saturate(0%) contrast(.35) brightness(130%); */ + -webkit-filter: saturate(0%) contrast(0.4) brightness(400%); + filter: saturate(0%) contrast(0.4) brightness(300%); max-width: 250px; float: center; @@ -369,15 +488,12 @@ */ .section--conf { - margin: 100px 0 100px 0; + margin: 100px 0 0 0; padding: 50px 0 0 0; background-image: url('../../img/headers/team.jpg'); background-size: cover; background-attachment: fixed; background-position: center; - /* @media (max-width: $break-small) { */ - /* background-image: url('../../img/home/perfect-for-home-and-business-mobile.jpg'); */ - /* } */ .button { margin-right: 30px; @@ -414,9 +530,6 @@ background-image: url('../../img/conference/enterprise-day-wide.jpg'); background-size: cover; background-position: center; - /* @media (max-width: $break-small) { */ - /* background-image: url('../../img/home/perfect-for-home-and-business-mobile.jpg'); */ - /* } */ .btn-primary { width: 430px; @@ -597,7 +710,7 @@ overflow: hidden; * Home page: perfect-for-home-and-business */ -#perfect-for-home-and-business { +.section--underyourcontrol { margin-top: 100px; padding-top: 80px; padding-bottom: 50px; diff --git a/assets/css/pages/pressrelease.css b/assets/css/pages/pressrelease.css index 56dcfba6..4836a163 100644 --- a/assets/css/pages/pressrelease.css +++ b/assets/css/pages/pressrelease.css @@ -30,25 +30,15 @@ position: absolute; } .generic-background { - background: -webkit-gradient(linear, left top, left bottom, from(#0082c9), color-stop(100%, #3e9ed8), to(#d8d8d8)); - background: linear-gradient(to bottom, #0082c9, #3e9ed8 100%, #d8d8d8); - padding: 0; - border-radius: 0 !important; - margin-bottom: 0px; + background: url("../../img/headers/background-transparent.png") no-repeat; + background-color: #0082c9; + background-position: center; + background-size: cover; height: 30vh; - min-height: 400px; - max-height: 600px; } - .generic-background .pattern { - width: 100%; - height: 100%; - opacity: 0.1; - background: url("../../img/headers/generic.png") no-repeat; - background-size: cover; - background-position: center; } - @media (max-width: 991px) { - .generic-background { - min-height: 200px; - max-height: 400px; } } + min-height: 300px; + max-height: 400px; } + .generic-background .topheader { + margin-top: 70px; } /* General */ .section--pressrelease { diff --git a/assets/css/pages/pressrelease.scss b/assets/css/pages/pressrelease.scss index 1fffd10b..8959a916 100644 --- a/assets/css/pages/pressrelease.scss +++ b/assets/css/pages/pressrelease.scss @@ -4,29 +4,15 @@ .generic-background { - background: -webkit-gradient(linear, left top, left bottom, from($nextcloud-blue), color-stop(100%, #3e9ed8), to(#d8d8d8)); - background: linear-gradient(to bottom, $nextcloud-blue, #3e9ed8 100%, #d8d8d8); - padding: 0; - border-radius: 0 !important; - margin-bottom: 0px; + background: url('../../img/headers/background-transparent.png') no-repeat; + background-color: #0082c9; + background-position: center; + background-size: cover; height: 30vh; - min-height: 400px; - max-height: 600px; - - .pattern { - width:100%; - height:100%; - opacity: 0.1; - background: url('../../img/headers/generic.png') no-repeat; - background-size: cover; - background-position: center; - - @media (max-width: $break-big) { - } - } - @media (max-width: $break-big) { - min-height: 200px; - max-height: 400px; + min-height: 300px; + max-height: 400px; + .topheader { + margin-top: 70px; } } diff --git a/assets/img/customers/DEGES_Logo.svg b/assets/img/customers/DEGES_Logo.svg index b6f4299c..c0d655d4 100644 --- a/assets/img/customers/DEGES_Logo.svg +++ b/assets/img/customers/DEGES_Logo.svg @@ -5,38 +5,56 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 325.33334 140" height="140" width="325.33334" xml:space="preserve" id="svg2" - version="1.1"><metadata + version="1.1" + sodipodi:docname="DEGES_Logo.svg" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1007" + id="namedview14" + showgrid="false" + inkscape:zoom="1.8135245" + inkscape:cx="67.573287" + inkscape:cy="113.34206" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg2" /><metadata id="metadata8"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs - id="defs6" /><g - transform="matrix(1.3333333,0,0,-1.3333333,0,140)" - id="g10"><g - transform="scale(0.1)" - id="g12"><path - id="path14" - style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none" - d="M 12.543,1041.99 H 2436.11 V 6.16016 H 12.543 V 1041.99" /><path - id="path16" - style="fill:none;stroke:#ffffff;stroke-width:5.66930008;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:22.92560005;stroke-dasharray:none;stroke-opacity:1" - d="M 12.543,1041.99 H 2436.11 V 6.16016 H 12.543 Z" /><path - id="path18" - style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none" - d="M 526.32,407.383 H 454.59 V 637.91 h 57.379 c 79.922,0 105.543,-47.129 105.543,-120.902 0,-80.942 -44.571,-109.625 -91.192,-109.625 z m 5.629,298.144 H 374.16 V 339.742 h 157.789 c 111.68,0 165.992,78.906 165.992,184.949 0,121.422 -71.207,180.836 -165.992,180.836" /><path - id="path20" - style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none" - d="m 830.211,407.383 v 89.648 h 177.259 v 62.496 H 830.211 v 78.383 h 193.149 v 67.617 H 749.781 V 339.742 h 277.679 v 67.641 H 830.211" /><path - id="path22" - style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none" - d="m 1244.56,477.551 h 80.96 c -4.62,-50.707 -34.86,-78.887 -87.09,-78.887 -72.24,0 -99.4,61.469 -99.4,122.438 0,64.043 27.16,125.511 99.4,125.511 37.91,0 68.11,-20.988 77.34,-61.468 h 76.86 c -8.72,83 -79.43,129.097 -154.2,129.097 -113.22,0 -179.83,-84.527 -179.83,-193.14 0,-105.536 66.61,-190.059 179.83,-190.059 35.34,0 72.21,13.828 100.41,50.199 l 8.18,-41.5 h 51.25 v 197.75 h -153.71 v -59.941" /><path - id="path24" - style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none" - d="m 1541.48,407.383 v 89.648 h 177.29 v 62.496 h -177.29 v 78.383 h 193.15 v 67.617 H 1461.07 V 339.742 h 277.68 v 67.641 h -197.27" /><path - id="path26" - style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none" - d="m 1857.23,610.25 c 0,30.73 29.72,41.488 55.32,41.488 38.43,0 69.67,-11.269 72.24,-55.316 h 77.86 c 0,84.516 -70.19,117.816 -146.51,117.816 -66.09,0 -136.78,-35.855 -136.78,-110.648 0,-68.649 54.82,-89.652 109.11,-104 53.8,-14.34 108.62,-21 108.62,-60.453 0,-37.407 -43.04,-45.598 -71.21,-45.598 -43.04,0 -80.94,18.961 -80.94,67.629 h -77.89 c -1,-90.18 74.81,-130.129 155.75,-130.129 99.38,0 152.15,50.211 152.15,117.32 0,82.989 -81.97,99.903 -108.61,106.559 -91.7,23.566 -109.11,27.152 -109.11,55.332" /></g></g></svg>
\ No newline at end of file + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs + id="defs6" /><path + id="path18" + style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.13333333" + d="m 70.175998,85.682268 h -9.564 V 54.945335 h 7.650534 c 10.656266,0 14.072399,6.283867 14.072399,16.120267 0,10.792266 -5.9428,14.616666 -12.158933,14.616666 z M 70.926532,45.929736 H 49.887999 v 48.771332 h 21.038533 c 14.890666,0 22.132266,-10.5208 22.132266,-24.659866 0,-16.1896 -9.494267,-24.111466 -22.132266,-24.111466" + inkscape:connector-curvature="0" /><path + id="path20" + style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.13333333" + d="M 110.6948,85.682268 V 73.729202 h 23.63453 v -8.3328 H 110.6948 V 54.945335 H 136.448 V 45.929736 H 99.970798 v 48.771332 h 37.023862 v -9.0188 H 110.6948" + inkscape:connector-curvature="0" /><path + id="path22" + style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.13333333" + d="M 165.94133,76.326535 H 176.736 c -0.616,6.760933 -4.648,10.518266 -11.612,10.518266 -9.632,0 -13.25334,-8.195866 -13.25334,-16.325066 0,-8.539066 3.62134,-16.7348 13.25334,-16.7348 5.05466,0 9.08133,2.7984 10.312,8.195734 h 10.248 c -1.16267,-11.066667 -10.59067,-17.212933 -20.56,-17.212933 -15.096,0 -23.97734,11.270266 -23.97734,25.751999 0,14.071466 8.88134,25.341199 23.97734,25.341199 4.712,0 9.628,-1.843733 13.388,-6.693199 l 1.09066,5.533333 H 186.436 V 68.334402 h -20.49467 v 7.992133" + inkscape:connector-curvature="0" /><path + id="path24" + style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.13333333" + d="M 205.53066,85.682268 V 73.729202 h 23.63867 v -8.3328 H 205.53066 V 54.945335 h 25.75333 v -9.015599 h -36.47466 v 48.771332 h 37.024 v -9.0188 h -26.30267" + inkscape:connector-curvature="0" /><path + id="path26" + style="fill:#00adef;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.13333333" + d="m 247.63066,58.633335 c 0,-4.097333 3.96267,-5.531733 7.376,-5.531733 5.124,0 9.28933,1.502533 9.632,7.375467 h 10.38133 c 0,-11.2688 -9.35866,-15.7088 -19.53466,-15.7088 -8.812,0 -18.23734,4.780667 -18.23734,14.753066 0,9.1532 7.30934,11.9536 14.548,13.866667 7.17334,1.912 14.48267,2.8 14.48267,8.060399 0,4.9876 -5.73867,6.079734 -9.49467,6.079734 -5.73866,0 -10.792,-2.528134 -10.792,-9.0172 h -10.38533 c -0.13333,12.024 9.97467,17.350533 20.76667,17.350533 13.25066,0 20.28666,-6.6948 20.28666,-15.642667 0,-11.065199 -10.92933,-13.320399 -14.48133,-14.207866 -12.22667,-3.142133 -14.548,-3.620266 -14.548,-7.3776" + inkscape:connector-curvature="0" /></svg>
\ No newline at end of file diff --git a/assets/img/customers/GKV_SC.png b/assets/img/customers/GKV_SC.png Binary files differindex 3605e70d..a0e2cdab 100644 --- a/assets/img/customers/GKV_SC.png +++ b/assets/img/customers/GKV_SC.png diff --git a/assets/img/customers/Raiffeisen_Steiermark_modified.png b/assets/img/customers/Raiffeisen_Steiermark_modified.png Binary files differnew file mode 100644 index 00000000..53454c61 --- /dev/null +++ b/assets/img/customers/Raiffeisen_Steiermark_modified.png diff --git a/assets/img/customers/SIB.png b/assets/img/customers/SIB.png Binary files differindex 7b0d85f6..66bfdef0 100644 --- a/assets/img/customers/SIB.png +++ b/assets/img/customers/SIB.png diff --git a/assets/img/customers/Wikimedia_Deutschland.svg b/assets/img/customers/Wikimedia_Deutschland.svg index f24b35ab..69cba1f5 100644 --- a/assets/img/customers/Wikimedia_Deutschland.svg +++ b/assets/img/customers/Wikimedia_Deutschland.svg @@ -1,4 +1,60 @@ -<?xml version="1.0"?> -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 992 992"> -<path d="m549.6 247.5a51 51 0 0 1 -51 51 51 51 0 0 1 -51 -51 51 51 0 0 1 51 -51 51 51 0 0 1 51 51zm36.4 26c23.4 23.3 36.2 54.4 36.2 87.4s-12.9 64.1-36.2 87.4-54.4 36.2-87.4 36.2-64.1-12.9-87.4-36.2-36.2-54.4-36.2-87.4 12.9-64.1 36.2-87.4c2-2 4.1-3.9 6.2-5.8l-28.2-28.2c-2.1 1.9-4.1 3.8-6.1 5.8-15 15-26.8 32.5-35 52-8.5 20.2-12.9 41.6-12.9 63.6 0 22.1 4.3 43.5 12.9 63.6 8.2 19.5 20 37 35 52s32.5 26.8 52 35c20.2 8.5 41.6 12.9 63.6 12.9 22.1 0 43.5-4.3 63.6-12.9 19.5-8.2 37-20 52-35s26.8-32.5 35-52c8.5-20.2 12.9-41.6 12.9-63.6 0-22.1-4.3-43.5-12.9-63.6-8.2-19.5-20-37-35-52-2-2-4-3.9-6.1-5.8l-28.2 28.2c2 1.9 4 3.8 6 5.8zm-101.6 187.1v-125.8l-50.7-50.7c-21.8 18.5-35.7 46-35.7 76.9 0 50.7 37.6 92.7 86.4 99.6zm28.4 0c48.8-6.9 86.4-48.9 86.4-99.6 0-30.8-13.9-58.4-35.7-76.9l-50.7 50.7zm315.7 258.6c3.7 3.3 5.5 7.9 5.5 13.8s-1.8 10.6-5.3 14c-3.6 3.4-9 5.2-16.3 5.2h-12.6v-38h13.1c6.7 0 12 1.7 15.6 5zm-.9 14c0-8.7-5-13.1-15-13.1h-6.4v26h7.1c4.6 0 8.1-1.1 10.6-3.3 2.4-2.1 3.7-5.3 3.7-9.6zm-69.6-19h6.4v38h-7l-21.5-27.7v27.7h-6.4v-38h6.4l22.1 28.4zm-88.3 29.4-3.8 8.6h-6.9l16.7-38h6.9l16.7 38h-6.9l-3.8-8.6zm16.4-5.9-6.9-15.7-6.9 15.7zm-77.5 14.5v-38h6.4v31.9h17.3v6.1zm-67.1 0v-38h6.4v16.5h18.9v-16.5h6.4v38h-6.4v-15.6h-18.9v15.6zm-47.5-5.8c2.2 0 4.1-.4 5.7-1.1s3.3-1.9 5-3.6l4.1 4.2c-4 4.5-8.9 6.7-14.7 6.7-5.7 0-10.5-1.8-14.3-5.5s-5.7-8.4-5.7-14 1.9-10.4 5.8-14.1 8.7-5.7 14.6-5.7 10.8 2.2 14.8 6.5l-4.1 4.5c-1.8-1.7-3.5-3-5.1-3.6s-3.5-1-5.7-1c-3.8 0-7.1 1.2-9.7 3.7s-3.9 5.7-3.9 9.5c0 3.9 1.3 7.1 3.9 9.7 2.7 2.5 5.8 3.8 9.3 3.8zm-64.9-27.2c-1.9 0-3.4.4-4.6 1.1-1.2.8-1.8 1.9-1.8 3.5 0 1.5.6 2.7 1.8 3.5s3.7 1.7 7.6 2.6 6.8 2.3 8.8 4 3 4.2 3 7.5-1.3 6-3.8 8.1-5.8 3.1-9.8 3.1c-5.9 0-11.2-2-15.8-6.1l4-4.8c3.8 3.3 7.8 5 12 5 2.1 0 3.7-.4 4.9-1.3s1.8-2.1 1.8-3.5c0-1.5-.6-2.6-1.7-3.4s-3.1-1.6-5.9-2.2c-2.8-.7-4.9-1.3-6.4-1.8-1.5-.6-2.7-1.3-3.9-2.2-2.2-1.7-3.4-4.3-3.4-7.8s1.3-6.2 3.8-8.1c2.6-1.9 5.7-2.9 9.5-2.9 2.4 0 4.8.4 7.2 1.2s4.5 1.9 6.2 3.4l-3.4 4.8c-1.1-1-2.6-1.8-4.6-2.5-1.8-.8-3.7-1.2-5.5-1.2zm-54.9.9v32.1h-6.4v-32.1h-11.5v-5.9h29.5v5.9zm-72.4 23.4c1.7 2 4.1 3 7.1 3s5.3-1 7.1-3 2.6-4.8 2.6-8.3v-21h6.4v21.3c0 5.5-1.5 9.7-4.5 12.6-3 3-6.9 4.4-11.6 4.4s-8.6-1.5-11.6-4.4c-3-3-4.5-7.2-4.5-12.6v-21.3h6.4v21c0 3.6.8 6.3 2.6 8.3zm-42.3-29.3v6h-20.3v10.1h18.2v5.7h-18.2v10.2h20.9v6h-27.4v-38zm-65.3 5c3.7 3.3 5.5 7.9 5.5 13.8s-1.8 10.6-5.3 14c-3.6 3.4-9 5.2-16.3 5.2h-12.6v-38h13.1c6.7 0 12 1.7 15.6 5zm-1 14c0-8.7-5-13.1-15-13.1h-6.3v26h7.1c4.6 0 8.1-1.1 10.6-3.3 2.4-2.1 3.6-5.3 3.6-9.6zm665.2-68-8.5-19.7h-38.2l-8.5 19.7h-21.7l39.4-91.2h19.7l39.4 91.2zm-27.6-64-11.5 26.5h22.8zm-80.2-27.2h20.3v91.2h-20.4v-91.2zm-30.7 12c8.7 8 13.1 19 13.1 33.2s-4.2 25.4-12.7 33.7-21.4 12.4-38.8 12.4h-31.2v-91.2h32.2c16.2-.1 28.7 3.9 37.4 11.9zm-15 54.2c5-4.7 7.5-11.5 7.5-20.5s-2.5-15.9-7.5-20.7-12.7-7.2-23-7.2h-11.4v55.5h12.9c9.4-.1 16.5-2.4 21.5-7.1zm-74.3-66.2v18.1h-45.4v18.8h40.8v17.4h-40.8v18.9h46.9v18h-67.2v-91.2zm-108.6 33.8-24.7 49.9h-12.1l-24.5-49.9v57.4h-20.4v-91.2h27.6l23.5 50.1 23.6-50.1h27.4v91.2h-20.4zm-124.5-33.8h20.4v91.2h-20.4zm-92.6 0h20.4v37.5l34.5-37.5h25.1l-36.3 40.3c3.1 4.4 8.9 12.5 17.4 24.3 8.4 11.9 14.7 20.7 18.9 26.6h-23.8l-26.8-36-9.1 10.2v25.8h-20.3zm-42.8 0h20.4v91.2h-20.4zm-104.6 52.5 16.2-52.5h21.3l16.1 52.5 18.1-52.5h22.1l-31.8 91.2h-15.1l-20-63.4-19.8 63.4h-15.1l-31.8-91.2h22.1z"/> +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + viewBox="0 0 962.29999 556.09998" + version="1.1" + id="svg4" + sodipodi:docname="Wikimedia_Deutschland.svg" + width="962.29999" + height="556.09998" + inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> + <metadata + id="metadata10"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs8" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="2560" + inkscape:window-height="1363" + id="namedview6" + showgrid="false" + borderlayer="true" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:zoom="0.23790323" + inkscape:cx="374.09661" + inkscape:cy="256.6" + inkscape:window-x="0" + inkscape:window-y="240" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" /> + <path + d="m 531.89999,51.000004 a 51,51 0 0 1 -51,50.999996 51,51 0 0 1 -51,-50.999996 51,51 0 0 1 51,-50.9999995859375 51,51 0 0 1 51,50.9999995859375 z m 36.4,26 c 23.4,23.299996 36.2,54.399996 36.2,87.399996 0,33 -12.9,64.1 -36.2,87.4 -23.3,23.3 -54.4,36.2 -87.4,36.2 -33,0 -64.1,-12.9 -87.4,-36.2 -23.3,-23.3 -36.2,-54.4 -36.2,-87.4 0,-33 12.9,-64.1 36.2,-87.399996 2,-2 4.1,-3.9 6.2,-5.8 l -28.2,-28.2 c -2.1,1.9 -4.1,3.8 -6.1,5.8 -15,15 -26.8,32.5 -35,51.999996 -8.5,20.2 -12.9,41.6 -12.9,63.6 0,22.1 4.3,43.5 12.9,63.6 8.2,19.5 20,37 35,52 15,15 32.5,26.8 52,35 20.2,8.5 41.6,12.9 63.6,12.9 22.1,0 43.5,-4.3 63.6,-12.9 19.5,-8.2 37,-20 52,-35 15,-15 26.8,-32.5 35,-52 8.5,-20.2 12.9,-41.6 12.9,-63.6 0,-22.1 -4.3,-43.5 -12.9,-63.6 -8.2,-19.499996 -20,-36.999996 -35,-51.999996 -2,-2 -4,-3.9 -6.1,-5.8 l -28.2,28.2 c 2,1.9 4,3.8 6,5.8 z M 466.69999,264.1 V 138.3 l -50.7,-50.699996 c -21.8,18.499996 -35.7,45.999996 -35.7,76.899996 0,50.7 37.6,92.7 86.4,99.6 z m 28.4,0 c 48.8,-6.9 86.4,-48.9 86.4,-99.6 0,-30.8 -13.9,-58.4 -35.7,-76.899996 l -50.7,50.699996 z m 315.7,258.6 c 3.7,3.3 5.5,7.9 5.5,13.8 0,5.9 -1.8,10.6 -5.3,14 -3.6,3.4 -9,5.2 -16.3,5.2 h -12.6 v -38 h 13.1 c 6.7,0 12,1.7 15.6,5 z m -0.9,14 c 0,-8.7 -5,-13.1 -15,-13.1 h -6.4 v 26 h 7.1 c 4.6,0 8.1,-1.1 10.6,-3.3 2.4,-2.1 3.7,-5.3 3.7,-9.6 z m -69.6,-19 h 6.4 v 38 h -7 l -21.5,-27.7 v 27.7 h -6.4 v -38 h 6.4 l 22.1,28.4 z m -88.3,29.4 -3.8,8.6 h -6.9 l 16.7,-38 h 6.9 l 16.7,38 h -6.9 l -3.8,-8.6 z m 16.4,-5.9 -6.9,-15.7 -6.9,15.7 z m -77.5,14.5 v -38 h 6.4 v 31.9 h 17.3 v 6.1 z m -67.1,0 v -38 h 6.4 v 16.5 h 18.9 v -16.5 h 6.4 v 38 h -6.4 v -15.6 h -18.9 v 15.6 z m -47.5,-5.8 c 2.2,0 4.1,-0.4 5.7,-1.1 1.6,-0.7 3.3,-1.9 5,-3.6 l 4.1,4.2 c -4,4.5 -8.9,6.7 -14.7,6.7 -5.7,0 -10.5,-1.8 -14.3,-5.5 -3.8,-3.7 -5.7,-8.4 -5.7,-14 0,-5.6 1.9,-10.4 5.8,-14.1 3.9,-3.7 8.7,-5.7 14.6,-5.7 5.9,0 10.8,2.2 14.8,6.5 l -4.1,4.5 c -1.8,-1.7 -3.5,-3 -5.1,-3.6 -1.6,-0.6 -3.5,-1 -5.7,-1 -3.8,0 -7.1,1.2 -9.7,3.7 -2.6,2.5 -3.9,5.7 -3.9,9.5 0,3.9 1.3,7.1 3.9,9.7 2.7,2.5 5.8,3.8 9.3,3.8 z m -64.9,-27.2 c -1.9,0 -3.4,0.4 -4.6,1.1 -1.2,0.8 -1.8,1.9 -1.8,3.5 0,1.5 0.6,2.7 1.8,3.5 1.2,0.8 3.7,1.7 7.6,2.6 3.9,0.9 6.8,2.3 8.8,4 2,1.7 3,4.2 3,7.5 0,3.3 -1.3,6 -3.8,8.1 -2.5,2.1 -5.8,3.1 -9.8,3.1 -5.9,0 -11.2,-2 -15.8,-6.1 l 4,-4.8 c 3.8,3.3 7.8,5 12,5 2.1,0 3.7,-0.4 4.9,-1.3 1.2,-0.9 1.8,-2.1 1.8,-3.5 0,-1.5 -0.6,-2.6 -1.7,-3.4 -1.1,-0.8 -3.1,-1.6 -5.9,-2.2 -2.8,-0.7 -4.9,-1.3 -6.4,-1.8 -1.5,-0.6 -2.7,-1.3 -3.9,-2.2 -2.2,-1.7 -3.4,-4.3 -3.4,-7.8 0,-3.5 1.3,-6.2 3.8,-8.1 2.6,-1.9 5.7,-2.9 9.5,-2.9 2.4,0 4.8,0.4 7.2,1.2 2.4,0.8 4.5,1.9 6.2,3.4 l -3.4,4.8 c -1.1,-1 -2.6,-1.8 -4.6,-2.5 -1.8,-0.8 -3.7,-1.2 -5.5,-1.2 z m -54.9,0.9 v 32.1 h -6.4 v -32.1 h -11.5 v -5.9 h 29.5 v 5.9 z m -72.4,23.4 c 1.7,2 4.1,3 7.1,3 3,0 5.3,-1 7.1,-3 1.8,-2 2.6,-4.8 2.6,-8.3 v -21 h 6.4 V 539 c 0,5.5 -1.5,9.7 -4.5,12.6 -3,3 -6.9,4.4 -11.6,4.4 -4.7,0 -8.6,-1.5 -11.6,-4.4 -3,-3 -4.5,-7.2 -4.5,-12.6 v -21.3 h 6.4 v 21 c 0,3.6 0.8,6.3 2.6,8.3 z m -42.3,-29.3 v 6 h -20.3 v 10.1 h 18.2 v 5.7 h -18.2 v 10.2 h 20.9 v 6 h -27.4 v -38 z m -65.3,5 c 3.7,3.3 5.5,7.9 5.5,13.8 0,5.9 -1.8,10.6 -5.3,14 -3.6,3.4 -9,5.2 -16.3,5.2 h -12.6 v -38 h 13.1 c 6.7,0 12,1.7 15.6,5 z m -1,14 c 0,-8.7 -5,-13.1 -15,-13.1 h -6.3 v 26 h 7.1 c 4.6,0 8.1,-1.1 10.6,-3.3 2.4,-2.1 3.6,-5.3 3.6,-9.6 z m 665.2,-68 -8.5,-19.7 h -38.2 l -8.5,19.7 h -21.7 l 39.4,-91.2 h 19.7 l 39.4,91.2 z m -27.6,-64 -11.5,26.5 h 22.8 z m -80.2,-27.2 h 20.3 v 91.2 h -20.4 v -91.2 z m -30.7,12 c 8.7,8 13.1,19 13.1,33.2 0,14.2 -4.2,25.4 -12.7,33.7 -8.5,8.3 -21.4,12.4 -38.8,12.4 h -31.2 v -91.2 h 32.2 c 16.2,-0.1 28.7,3.9 37.4,11.9 z m -15,54.2 c 5,-4.7 7.5,-11.5 7.5,-20.5 0,-9 -2.5,-15.9 -7.5,-20.7 -5,-4.8 -12.7,-7.2 -23,-7.2 h -11.4 v 55.5 h 12.9 c 9.4,-0.1 16.5,-2.4 21.5,-7.1 z m -74.3,-66.2 v 18.1 h -45.4 v 18.8 h 40.8 v 17.4 h -40.8 v 18.9 h 46.9 v 18 h -67.2 v -91.2 z m -108.6,33.8 -24.7,49.9 h -12.1 l -24.5,-49.9 v 57.4 h -20.4 v -91.2 h 27.6 l 23.5,50.1 23.6,-50.1 h 27.4 v 91.2 h -20.4 z m -124.5,-33.8 h 20.4 v 91.2 h -20.4 z m -92.6,0 h 20.4 V 415 l 34.5,-37.5 h 25.1 l -36.3,40.3 c 3.1,4.4 8.9,12.5 17.4,24.3 8.4,11.9 14.7,20.7 18.9,26.6 h -23.8 l -26.8,-36 -9.1,10.2 v 25.8 h -20.3 z m -42.8,0 h 20.4 v 91.2 h -20.4 z m -104.6,52.5 16.2,-52.5 h 21.3 l 16.1,52.5 18.1,-52.5 h 22.1 l -31.8,91.2 h -15.1 l -20,-63.4 -19.8,63.4 h -15.1 L 99.999994,377.5 h 22.099996 z" + id="path2" + inkscape:connector-curvature="0" /> </svg> diff --git a/assets/img/headers/vdr-link.jpg b/assets/img/headers/vdr-link.jpg Binary files differnew file mode 100644 index 00000000..17dea00d --- /dev/null +++ b/assets/img/headers/vdr-link.jpg |