From 36ce2c7d93d90aded2715865c1c242ff3d76a1d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Mon, 5 Mar 2018 20:05:01 +0100 Subject: [PATCH] New footer layout and design MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- .../themes/nextcloud_com/layout.html | 111 +++++++++------- .../themes/nextcloud_com/static/styles.css | 120 ++++++++++++++---- conf.py | 5 +- 3 files changed, 160 insertions(+), 76 deletions(-) diff --git a/_shared_assets/themes/nextcloud_com/layout.html b/_shared_assets/themes/nextcloud_com/layout.html index c18df88b7..0e983bf99 100644 --- a/_shared_assets/themes/nextcloud_com/layout.html +++ b/_shared_assets/themes/nextcloud_com/layout.html @@ -147,7 +147,7 @@

{{ project|e }}

- Versions: + Versions: {%- for v in doc_versions %} {{v}} {%- endfor %} @@ -156,7 +156,7 @@
{% if theme_show_search %}
- +
{% endif %} @@ -169,7 +169,7 @@
- +
{%- endblock %} @@ -213,51 +213,68 @@ - {%- endblock %} diff --git a/_shared_assets/themes/nextcloud_com/static/styles.css b/_shared_assets/themes/nextcloud_com/static/styles.css index 77396de00..2ec8942d7 100644 --- a/_shared_assets/themes/nextcloud_com/static/styles.css +++ b/_shared_assets/themes/nextcloud_com/static/styles.css @@ -62,7 +62,6 @@ body { h1, h2, h3 { font-weight: 300; - margin-top: 40px !important; } h1 { font-size: 45px; @@ -76,6 +75,12 @@ h3 { margin: 12px 0; } +.content h1, +.content h2, +.content h3 { + margin-top: 40px !important; +} + img { max-width: 100%; } @@ -256,34 +261,95 @@ i[class*='icon-'] { } /* the footer */ - -footer { - background-color: white; +/* https://raw.githubusercontent.com/nextcloud/nextcloud.com/master/assets/css/modules/footer.css */ +.copyright { + /* footer fix */ + clear: both; } +/*Colors*/ +/*Shadows*/ +/*Breakpoints*/ +footer.page-footer { + background-color: #2a2a36; } + footer.page-footer h1 { + margin-top: 70px; + font-size: 19px; + font-weight: bold; + line-height: 1.8; + letter-spacing: -0.9px; + color: #8e8e8e; } + footer.page-footer ul { + list-style-type: none; + padding-left: 0; } + footer.page-footer li { + font-size: 15px; + line-height: 1.8; + color: #ffffff; + width: 140px; + margin-top: 0; } + footer.page-footer li a { + color: #ffffff; + position: relative; } + footer.page-footer li a:before { + content: ""; + position: absolute; + width: 100%; + height: 2px; + bottom: 0; + left: 0; + background-color: white; + visibility: hidden; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: all 0.2s ease-in-out 0s; + transition: all 0.2s ease-in-out 0s; } + footer.page-footer li a:hover { + color: #ffffff; + text-decoration: none; } + footer.page-footer li a:hover:before { + visibility: visible; + -webkit-transform: scaleX(1); + transform: scaleX(1); } + footer.page-footer p { + padding-top: 50px; + padding-bottom: 30px; + font-size: 15px; + line-height: 1.8; + color: #ffffff; } + @media (max-width: 768px) { + footer.page-footer p { + float: left; + padding-left: 15px; } } + footer.page-footer p a { + color: #ffffff; } + footer.page-footer p a:hover { + color: #ffffff; } + @media (min-width: 768px) and (max-width: 1600px) { + footer.page-footer .container { + width: 90%; + max-width: 900px; } } -div.footer-text { - color: #555; - text-align: center; - margin-bottom: 40px; -} - -div.footer-social-icons > div { - text-align: center; - margin: 50px 17px -20px -14px; -} - -div.footer-social-icons> div > a:hover { - opacity: 0.8; -} - -div.footer-social-icons img { - margin: 0 30px 30px 0; -} - -footer div.footer-nav>h4 { - font-size: 1.125em; - color: #949494; -} +@media (max-width: 768px) { + footer.page-footer { + height: 100%; + padding-top: 40px; + padding-bottom: 40px; } + footer.page-footer h1 { + margin-top: 30px; + font-size: 19px; + font-weight: bold; + line-height: 1.8; + letter-spacing: -0.9px; + color: #8e8e8e; } + footer.page-footer ul { + list-style-type: none; + padding-left: 0; } + footer.page-footer li { + font-size: 15px; + line-height: 1.8; + color: #ffffff; + width: 140px; + margin-top: 0; } } div.thumbnail > img { margin-bottom: 0; diff --git a/conf.py b/conf.py index 10279462b..e585222fc 100644 --- a/conf.py +++ b/conf.py @@ -1,14 +1,15 @@ # global configuration for every documentation added at the end -import os, sys +import os, sys, datetime dir_path = os.path.dirname(os.path.realpath(__file__)) sys.path.insert(0, os.path.abspath(dir_path + '/_ext')) +now = datetime.datetime.now() extensions = ['edit_on_github'] # General information about the project. -copyright = u'2012-2017, The Nextcloud developers' +copyright = str(now.year) + ' Nextcloud GmbH' # The version info for the project you're documenting, acts as replacement for # |version| and |release|, also used in various other places throughout the