Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve footer #479

Merged
merged 2 commits into from
Dec 13, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 53 additions & 13 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,55 @@
<div class="container">
<div class="row text-center">
<hr class="faded">
<footer class="background-dark">
<div class="container">
<div class="row equal">
<div class="col-md-4">
<nav aria-label="Footer left">
<ul class="list-unstyled">
<li>
<a href="fundamentals-literature-guide.html">Cite preCICE</a>
</li>
<li>
<a href="community-contribute-to-precice.html">Contribute</a>
</li>
<li>
<a href="community-support-precice.html">Get support</a>
</li>
<li>
<a href="community-training.html">Get training</a>
</li>
</ul>
</nav>
</div>

{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y" }} <br />
<div class="col-md-4">
<nav aria-label="Footer right">
<ul class="list-unstyled">
<li>
<a class="no-icon" href="https://precice.discourse.group">Forum on Discourse</a>
</li>
<li>
<a class="no-icon" href="https://github.com/precice">preCICE on GitHub</a>
</li>
<li>
<a href="fundamentals-license.html">License</a>
</li>
<li>
<a href="about.html">Impressum / Legal</a>
</li>
</ul>
</nav>
</div>

<a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
<img alt="Creative Commons License" src="images/licensebutton-by-40_88x31.png" />
</a>
<br />
This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.

</div>

</div>
<div class="col-md-4">
<p>
<a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
<img alt="This work is licensed under a Creative Commons Attribution 4.0 International License." src="images/licensebutton-by-40_88x31.png" />
</a>
</p>
<p>
Page last updated: {{page.last_modified_at | date: "%b %-d, %Y" }}<br>
Site last updated: {{ site.time | date: "%b %-d, %Y" }}
</p>
</div>
</div>
</div>
</footer>
6 changes: 2 additions & 4 deletions _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@
<!-- News banner -->
{% include news_banner.html onlanding=false %}
</header>
<div class="container">
<div class="container" style="margin-bottom:50px">
{% unless page.hide_sidebar %}
<div class="row">
<div class="col-md-3" id="tg-sb-sidebar">
Expand All @@ -101,9 +101,7 @@
</main>
{% endunless %}
</div>
<footer>
{% include footer.html %}
</footer>
{% include footer.html %}
</body>

{% if site.google_analytics %}
Expand Down
4 changes: 1 addition & 3 deletions _layouts/landing_page.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,7 @@
{{content}}
</main>

<footer>
{% include footer.html %}
</footer>
{% include footer.html %}

<script src="{{ "js/github-queries.js" }}"></script>

Expand Down
2 changes: 1 addition & 1 deletion css/modern-business.css
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ header.carousel .fill {
/* Footer Styles */

footer {
margin: 50px 0;
padding: 50px 0;
}

/* Responsive Styles */
Expand Down
14 changes: 13 additions & 1 deletion css/theme-precice.css
Original file line number Diff line number Diff line change
Expand Up @@ -277,6 +277,9 @@ strong {
.background-dark p {
color: white;
}
.background-dark a {
color: white;
}
.background-dark .panel p {
color: #040606;
}
Expand All @@ -302,4 +305,13 @@ h5 {
color: #808080;
font-weight: 700;
font-size: 18px;
}
}

@media(max-width:992px) {
footer {
text-align: center;
}
footer nav {
margin-bottom: 2em
}
}
2 changes: 1 addition & 1 deletion pages/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -503,7 +503,7 @@ <h2 class="section-header">Tried and tested by a global community</h2>

<!-- Code example -->

<div class="background-dark">
<div class="background-light">
<div class="container">
<div class="section">

Expand Down
Loading