From 239c41f0894ea20aa98d569f477df5a3753c31b9 Mon Sep 17 00:00:00 2001 From: Jos Poortvliet Date: Mon, 22 Jan 2018 19:11:47 +0100 Subject: add tb and outlook addins to some more pages Signed-off-by: Jos Poortvliet --- assets/css/pages/athome.css | 9 +- assets/css/pages/athome.scss | 8 +- assets/css/pages/features.css | 12 ++- assets/css/pages/features.scss | 11 ++- assets/css/pages/files.css | 135 +++++++++++++++++++++++++++ assets/css/pages/files.scss | 201 ++++++++++++++++++++++++++++++++++++++++ assets/css/pages/groupware.css | 3 - assets/css/pages/groupware.scss | 4 - assets/img/outlook/moztb-2.png | Bin 0 -> 32291 bytes page-athome.php | 57 ++++++++++-- page-files.php | 43 ++++++--- page-groupware.php | 25 ++++- page-outlook.php | 18 +++- 13 files changed, 483 insertions(+), 43 deletions(-) create mode 100644 assets/css/pages/files.css create mode 100644 assets/css/pages/files.scss create mode 100644 assets/img/outlook/moztb-2.png diff --git a/assets/css/pages/athome.css b/assets/css/pages/athome.css index 3f9fb531..46fd3c06 100644 --- a/assets/css/pages/athome.css +++ b/assets/css/pages/athome.css @@ -131,9 +131,12 @@ section { text-align: center; padding-top: 20%; } -.calltoaction { - padding-bottom: 100px; } - .calltoaction a { +.section--getstarted { + margin-bottom: 0px; } + .section--getstarted a { margin: 50px; } +footer { + margin-top: 0px; } + /*# sourceMappingURL=athome.css.map */ diff --git a/assets/css/pages/athome.scss b/assets/css/pages/athome.scss index ec5496c6..8876d764 100644 --- a/assets/css/pages/athome.scss +++ b/assets/css/pages/athome.scss @@ -201,9 +201,13 @@ section { } } -.calltoaction { - padding-bottom: 100px; +.section--getstarted { + margin-bottom: 0px; a { margin: 50px; } } + +footer { + margin-top: 0px; +} diff --git a/assets/css/pages/features.css b/assets/css/pages/features.css index 102962f0..be986e6e 100644 --- a/assets/css/pages/features.css +++ b/assets/css/pages/features.css @@ -124,9 +124,13 @@ section { text-align: center; padding-top: 20%; } -.calltoaction { - padding-bottom: 100px; } - .calltoaction a { - margin: 50px; } +.section--getstarted { + margin-bottom: 0px; } + .section--getstarted a { + margin-left: 50px; + margin-right: 50px; } + +footer { + margin-top: 0px; } /*# sourceMappingURL=features.css.map */ diff --git a/assets/css/pages/features.scss b/assets/css/pages/features.scss index a2bf6c11..e9339bc1 100644 --- a/assets/css/pages/features.scss +++ b/assets/css/pages/features.scss @@ -189,9 +189,14 @@ section { } } -.calltoaction { - padding-bottom: 100px; +.section--getstarted { + margin-bottom: 0px; a { - margin: 50px; + margin-left: 50px; + margin-right: 50px; } } + +footer { + margin-top: 0px; +} diff --git a/assets/css/pages/files.css b/assets/css/pages/files.css new file mode 100644 index 00000000..2f49d80a --- /dev/null +++ b/assets/css/pages/files.css @@ -0,0 +1,135 @@ +/*Colors*/ +/*Shadows*/ +/*Breakpoints*/ +/* Make Navbar transparent */ +.nav:not(.scrolled) { + background-color: transparent; + position: absolute; } + +.files-background { + background: url("../../img/headers/yourcloud.jpg") no-repeat; + background-position: center; + background-size: cover; } + +@media (max-width 768px) { + .image--feature { + margin-top: 10px; } } +@media (min-width: 991px) { + .featureimg { + margin-bottom: 200px; } } +@media (min-width: 1600px) { + .featureimg { + margin-bottom: 100px; } } + +section { + margin: 180px 0; } + +.section--customers { + position: relative; } + .section--customers .section--paragraph { + margin: 40px 0; } + .section--customers .row { + margin-top: 50px; } + .section--customers .customer { + position: relative; + padding-left: 10px; + padding-right: 10px; } + .section--customers .customer .customer-logo { + /*-webkit-filter: grayscale(100%);*/ + filter: saturate(0%) contrast(0.35) brightness(130%); + max-width: 250px; + float: center; + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + vertical-align: middle; } + +.section--on-premise .section--heading-1 { + padding-bottom: 30px; } + +.section--compliance .banner { + background-color: #0082c9; + position: relative; + overflow: hidden; } + .section--compliance .banner .col-md-6 { + padding: 40px 0; } + .section--compliance .banner li, .section--compliance .banner p, .section--compliance .banner h2, .section--compliance .banner h3 { + color: white; } + .section--compliance .banner .hyperlink { + color: white; } + .section--compliance .banner .row { + padding: 0px 0px; } + .section--compliance .banner .fa { + color: white; + padding-right: 10px; } + .section--compliance .banner .learnmore { + padding: 20px 0px; } + .section--compliance .banner .learnmore .col-sm-6 { + padding: 20px 0px; } + .section--compliance .banner .big-img { + position: absolute; + max-width: 70%; + height: 100%; + /* top: 60px; */ + margin-left: 30px; } + .section--compliance .banner .small-img { + position: absolute; + height: 100%; + margin-left: 30px; } + @media (max-width: 1600px) { + .section--compliance .banner .big-img { + display: none; } } + @media (min-width: 1600px) { + .section--compliance .banner .small-img { + display: none; } } + +.acess__anywhere { + width: 400px; + margin: 0 auto; } + +.section--files { + padding-top: 80px; } + +.section--whitepaper { + padding: 0; } + .section--whitepaper h2 { + line-height: normal; } + +.section--outlook h1 { + /*margin-bottom: 10px;*/ } +.section--outlook p { + padding: 10px 0 30px 0; } +.section--outlook .row { + padding-bottom: 10px; } + +.section--others { + margin: 0 0 0 0; + padding: 90px 70px 70px 70px; + background-color: #eee; } + .section--others .row { + margin-bottom: 10px; } + .section--others img { + padding: 20px; } + +.section--more .container-widest .row { + margin-left: 5px; + margin-right: 5px; } +.section--more .section--heading-1 { + padding-bottom: 60px; } +.section--more i[class*='fa-'] { + font-size: 60px; + display: block; + color: #0082c9; + text-align: center; + padding-top: 20%; } + +.section--getstarted { + margin-bottom: 0px; } + .section--getstarted a { + margin: 50px; } + +footer { + margin-top: 0px; } + +/*# sourceMappingURL=files.css.map */ diff --git a/assets/css/pages/files.scss b/assets/css/pages/files.scss new file mode 100644 index 00000000..ae1434b6 --- /dev/null +++ b/assets/css/pages/files.scss @@ -0,0 +1,201 @@ +@import '../variables'; +@import '../modules/transparent-navbar'; + +.files-background { + background: url('../../img/headers/yourcloud.jpg') no-repeat; + background-position: center; + background-size: cover; +} + +@media (max-width $break-small) { + .image--feature { + margin-top: 10px; + } +} + +.featureimg { + @media (min-width: $break-big) { + margin-bottom: 200px; + } + + @media (min-width: $very-wide) { + margin-bottom: 100px; + } +} + + +section { + margin: 180px 0; +} + +.section--hosting { +} + +.section--overview { +} + +.section--customers { + position: relative; + .section--paragraph { + margin: 40px 0; + } + + .container { + } + .row { + margin-top: 50px; + } + .customer { + position: relative; + padding-left: 10px; + padding-right: 10px; + .customer-logo { + /*-webkit-filter: grayscale(100%);*/ + filter: saturate(0%) contrast(.35) brightness(130%); + + max-width: 250px; + float: center; + position: relative; + text-align:center; + margin-left: auto; + margin-right: auto; + vertical-align: middle; + + } + } +} + +.section--on-premise { + .section--heading-1 { + padding-bottom: 30px; + } +} + +.section--compliance { + .banner { + background-color: $nextcloud-blue; + position: relative; + overflow: hidden; + .col-md-6 { + padding: 40px 0; + } + li,p,h2,h3 { + color: white; + } + + .hyperlink { + color: white; + } + + .row { + padding: 0px 0px; + } + + .fa { + color: white; + padding-right: 10px; + } + + .learnmore { + padding: 20px 0px; + .col-sm-6 { + padding: 20px 0px; + } + } + + .big-img { + position: absolute; + max-width: 70%; + height: 100%; + /* top: 60px; */ + margin-left: 30px; + } + .small-img { + position:absolute; + height: 100%; + margin-left: 30px; + } + @media (max-width: $very-wide) { + .big-img { + display: none; + } + } + @media (min-width: $very-wide) { + .small-img { + display: none; + } + } + } +} + +.acess__anywhere { + width: 400px; + margin: 0 auto; +} + +.section--files { + padding-top: 80px; +} + +.section--whitepaper { + padding: 0; + + h2 { + line-height: normal; + } +} + +.section--outlook { + h1 { + /*margin-bottom: 10px;*/ + } + p { + padding: 10px 0 30px 0; + } + .row { + padding-bottom: 10px; + } +} + + +.section--others { + margin: 0 0 0 0; + padding: 90px 70px 70px 70px; + background-color: #eee; + .row { + margin-bottom: 10px; + } + img { + padding: 20px; + } +} + +.section--more { + .container-widest .row { + margin-left: 5px; + margin-right: 5px; + } + + .section--heading-1 { + padding-bottom: 60px; + } + + i[class*='fa-'] { + font-size: 60px; + display: block; + color: #0082c9; + text-align: center; + padding-top: 20%; + } +} + +.section--getstarted { + margin-bottom: 0px; + a { + margin: 50px; + } +} + +footer { + margin-top: 0px; +} diff --git a/assets/css/pages/groupware.css b/assets/css/pages/groupware.css index c91f6fbd..3e6606f0 100644 --- a/assets/css/pages/groupware.css +++ b/assets/css/pages/groupware.css @@ -22,9 +22,6 @@ section { section .section--paragraph__tittle { padding: 0; } -.video { - margin-bottom: 30px; } - .section--overview { margin-top: 100px; } .section--overview .icon { diff --git a/assets/css/pages/groupware.scss b/assets/css/pages/groupware.scss index b26d7583..a8808ad5 100644 --- a/assets/css/pages/groupware.scss +++ b/assets/css/pages/groupware.scss @@ -22,10 +22,6 @@ section { } } -.video { - margin-bottom: 30px; -} - .section--overview { margin-top: 100px; diff --git a/assets/img/outlook/moztb-2.png b/assets/img/outlook/moztb-2.png new file mode 100644 index 00000000..161ba693 Binary files /dev/null and b/assets/img/outlook/moztb-2.png differ diff --git a/page-athome.php b/page-athome.php index 66fc395e..03fab298 100644 --- a/page-athome.php +++ b/page-athome.php @@ -25,7 +25,7 @@ t('Security');?> t('Clients');?> t('External storage');?> - t('Collaborate');?> + t('Integration');?> t('More apps');?> @@ -214,6 +214,40 @@ +
+ +
+
+

t('Nextcloud Outlook and Thunderbird Integration');?>

+

t('Automatically upload files to replace large attachments or integrate Calendars and Contacts in your mail client');?>

+
+
+
+
+
+

t('The Nextcloud Secure Sharing Outlook Add-in enables Nextcloud users to easily and securely send files, folders or upload links to others from within Microsoft Outlook. The Add-in can replace attachments, automatically uploading files to Nextcloud and inserting a secure link in the email. It also makes it easy for users to provide others with a secure file upload link.');?>

+

t('With the Outlook CalDav Synchronizer integration with Nextcloud, Outlook users can easily sync their events, tasks and contacts between Microsoft Outlook and their Nextcloud server.');?>

+

t('Outlook Add-ins');?>

+
+
+
+
+ +
+
+ in action +
+
+

t('Mozilla Thunderbird');?>

+

t('Nextcloud also provides a Thunderbird Filelink Addon! This Thunderbird extension makes it easy to send large attachments with Thunderbird by automatically uploading them first to a Nextcloud server and by then inserting the link into the body of your email.');?>

+

t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Calendar and Contacts integrate great into Thunderbird.');?>

+

t('Thunderbird Add-ins');?>

+
+
+
+
+
+
@@ -398,9 +432,18 @@
- -
-

t('Get started now');?>

-

t('Install Nextcloud server');?>
- t('Install');?>

-
+
+
+

t('Get started now');?>

+

t('Install Nextcloud server');?>

+
+
+
+
+ t('install');?> +
+
+
+
+
+
diff --git a/page-files.php b/page-files.php index 776566fc..32cb5832 100644 --- a/page-files.php +++ b/page-files.php @@ -1,5 +1,5 @@ - + -
+
@@ -355,13 +355,25 @@
+
+ +
+
+ in action +
+
+

t('Mozilla Thunderbird');?>

+

t('Nextcloud also provides a Thunderbird Filelink Addon! This Thunderbird extension makes it easy to send large attachments with Thunderbird by automatically uploading them first to a Nextcloud server and by then inserting the link into the body of your email.');?>

+
+
+
-
+

t('View and edit documents with Collabora');?>

@@ -508,14 +520,19 @@
- -
-

t('Get started now');?>

-

t('Try out Nextcloud server for FREE or get a quote');?>

-
-
- t('Try Nextcloud Files');?> - t('Contact sales');?> +
+
+

t('Get started now');?>

+

t('Try out Nextcloud server for FREE or get a quote');?>

+
+
+
+
+ t('Try Nextcloud Files');?> + t('Contact sales');?> +
+
+
-
-
+
+ diff --git a/page-groupware.php b/page-groupware.php index adde47fe..25974433 100644 --- a/page-groupware.php +++ b/page-groupware.php @@ -151,7 +151,7 @@
- in action + in action
@@ -164,7 +164,7 @@
- in action + in action
@@ -178,7 +178,7 @@
- in action + in action

t('Features');?>

@@ -202,6 +202,25 @@
+ +
+
+
+ +
+
+ in action +
+
+

t('Mozilla Thunderbird');?>

+

t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Nextcloud Groupware integrates great into Thunderbird.');?>

+

t('Learn more in our documentation.');?>

+
+
+
+
+
+
diff --git a/page-outlook.php b/page-outlook.php index cd5d13f6..0e77fec4 100644 --- a/page-outlook.php +++ b/page-outlook.php @@ -229,7 +229,23 @@
- +
+
+
+ +
+
+ in action +
+
+

t('Mozilla Thunderbird');?>

+

t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Nextcloud Groupware integrates great into Thunderbird.');?>

+

t('Learn more in our documentation.');?>

+
+
+
+
+