Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/nextcloud.com.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/css/custom.css3
-rw-r--r--assets/css/custom.scss5
-rw-r--r--assets/css/modules/left-pill-bar.scss39
-rw-r--r--assets/css/pages/about.css203
-rw-r--r--assets/css/pages/about.scss46
-rw-r--r--assets/css/pages/generic.css26
-rw-r--r--assets/css/pages/generic.scss30
-rw-r--r--assets/css/pages/home.css1346
-rw-r--r--assets/css/pages/home.scss137
-rw-r--r--assets/css/pages/pressrelease.css26
-rw-r--r--assets/css/pages/pressrelease.scss30
-rw-r--r--assets/img/customers/DEGES_Logo.svg74
-rw-r--r--assets/img/customers/GKV_SC.pngbin4861 -> 8643 bytes
-rw-r--r--assets/img/customers/Raiffeisen_Steiermark_modified.pngbin0 -> 167691 bytes
-rw-r--r--assets/img/customers/SIB.pngbin3157 -> 7277 bytes
-rw-r--r--assets/img/customers/Wikimedia_Deutschland.svg62
-rw-r--r--assets/img/headers/vdr-link.jpgbin0 -> 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
index 3605e70d..a0e2cdab 100644
--- a/assets/img/customers/GKV_SC.png
+++ b/assets/img/customers/GKV_SC.png
Binary files differ
diff --git a/assets/img/customers/Raiffeisen_Steiermark_modified.png b/assets/img/customers/Raiffeisen_Steiermark_modified.png
new file mode 100644
index 00000000..53454c61
--- /dev/null
+++ b/assets/img/customers/Raiffeisen_Steiermark_modified.png
Binary files differ
diff --git a/assets/img/customers/SIB.png b/assets/img/customers/SIB.png
index 7b0d85f6..66bfdef0 100644
--- a/assets/img/customers/SIB.png
+++ b/assets/img/customers/SIB.png
Binary files differ
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
new file mode 100644
index 00000000..17dea00d
--- /dev/null
+++ b/assets/img/headers/vdr-link.jpg
Binary files differ
generated by cgit v1.2.3 (git 2.25.1) at 2024-09-03 07:07:51 +0300