New footer layout and design

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
2018-03-05 20:05:01 +01:00
parent 24c8f97fec
commit 36ce2c7d93
3 changed files with 160 additions and 76 deletions

View File

@ -147,7 +147,7 @@
<div class="col-md-8">
<h1><a href="{{ pathto(master_doc) }}">{{ project|e }}</a></h1>
<div class="doc-version-switch">
Versions:
Versions:
{%- for v in doc_versions %}
<a href="https://docs.nextcloud.com/server/{{ v }}/{{current_doc}}/{{pagename}}.html" {% if version == v %} class="current-doc"{% endif %}>{{v}}</a>
{%- endfor %}
@ -156,7 +156,7 @@
<div class="col-md-4">
{% if theme_show_search %}
<form class="headersearch" style="margin: 16px 0;" action="{{ pathto('search') }}" method="get">
<input type="text" value="" name="q" id="q" class="form-control" />
<input type="text" value="" name="q" id="q" class="form-control" />
<button class="btn btn-default" type="submit" id="searchsubmit">Search</button>
</form>
{% endif %}
@ -169,7 +169,7 @@
<div class="menu-support-container">
<ul id="menu-support" class="menu">
<ul>
<li><a href="{{ pathto(master_doc) }}">Table of Contents</a></li>
</ul>
{{ toctree(maxdepth=3) }}
@ -187,7 +187,7 @@
</div>
</div>
</div>
</main>
</main>
</div>
</div>
{%- endblock %}
@ -213,51 +213,68 @@
</div>
</div>
</div>
<footer class="content-info" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-sm-2 col-sm-offset-1">
<div class="footer-nav">
<h4>About Nextcloud</h4>
<ul id="menu-about" class="menu">
<li><a href="https://nextcloud.com/about/">About us</a></li>
<li><a href="https://nextcloud.com/contact/">Contact us</a></li>
<li><a href="https://nextcloud.com/press/">Press</a></li>
<li><a href="https://nextcloud.com/privacy/">Privacy policy</a></li>
</ul>
<footer class="page-footer">
<div class="container">
<div class="col-sm-3">
<h1>About Nextcloud</h1>
<ul>
<li><a href="https://nextcloud.com/about">About us</a></li>
<li><a href="https://nextcloud.com/contributors">Community</a></li>
<li><a href="https://nextcloud.com/events">Events</a></li>
<li><a href="https://nextcloud.com/jobs">Jobs</a></li>
<li><a href="https://nextcloud.com/community/code-of-conduct/">Code of Conduct</a></li>
<li><a href="https://nextcloud.com/privacy">Privacy</a></li>
<li><a href="https://nextcloud.com/impressum">Legal notice</a></li>
</ul>
</div>
</div>
<div class="col-sm-2 col-sm-offset-2">
</div>
<div class="col-sm-2 col-sm-offset-2">
<div class="footer-nav">
<h4>Interact</h4>
<ul id="menu-interact" class="menu">
<li class="menu-irc-channel"><a href="https://webchat.freenode.net/?channels=nextcloud">IRC Channel</a></li>
<li class="menu-forums"><a href="https://help.nextcloud.com/">Forums</a></li>
</ul>
<div class="col-sm-3">
<h1>Resources</h1>
<ul>
<li><a href="https://nextcloud.com/install">Download</a></li>
<li><a href="https://apps.nextcloud.com">App Store</a></li>
<li><a href="https://docs.nextcloud.com/server/{{ version }}/admin_manual/">Admin manual</a></li>
<li><a href="https://docs.nextcloud.com/server/{{ version }}/user_manual/">User manual</a></li>
<li><a href="https://docs.nextcloud.com/server/{{ version }}/developer_manual/">Developer manual</a></li>
<li><a href="https://nextcloud.com/security">Security</a></li>
<li><a href="https://github.com/nextcloud">Code on GitHub</a></li>
</ul>
</div>
<div class="col-sm-3">
<h1>Interact</h1>
<ul>
<li><a href="https://nextcloud.com/support">Support</a></li>
<li><a href="https://webchat.freenode.net/?channels=nextcloud">IRC Channel</a></li>
<li><a href="https://help.nextcloud.com/categories">Forums</a></li>
<li><a href="https://demo.nextcloud.com">Demo</a></li>
<li><a href="https://nextcloud.com/contact">Contact us</a></li>
<li><a href="https://nextcloud.com/press">Press center</a></li>
<li><a href="https://docs.nextcloud.com/server/{{ version }}/developer_manual/bugtracker/">Bug Tracker</a></li>
</ul>
</div>
<div class="col-sm-3">
<h1>Follow us</h1>
<ul>
<li><a href="https://plus.google.com/b/104036748063781940910/104036748063781940910/about">Google+</a></li>
<li><a href="https://www.facebook.com/Nextcloud-1032807203462807/">Facebook</a></li>
<li><a href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
<li><a href="https://instagram.com/nextclouders">Instagram</a></li>
<li><a href="https://twitter.com/nextclouders">Twitter</a></li>
<li><a href="https://youtube.com/nextcloud">YouTube</a></li>
<li><a href="https://nextcloud.com/blogfeed">RSS Feed</a></li>
</ul>
</div>
<div class="row">
<div class="col-sm-12 text-center copyright">
<p>
{%- if show_copyright %}
&copy; {{ copyright }}
{%- endif %}
{%- if last_updated %}
{% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}<br/>
{%- endif %}
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 footer-text">
<p>
{%- if show_copyright %}
{%- if hasdoc('copyright') %}
{% trans path=pathto('copyright'), copyright=copyright|e %}&copy; <a href="{{ path }}">Copyright</a> {{ copyright }}.{% endtrans %}<br/>
{%- else %}
{% trans copyright=copyright|e %}&copy; Copyright {{ copyright }}.{% endtrans %} <small><a href="https://nextcloud.com/impressum">Legal Notice</a></small><br/>
{%- endif %}
{%- endif %}
{%- if last_updated %}
{% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}<br/>
{%- endif %}
{%- if show_sphinx %}
{% trans sphinx_version=sphinx_version|e %}Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> {{ sphinx_version }}.{% endtrans %}<br/>
{%- endif %}
</p>
</div>
</div>
</div>
</footer>
{%- endblock %}

View File

@ -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;

View File

@ -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