Skip to content

Commit 0172563

Browse files
nickvergessennickvergessen
authored
Merge pull request #13822 from nextcloud/bugfix/noid/adjust-footer
fix(footer): Adjust footer
2 parents 96a9c54 + a58f162 commit 0172563

File tree

3 files changed

+110
-188
lines changed

3 files changed

+110
-188
lines changed

‎index.html‎

Lines changed: 62 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
<link rel="stylesheet" href="./static/css/main.min.css" type="text/css" />
3939
<link rel="stylesheet" href="./static/css/styles.css" type="text/css" />
4040

41-
<script type="text/javascript">var templateUrl='https://docs.nextcloud.com/server/14/user_manual/_static/';</script>
41+
<script type="text/javascript">var templateUrl='https://docs.nextcloud.com/server/32/user_manual/_static/';</script>
4242
<script data-main="./static/js/require.config.js" src="./static/js/require.min.js"></script>
4343

4444
<script>require(["require.config"],function(){require(["modules/header","main","modernizr","modules/cookieconsent"])});</script>
@@ -483,69 +483,75 @@ <h1>Reporting Documentation Bugs &amp; How to Contribute<a class="headerlink" hr
483483
</div><!-- container -->
484484

485485
<footer class="content-info page-footer" role="contentinfo">
486-
<div class="container">
486+
<div class="bootstrap-container">
487487
<div class="row">
488-
<div class="col-sm-3">
489-
<div class="footer-nav">
490-
<h1>About Nextcloud</h1>
491-
<ul>
492-
<li><a class="reference external" href="https://nextcloud.com/about">About us</a></li>
493-
<li><a class="reference external" href="https://nextcloud.com/events">Events</a></li>
494-
<li><a class="reference external" href="https://nextcloud.com/jobs">Jobs</a></li>
495-
<li><a class="reference external" href="https://nextcloud.com/community/code-of-conduct/">Code of Conduct</a></li>
496-
<li><a class="reference external" href="https://nextcloud.com/privacy">Privacy</a></li>
497-
<li><a class="reference external" href="https://nextcloud.com/impressum">Legal notice</a></li>
498-
</ul>
488+
<div class="col-sm-4 offering">
489+
<div>
490+
<img class="logo" src="./static/img/logo.svg" alt="Nextcloud logo">
499491
</div>
492+
493+
<p>Nextcloud offers a modern, on premise content collaboration platform with real-time document editing, video chat & groupware on mobile, desktop and web.</p>
500494
</div>
501-
<div class="col-sm-3">
502-
<div class="footer-nav">
503-
<h1>Resources</h1>
504-
<ul>
505-
<li><a class="reference external" href="https://nextcloud.com/search/">Search our website</a></li>
506-
<li><a class="reference external" href="https://nextcloud.com/install">Download</a></li>
507-
<li><a class="reference external" href="https://apps.nextcloud.com">App Store</a></li>
508-
<li><a class="reference external" href="https://docs.nextcloud.com/server/latest/admin_manual/">Admin manual</a></li>
509-
<li><a class="reference external" href="https://docs.nextcloud.com/server/latest/user_manual/en/">User manual</a></li>
510-
<li><a class="reference external" href="https://nextcloud.com/developer/">Developer program</a></li>
511-
<li><a class="reference external" href="https://nextcloud.com/security">Security</a></li>
512-
<li><a class="reference external" href="https://github.com/nextcloud">Code on GitHub</a></li>
513-
<li><a class="reference external" href="https://nextcloud.com/compare/">Compare</a></li>
514-
</ul>
515-
</div>
495+
<div class="col-sm-2">
496+
<h1>About Nextcloud</h1>
497+
<ul>
498+
<li><a href="https://nextcloud.com/about/">About us</a></li>
499+
<li><a href="https://nextcloud.com/jobs/">Jobs</a></li>
500+
<li><a href="https://nextcloud.com/partners/">Partners</a></li>
501+
<li><a href="https://nextcloud.com/contribute/code-of-conduct/">Code of Conduct</a></li>
502+
<li><a href="https://nextcloud.com/privacy/">Privacy</a></li>
503+
<li><a href="https://nextcloud.com/press/">Press</a></li>
504+
<li><a href="https://nextcloud.com/impressum/">Legal notice</a></li>
505+
<li><a href="https://nextcloud.com/trademarks/">Trademarks</a></li>
506+
<li><a href="https://nextcloud.com/brand/">Brand guidelines</a></li>
507+
<li><a href="https://nextcloud.com/features/">Features</a></li>
508+
<li><a href="https://nextcloud.com/human-rights-policy/">Human Rights Policy</a></li>
509+
<li><a href="https://nextcloud.com/code-of-ethics/">Code of Ethics</a></li>
510+
<li><a href="https://nextcloud.com/events/">Events</a></li>
511+
</ul>
516512
</div>
517-
<div class="col-sm-3">
518-
<div class="footer-nav">
519-
<h1>Interact</h1>
520-
<ul>
521-
<li><a class="reference external" href="https://nextcloud.com/support">Support</a></li>
522-
<li><a class="reference external" href="https://help.nextcloud.com/categories">Forums</a></li>
523-
<li><a class="reference external" href="https://try.nextcloud.com">Demo</a></li>
524-
<li><a class="reference external" href="https://nextcloud.com/contact">Contact us</a></li>
525-
<li><a class="reference external" href="https://nextcloud.com/press">Press center</a></li>
526-
<li><a class="reference external" href="https://github.com/nextcloud/server/issues">Bug Tracker</a></li>
527-
</ul>
528-
</div>
513+
<div class="col-sm-2">
514+
<h1>Resources</h1>
515+
<ul>
516+
<li><a href="https://nextcloud.com/install">Download</a></li>
517+
<li><a href="https://apps.nextcloud.com">App Store</a></li>
518+
<li><a href="https://docs.nextcloud.com/server/latest/admin_manual/">Admin manual</a></li>
519+
<li><a href="https://docs.nextcloud.com/server/latest/user_manual/">User manual</a></li>
520+
<li><a href="https://nextcloud.com/security/">Security</a></li>
521+
<li><a href="https://nextcloud.com/developer/">Developer information</a></li>
522+
<li><a href="https://github.com/nextcloud">Code on GitHub</a></li>
523+
<li><a href="https://nextcloud.com/compare">Compare with others</a></li>
524+
<li><a href="https://portal.nextcloud.com/search?q=Introduction">Search</a></li>
525+
<li><a href="https://status.nextcloud.com/">Status</a></li>
526+
</ul>
529527
</div>
530-
<div class="col-sm-3">
531-
<div class="footer-nav">
532-
<h1>Follow us</h1>
533-
<ul>
534-
<li><a class="reference external" href="https://www.facebook.com/Nextcloud-1032807203462807/">Facebook</a></li>
535-
<li><a class="reference external" href="https://instagram.com/nextclouders">Instagram</a></li>
536-
<li><a class="reference external" href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
537-
<li><a class="reference external" href="https://youtube.com/nextcloud">YouTube</a></li>
538-
<li><a class="reference external" href="https://twitter.com/nextclouders">Twitter</a></li>
539-
<li><a class="reference external" href="https://mastodon.xyz/@nextcloud">Mastodon</a></li>
540-
<li><a class="reference external" href="https://nextcloud.com/podcast/">Podcast</a></li>
541-
<li><a class="reference external" href="https://nextcloud.com/blogfeed">RSS Feed</a></li>
542-
</ul>
543-
</div>
528+
<div class="col-sm-2">
529+
<h1>Interact</h1>
530+
<ul>
531+
<li><a href="https://nextcloud.com/support/">Support</a></li>
532+
<li><a href="https://help.nextcloud.com/categories">Forums</a></li>
533+
<li><a href="https://nextcloud.com/instant-trial/">Demo</a></li>
534+
<li><a href="https://nextcloud.com/contact/">Contact us</a></li>
535+
<li><a href="https://github.com/nextcloud">Bug Tracker</a></li>
536+
</ul>
537+
</div>
538+
<div class="col-sm-2">
539+
<h1>Follow us</h1>
540+
<ul>
541+
<li><a href="https://nextcloud.com/blog/">Blog</a></li>
542+
<li><a href="https://www.facebook.com/Nextclouders/">Facebook</a></li>
543+
<li><a href="https://x.com/nextclouders">X</a></li>
544+
<li><a href="https://instagram.com/nextclouders">Instagram</a></li>
545+
<li><a href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
546+
<li><a href="https://youtube.com/nextcloud">YouTube</a></li>
547+
<li><a href="https://mastodon.xyz/@nextcloud">Mastodon</a></li>
548+
<li><a href="https://nextcloud.com/feed/">Feed</a></li>
549+
</ul>
544550
</div>
545551
</div>
546552
<div class="row">
547-
<div class="col-sm-12 text-center">
548-
<p>&copy; 2021 Nextcloud GmbH</p>
553+
<div class="col-sm-10 col-sm-offset-1">
554+
<p class="copyright">&copy; 2025 Nextcloud GmbH</p>
549555
</div>
550556
</div>
551557
</div><!-- container -->

