Skip to content

Color-Theme update to match main site for consistency #613

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

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open
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
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -27,3 +27,5 @@ venv
404.html
site_libs
.DS_Store
index_files
digest.txt
88 changes: 59 additions & 29 deletions _quarto.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ project:
port: 4200
browser: true


# These cannot be used as variables. They are reserved for the project configuration.
website:
title: "Turing.jl"
Expand All @@ -17,8 +16,6 @@ website:
navbar:
logo: "assets/images/turing-logo.svg"
logo-href: https://turinglang.org/
background: "#073c44"
foreground: "#ffffff"
left:
- href: getting-started/
text: Get Started
Expand All @@ -40,11 +37,11 @@ website:
href: https://turinglang.org/docs/versions.html
tools:
- icon: twitter
href: https://x.com/TuringLang
text: Turing Twitter
href: https://x.com/TuringLang
- icon: github
href: https://github.com/TuringLang/Turing.jl
text: Turing GitHub
href: https://github.com/TuringLang

sidebar:
- text: documentation
Expand Down Expand Up @@ -116,20 +113,6 @@ website:
- developers/inference/variational-inference/index.qmd
- developers/inference/implementing-samplers/index.qmd

page-footer:
background: "#073c44"
left: |
Turing is created by <a href="http://mlg.eng.cam.ac.uk/hong/" target="_blank">Hong Ge</a>, and lovingly maintained by the <a href="https://github.com/TuringLang/Turing.jl/graphs/contributors" target="_blank">core team</a> of volunteers. <br>
The contents of this website are © 2018–2025 under the terms of the <a href="https://github.com/TuringLang/docs/blob/main/LICENCE" target="_blank">MIT License</a>.

right:
- icon: twitter
href: https://x.com/TuringLang
aria-label: Turing Twitter
- icon: github
href: https://github.com/TuringLang/Turing.jl
aria-label: Turing GitHub

back-to-top-navigation: true
repo-url: https://github.com/TuringLang/docs
repo-actions: [edit, issue]
Expand All @@ -149,20 +132,67 @@ format:
toc-title: "Table of Contents"
code-fold: false
code-overflow: scroll
include-in-header:
- text: |
<style>
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
include-after-body:
- text: |
<footer class="custom-footer">
<div class="footer-container">
<div class="footer-grid">
<div class="footer-links-wrapper">
<div class="footer-column footer-explore">
<h5>Explore</h5>
<a href="https://turinglang.org/docs/getting-started/">Get Started</a>
<a href="https://turinglang.org/docs/tutorials/">Tutorials</a>
<a href="https://turinglang.org/library/">Libraries</a>
<a href="https://turinglang.org/news/">News</a>
<a href="https://turinglang.org/team/">Team</a>
</div>

<div class="footer-column footer-connect">
<h5>Connect</h5>
<a href="https://github.com/TuringLang" target="_blank" rel="noopener"><i class="bi bi-github"></i> GitHub</a>
<a href="https://x.com/TuringLang" target="_blank" rel="noopener"><i class="bi bi-twitter"></i> Twitter</a>
<a href="https://julialang.slack.com/archives/CCYDC34A0" target="_blank" rel="noopener"><i class="bi bi-slack"></i> Slack</a>
<a href="https://discourse.julialang.org/c/domain/probprog/48" target="_blank" rel="noopener"><i class="bi bi-chat-dots"></i> Discourse</a>
</div>
</div>

<div class="footer-column footer-brands">
<h5>Supported by leading researchers</h5>
<p>Turing.jl is developed by researchers and engineers at the following research institutions.</p>
<div class="logo-grid">
<a href="https://mlg.eng.cam.ac.uk/" class="partner-logo" target="_blank" rel="noopener">
<img src="/assets/images/brands/university-cambridge-logo-black-example-640x132.png" alt="University of Cambridge Logo" class="brands-light-mode-logo">
<img src="/assets/images/brands/university-cambridge-logo-white-example-640x133.png" alt="University of Cambridge Logo Dark" class="brands-dark-mode-logo">
</a>
<a href="https://www.turing.ac.uk/" class="partner-logo" target="_blank" rel="noopener">
<img src="/assets/images/brands/Turing_Logo_1000x400px_Black.webp" alt="The Alan Turing Institute Logo" class="brands-light-mode-logo">
<img src="/assets/images/brands/Turing_Logo_1000x400px_White.webp" alt="The Alan Turing Institute Logo Dark" class="brands-dark-mode-logo">
</a>
</div>
</div>

