khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2025-12-12 07:29:47 +07:00
Code Issues Packages Projects Releases Wiki Activity

fix(footer): Adjust footer

Browse Source 
Signed-off-by: Joas Schilling <coding@schilljs.com>
This commit is contained in:
Joas Schilling
2025-10-29 08:59:45 +01:00
parent 96a9c541be
commit a58f16232e
3 changed files with 110 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
index.html
View File

@@ -38,7 +38,7 @@
<link rel="stylesheet" href="./static/css/main.min.css" type="text/css" /> <link rel="stylesheet" href="./static/css/main.min.css" type="text/css" />
<link rel="stylesheet" href="./static/css/styles.css" type="text/css" /> <link rel="stylesheet" href="./static/css/styles.css" type="text/css" />
<script type="text/javascript">var templateUrl='https://docs.nextcloud.com/server/14/user_manual/_static/';</script> <script type="text/javascript">var templateUrl='https://docs.nextcloud.com/server/32/user_manual/_static/';</script>
<script data-main="./static/js/require.config.js" src="./static/js/require.min.js"></script> <script data-main="./static/js/require.config.js" src="./static/js/require.min.js"></script>
<script>require(["require.config"],function(){require(["modules/header","main","modernizr","modules/cookieconsent"])});</script> <script>require(["require.config"],function(){require(["modules/header","main","modernizr","modules/cookieconsent"])});</script>
@@ -483,69 +483,75 @@
</div><!-- container --> </div><!-- container -->
<footer class="content-info page-footer" role="contentinfo"> <footer class="content-info page-footer" role="contentinfo">
<div class="container"> <div class="bootstrap-container">
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-4 offering">
<div class="footer-nav"> <div>
<h1>About Nextcloud</h1> <img class="logo" src="./static/img/logo.svg" alt="Nextcloud logo">
<ul>
<li><a class="reference external" href="https://nextcloud.com/about">About us</a></li>
<li><a class="reference external" href="https://nextcloud.com/events">Events</a></li>
<li><a class="reference external" href="https://nextcloud.com/jobs">Jobs</a></li>
<li><a class="reference external" href="https://nextcloud.com/community/code-of-conduct/">Code of Conduct</a></li>
<li><a class="reference external" href="https://nextcloud.com/privacy">Privacy</a></li>
<li><a class="reference external" href="https://nextcloud.com/impressum">Legal notice</a></li>
</ul>
</div> </div>
<p>Nextcloud offers a modern, on premise content collaboration platform with real-time document editing, video chat & groupware on mobile, desktop and web.</p>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-2">
<div class="footer-nav"> <h1>About Nextcloud</h1>
<h1>Resources</h1> <ul>
<ul> <li><a href="https://nextcloud.com/about/">About us</a></li>
<li><a class="reference external" href="https://nextcloud.com/search/">Search our website</a></li> <li><a href="https://nextcloud.com/jobs/">Jobs</a></li>
<li><a class="reference external" href="https://nextcloud.com/install">Download</a></li> <li><a href="https://nextcloud.com/partners/">Partners</a></li>
<li><a class="reference external" href="https://apps.nextcloud.com">App Store</a></li> <li><a href="https://nextcloud.com/contribute/code-of-conduct/">Code of Conduct</a></li>
<li><a class="reference external" href="https://docs.nextcloud.com/server/latest/admin_manual/">Admin manual</a></li> <li><a href="https://nextcloud.com/privacy/">Privacy</a></li>
<li><a class="reference external" href="https://docs.nextcloud.com/server/latest/user_manual/en/">User manual</a></li> <li><a href="https://nextcloud.com/press/">Press</a></li>
<li><a class="reference external" href="https://nextcloud.com/developer/">Developer program</a></li> <li><a href="https://nextcloud.com/impressum/">Legal notice</a></li>
<li><a class="reference external" href="https://nextcloud.com/security">Security</a></li> <li><a href="https://nextcloud.com/trademarks/">Trademarks</a></li>
<li><a class="reference external" href="https://github.com/nextcloud">Code on GitHub</a></li> <li><a href="https://nextcloud.com/brand/">Brand guidelines</a></li>
<li><a class="reference external" href="https://nextcloud.com/compare/">Compare</a></li> <li><a href="https://nextcloud.com/features/">Features</a></li>
</ul> <li><a href="https://nextcloud.com/human-rights-policy/">Human Rights Policy</a></li>
</div> <li><a href="https://nextcloud.com/code-of-ethics/">Code of Ethics</a></li>
<li><a href="https://nextcloud.com/events/">Events</a></li>
</ul>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-2">
<div class="footer-nav"> <h1>Resources</h1>
<h1>Interact</h1> <ul>
<ul> <li><a href="https://nextcloud.com/install">Download</a></li>
<li><a class="reference external" href="https://nextcloud.com/support">Support</a></li> <li><a href="https://apps.nextcloud.com">App Store</a></li>
<li><a class="reference external" href="https://help.nextcloud.com/categories">Forums</a></li> <li><a href="https://docs.nextcloud.com/server/latest/admin_manual/">Admin manual</a></li>
<li><a class="reference external" href="https://try.nextcloud.com">Demo</a></li> <li><a href="https://docs.nextcloud.com/server/latest/user_manual/">User manual</a></li>
<li><a class="reference external" href="https://nextcloud.com/contact">Contact us</a></li> <li><a href="https://nextcloud.com/security/">Security</a></li>
<li><a class="reference external" href="https://nextcloud.com/press">Press center</a></li> <li><a href="https://nextcloud.com/developer/">Developer information</a></li>
<li><a class="reference external" href="https://github.com/nextcloud/server/issues">Bug Tracker</a></li> <li><a href="https://github.com/nextcloud">Code on GitHub</a></li>
</ul> <li><a href="https://nextcloud.com/compare">Compare with others</a></li>
</div> <li><a href="https://portal.nextcloud.com/search?q=Introduction">Search</a></li>
<li><a href="https://status.nextcloud.com/">Status</a></li>
</ul>
</div> </div>
<div class="col-sm-3"> <div class="col-sm-2">
<div class="footer-nav"> <h1>Interact</h1>
<h1>Follow us</h1> <ul>
<ul> <li><a href="https://nextcloud.com/support/">Support</a></li>
<li><a class="reference external" href="https://www.facebook.com/Nextcloud-1032807203462807/">Facebook</a></li> <li><a href="https://help.nextcloud.com/categories">Forums</a></li>
<li><a class="reference external" href="https://instagram.com/nextclouders">Instagram</a></li> <li><a href="https://nextcloud.com/instant-trial/">Demo</a></li>
<li><a class="reference external" href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li> <li><a href="https://nextcloud.com/contact/">Contact us</a></li>
<li><a class="reference external" href="https://youtube.com/nextcloud">YouTube</a></li> <li><a href="https://github.com/nextcloud">Bug Tracker</a></li>
<li><a class="reference external" href="https://twitter.com/nextclouders">Twitter</a></li> </ul>
<li><a class="reference external" href="https://mastodon.xyz/@nextcloud">Mastodon</a></li> </div>
<li><a class="reference external" href="https://nextcloud.com/podcast/">Podcast</a></li> <div class="col-sm-2">
<li><a class="reference external" href="https://nextcloud.com/blogfeed">RSS Feed</a></li> <h1>Follow us</h1>
</ul> <ul>
</div> <li><a href="https://nextcloud.com/blog/">Blog</a></li>
<li><a href="https://www.facebook.com/Nextclouders/">Facebook</a></li>
<li><a href="https://x.com/nextclouders">X</a></li>
<li><a href="https://instagram.com/nextclouders">Instagram</a></li>
<li><a href="https://www.linkedin.com/company/10827569/">LinkedIn</a></li>
<li><a href="https://youtube.com/nextcloud">YouTube</a></li>
<li><a href="https://mastodon.xyz/@nextcloud">Mastodon</a></li>
<li><a href="https://nextcloud.com/feed/">Feed</a></li>
</ul>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-12 text-center"> <div class="col-sm-10 col-sm-offset-1">
<p>&copy; 2021 Nextcloud GmbH</p> <p class="copyright">&copy; 2025 Nextcloud GmbH</p>
</div> </div>
</div> </div>
</div><!-- container --> </div><!-- container -->