‎static/css/styles.css‎

Lines changed: 47 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -770,52 +770,45 @@ i[class*='icon-'] {
770770
}
771771

772772
footer.page-footer {
773-
background-color: #2a2a36; }
773+
background-color: #0F0833;
774+
color: #ffffff; }
774775
footer.page-footer h1 {
775776
margin-top: 70px;
776-
font-size: 19px;
777+
font-size: 15px;
777778
font-weight: bold;
778779
line-height: 1.8;
779780
letter-spacing: -0.9px;
780-
color: #8e8e8e; }
781+
color: #ffffff; }
781782
footer.page-footer ul {
782783
list-style-type: none;
783784
padding-left: 0; }
784785
footer.page-footer li {
785-
font-size: 15px;
786+
font-size: 13px;
786787
line-height: 1.8;
787788
color: #ffffff;
788-
width: 140px;
789789
margin-top: 0; }
790790
footer.page-footer li a {
791791
color: #ffffff;
792-
position: relative; }
793-
footer.page-footer li a:before {
794-
content: "";
795-
position: absolute;
796-
width: 100%;
797-
height: 2px;
798-
bottom: 0;
799-
left: 0;
800-
background-color: white;
801-
visibility: hidden;
802-
-webkit-transform: scaleX(0);
803-
transform: scaleX(0);
804-
-webkit-transition: all 0.2s ease-in-out 0s;
805-
transition: all 0.2s ease-in-out 0s; }
792+
display: block;
793+
text-underline-offset: 2px;
794+
margin-left: -8px;
795+
padding: 8px; }
806796
footer.page-footer li a:hover {
807797
color: #ffffff;
808-
text-decoration: none; }
809-
footer.page-footer li a:hover:before {
810-
visibility: visible;
811-
-webkit-transform: scaleX(1);
812-
transform: scaleX(1); }
798+
text-shadow: none;
799+
text-decoration: underline; }
813800
footer.page-footer p {
814801
padding-top: 50px;
815802
padding-bottom: 30px;
816803
font-size: 15px;
817804
line-height: 1.8;
818805
color: #ffffff; }
806+
footer.page-footer div.offering {
807+
padding: 0 50px;
808+
margin-top: 120px; }
809+
footer.page-footer p.copyright {
810+
color: rgba(255, 255, 255, 0.5);
811+
font-size: 13px; }
819812
@media (max-width: 768px) {
820813
footer.page-footer p {
821814
float: left;
@@ -840,7 +833,7 @@ footer.page-footer {
840833
font-weight: bold;
841834
line-height: 1.8;
842835
letter-spacing: -0.9px;
843-
color: #8e8e8e; }
836+
color: #ffffff; }
844837
footer.page-footer ul {
845838
list-style-type: none;
846839
padding-left: 0; }
@@ -855,6 +848,35 @@ div.thumbnail > img {
855848
margin-bottom: 0;
856849
}
857850

851+
852+
.bootstrap-container {
853+
padding-right: 15px;
854+
padding-left: 15px;
855+
margin-right: auto;
856+
margin-left: auto;
857+
}
858+
@media (min-width: 768px) {
859+
.bootstrap-container {
860+
width: 750px;
861+
}
862+
}
863+
@media (min-width: 992px) {
864+
.bootstrap-container {
865+
width: 970px;
866+
}
867+
}
868+
@media (min-width: 1200px) {
869+
.bootstrap-container {
870+
width: 1170px;
871+
}
872+
}
873+
874+
@media (min-width: 1500px) { /* add an extra wide bootstrap container */
875+
.bootstrap-container {
876+
width: 1470px;
877+
}
878+
}
879+
858880
/* Make YouTube videos responsive */
859881
@media(min-width: 995px) {
860882
.videoWrapper {

0 commit comments

Comments
 (0)