</div>
<div class="footer-bottom">
<p>Turing is created by <a href="https://mlg.eng.cam.ac.uk/hong/" target="_blank" rel="noopener">Hong Ge</a>, and maintained by the core <a href="/team" target="_blank" rel="noopener">team</a> of developers and <a href="https://github.com/TuringLang/Turing.jl/graphs/contributors" target="_blank" rel="noopener">contributors</a>!<br>© 2025 The Turing Project Contributors. <a href="https://github.com/TuringLang/Turing.jl/blob/master/LICENCE" target="_blank" rel="noopener">MIT License</a>.</p>
<a href="https://github.com/TuringLang/turinglang.github.io/" target="_blank" rel="noopener" class="footer-source-link"><i class="bi bi-github"></i> Website Source</a>
</div>
</div>
</footer>

execute:
echo: true
output: true
freeze: auto
include-in-header:
- text: |
<style>
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>

# These variables can be used in any qmd files, e.g. for links:
# the [Getting Started page]({{< meta get-started >}})
Expand Down
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
213 changes: 213 additions & 0 deletions theming/styles.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,15 @@
.quarto-container {
background-color: #f8f9fa;
}

.navbar {
background-color: #ffffff;
}

nav.sidebar.sidebar-navigation:not(.rollup) {
background-color: #f8f9fa;
}

.navbar a:hover {
text-decoration: none;
}
Expand Down Expand Up @@ -44,3 +56,204 @@
max-height: 250px;
overflow: scroll;
}

/* Custom Footer */
.footer {
display: none;
}
.custom-footer {
background-color: #fff;
color: #6c757d;
font-size: 0.9rem;
padding: 3rem 2rem 2rem;
border-top: 1px solid #e9ecef;
}

.custom-footer .footer-container {
max-width: 1350px;
margin: 0 auto;
}

.custom-footer .footer-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 2rem;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #e9ecef;
}

.custom-footer .footer-links-wrapper {
display: flex;
flex-wrap: wrap;
gap: 2rem;
flex: 2 1 400px;
}

.custom-footer .footer-column {
flex: 1 1 auto;
}

.custom-footer .footer-brands {
flex: 1 1 320px;
}

.custom-footer .footer-column h5 {
font-weight: 600;
color: #212529;
margin-bottom: 1.25rem;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.custom-footer .footer-column a {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
color: #6c757d;
text-decoration: none;
transition: color 0.2s ease;
}

.custom-footer .footer-column a:hover {
color: #212529;
text-decoration: none;
}

.custom-footer .footer-column a i {
font-size: 1.1rem;
line-height: 1;
width: 20px;
text-align: center;
}

.custom-footer .footer-brands p {
font-size: 0.9rem;
line-height: 1.6;
margin-top: -0.5rem;
margin-bottom: 1.5rem;
}

.custom-footer .footer-brands .logo-grid {
display: flex;
gap: 2rem;
align-items: center;
}

.custom-footer .partner-logo {
flex: 1;
}

.custom-footer .partner-logo img {
max-width: 100%;
height: 50px;
object-fit: contain;
transition: transform 0.2s ease;
}

.custom-footer .partner-logo:hover img {
transform: scale(1.05);
}

.custom-footer .brands-light-mode-logo {
display: inline;
}

.custom-footer .brands-dark-mode-logo {
display: none;
}

.custom-footer .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.85rem;
flex-wrap: wrap;
gap: 1rem;
}

.custom-footer .footer-bottom p {
margin: 0;
line-height: 1.6;
}

.custom-footer .footer-bottom a {
color: #495057;
font-weight: 500;
text-decoration: none;
border-bottom: 1px solid #dee2e6;
}

.custom-footer .footer-bottom a:hover {
border-bottom-color: #495057;
}

.footer-source-link {
display: flex;
align-items: center;
gap: 0.5rem;
}

@media (max-width: 992px) {
.custom-footer .footer-links-wrapper {
flex-basis: 100%;
justify-content: center;
}

.custom-footer .footer-grid {
justify-content: center;
}

.custom-footer .footer-brands {
flex-grow: 0;
text-align: center;
}

.custom-footer .footer-brands .logo-grid {
justify-content: center;
}

.custom-footer .footer-column {
flex-grow: 0;
}
}

@media (max-width: 768px) {
.custom-footer .footer-bottom {
flex-direction: column;
gap: 1.5rem;
text-align: center;
}
}

@media (max-width: 576px) {
.custom-footer .footer-links-wrapper {
flex-direction: column;
text-align: center;
align-items: center;
}

.custom-footer .footer-column {
width: 100%;
max-width: 350px;
}

.custom-footer .footer-column a {
justify-content: center;
}

.custom-footer .footer-brands .logo-grid {
flex-direction: column;
gap: 1.5rem;
align-items: center;
}

.custom-footer .partner-logo {
flex-basis: auto;
width: 100%;
max-width: 220px;
}
}
Loading
Loading