72
static/css/styles.css
View File

@@ -770,52 +770,45 @@ i[class*='icon-'] {
} }
footer.page-footer { footer.page-footer {
background-color: #2a2a36; } background-color: #0F0833;
color: #ffffff; }
footer.page-footer h1 { footer.page-footer h1 {
margin-top: 70px; margin-top: 70px;
font-size: 19px; font-size: 15px;
font-weight: bold; font-weight: bold;
line-height: 1.8; line-height: 1.8;
letter-spacing: -0.9px; letter-spacing: -0.9px;
color: #8e8e8e; } color: #ffffff; }
footer.page-footer ul { footer.page-footer ul {
list-style-type: none; list-style-type: none;
padding-left: 0; } padding-left: 0; }
footer.page-footer li { footer.page-footer li {
font-size: 15px; font-size: 13px;
line-height: 1.8; line-height: 1.8;
color: #ffffff; color: #ffffff;
width: 140px;
margin-top: 0; } margin-top: 0; }
footer.page-footer li a { footer.page-footer li a {
color: #ffffff; color: #ffffff;
position: relative; } display: block;
footer.page-footer li a:before { text-underline-offset: 2px;
content: ""; margin-left: -8px;
position: absolute; padding: 8px; }
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 { footer.page-footer li a:hover {
color: #ffffff; color: #ffffff;
text-decoration: none; } text-shadow: none;
footer.page-footer li a:hover:before { text-decoration: underline; }
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1); }
footer.page-footer p { footer.page-footer p {
padding-top: 50px; padding-top: 50px;
padding-bottom: 30px; padding-bottom: 30px;
font-size: 15px; font-size: 15px;
line-height: 1.8; line-height: 1.8;
color: #ffffff; } color: #ffffff; }
footer.page-footer div.offering {
padding: 0 50px;
margin-top: 120px; }
footer.page-footer p.copyright {
color: rgba(255, 255, 255, 0.5);
font-size: 13px; }
@media (max-width: 768px) { @media (max-width: 768px) {
footer.page-footer p { footer.page-footer p {
float: left; float: left;
@@ -840,7 +833,7 @@ footer.page-footer {
font-weight: bold; font-weight: bold;
line-height: 1.8; line-height: 1.8;
letter-spacing: -0.9px; letter-spacing: -0.9px;
color: #8e8e8e; } color: #ffffff; }
footer.page-footer ul { footer.page-footer ul {
list-style-type: none; list-style-type: none;
padding-left: 0; } padding-left: 0; }
@@ -855,6 +848,35 @@ div.thumbnail > img {
margin-bottom: 0; margin-bottom: 0;
} }
.bootstrap-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.bootstrap-container {
width: 750px;
}
}
@media (min-width: 992px) {
.bootstrap-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.bootstrap-container {
width: 1170px;
}
}
@media (min-width: 1500px) { /* add an extra wide bootstrap container */
.bootstrap-container {
width: 1470px;
}
}
/* Make YouTube videos responsive */ /* Make YouTube videos responsive */
@media(min-width: 995px) { @media(min-width: 995px) {
.videoWrapper { .videoWrapper {

108
static/img/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB