New landing page design

_includes/brands.qmd

@@ -0,0 +1,73 @@
+```{=html}
+<div>
+  <style>
+    .logo-grid {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      align-items: center;
+      gap: 2rem;
+      padding: 2rem 0;
+    }
+
+    .partner-logo.box {
+      flex: 1 1 200px;
+      max-width: 220px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 2rem;
+      min-height: 160px;
+    }
+
+    .partner-logo.box:hover {
+      transform: scale(1.05);
+    }
+
+    .partner-logo img {
+      max-width: 100%;
+      height: 90px;
+      object-fit: contain;
+      vertical-align: middle;
+    }
+
+    .brands-light-mode-logo {
+      display: inline;
+    }
+
+    .brands-dark-mode-logo {
+      display: none;
+    }
+
+    @media (max-width: 768px) {
+      .logo-grid {
+        gap: 1.5rem;
+      }
+      .partner-logo.box {
+        flex-basis: 150px;
+      }
+    }
+  </style>
+
+  <div class="text-center">
+    <h3 id="brands">Trusted by World-Class Institutions</h3>
+    <p class="text-muted">
+      We are proud to collaborate with leading organizations and universities at the forefront of research and innovation.
+    </p>
+  </div>
+
+  <div class="logo-grid">
+    <!-- University of Cambridge Logo -->
+    <a href="https://mlg.eng.cam.ac.uk/" class="partner-logo box" target="_blank" rel="noopener">
+      <img src="https://www.cam.ac.uk/sites/default/files/university-cambridge-logo-black-example-640x132.png" alt="University of Cambridge Logo" class="brands-light-mode-logo">
+      <img src="https://www.cam.ac.uk/sites/default/files/university-cambridge-logo-white-example-640x133.png" alt="University of Cambridge Logo Dark" class="brands-dark-mode-logo">
+    </a>
+
+    <!-- The Alan Turing Institute Placeholder Logo -->
+    <a href="#" class="partner-logo box" target="_blank" rel="noopener">
+      <img src="https://placehold.co/1000x400.png" alt="The Alan Turing Institute Logo" class="brands-light-mode-logo">
+      <img src="https://placehold.co/1000x400.png" alt="The Alan Turing Institute Logo Dark" class="brands-dark-mode-logo">
+    </a>
+  </div>
+</div>
+```

_includes/citation/cite.qmd

@@ -0,0 +1,120 @@
+```{=html}
+<div class="citation-container">
+  <h3 id="cite" class="pb-1 text-center">Turing.jl is an <a href="https://github.com/TuringLang/Turing.jl/blob/main/LICENCE" class="turing-license-link"><code>MIT</code></a> Licensed Open Source Project</h3>
+  <p class="text-center">If you use Turing.jl in your research, please consider citing our papers.</p>
+
+  <ul class="citation-list"> 
+    <li class="citation-entry box">
+      <p class="citation-text">
+        Fjelde, T. E., Xu, K., Widmann, D., Tarek, M., Pfiffer, C., Trapp, M., Axen, S. D., Sun, X., Hauru, M., Yong, P., Tebbutt, W., Ghahramani, Z., & Ge, H. (2025). <span class="citation-title">Turing.jl: a general-purpose probabilistic programming language.</span> <em>ACM Transactions on Probabilistic Machine Learning</em>. Just Accepted.
+      </p>
+      <div class="citation-actions">
+        <a href="https://doi.org/10.1145/3711897" target="_blank" rel="noopener noreferrer" class="button">View Paper</a>
+        <button class="button button--primary" onclick="copyBibtex(this)" aria-label="Copy BibTeX for the 2025 Turing.jl paper">Copy BibTeX</button>
+      </div>
+      <pre class="citation-bibtex-data">
+@article{Fjelde2025Turing,
+  author    = {Fjelde, Tor Erlend and Xu, Kai and Widmann, David and Tarek, Mohamed and Pfiffer, Cameron and Trapp, Martin and Axen, Seth D. and Sun, Xianda and Hauru, Markus and Yong, Penelope and Tebbutt, Will and Ghahramani, Zoubin and Ge, Hong},
+  title     = {Turing.jl: a general-purpose probabilistic programming language},
+  journal   = {ACM Transactions on Probabilistic Machine Learning},
+  year      = {2025},
+  publisher = {Association for Computing Machinery},
+  doi       = {10.1145/3711897},
+  note      = {Just Accepted},
+  url       = {https://doi.org/10.1145/3711897}
+}
+      </pre>
+    </li>
+    <li class="citation-entry box">
+      <p class="citation-text">
+        Ge, H., Xu, K., & Ghahramani, Z. (2018). <span class="citation-title">Turing: a language for flexible probabilistic inference.</span> In <em>Proceedings of the 21st International Conference on Artificial Intelligence and Statistics (AISTATS)</em> (Vol. 84, pp. 1682-1690). PMLR.
+      </p>
+      <div class="citation-actions">
+        <a href="http://proceedings.mlr.press/v84/ge18b.html" target="_blank" rel="noopener noreferrer" class="button">View Paper</a>
+        <button class="button button--primary" onclick="copyBibtex(this)" aria-label="Copy BibTeX for the 2018 Turing paper">Copy BibTeX</button>
+      </div>
+      <pre class="citation-bibtex-data">
+@inproceedings{Ge2018Turing,
+  author    = {Ge, Hong and Xu, Kai and Ghahramani, Zoubin},
+  title     = {Turing: a language for flexible probabilistic inference},
+  booktitle = {Proceedings of the 21st International Conference on Artificial Intelligence and Statistics (AISTATS)},
+  series    = {Proceedings of Machine Learning Research},
+  volume    = {84},
+  pages     = {1682--1690},
+  year      = {2018},
+  publisher = {PMLR},
+  url       = {http://proceedings.mlr.press/v84/ge18b.html}
+}
+      </pre>
+    </li>
+  </ul>
+</div>
+
+<script>
+function copyBibtex(buttonElement) {
+  // Find the <pre> element which is the next sibling of the button's parent container
+  const bibtexPreElement = buttonElement.parentElement.nextElementSibling;
+  const bibtexText = bibtexPreElement.textContent.trim();
+
+  // Robust Clipboard Copy Logic
+  if (navigator.clipboard && window.isSecureContext) {
+    // Modern async clipboard API
+    navigator.clipboard.writeText(bibtexText)
+      .then(() => showSuccess(buttonElement))
+      .catch(err => {
+        console.error('Async copy failed, falling back:', err);
+        fallbackCopy(bibtexText, buttonElement);
+      });
+  } else {
+    // Fallback for older browsers or non-secure contexts
+    fallbackCopy(bibtexText, buttonElement);
+  }
+}
+
+function fallbackCopy(text, buttonElement) {
+  const textArea = document.createElement('textarea');
+  textArea.value = text;
+  textArea.style.position = 'absolute';
+  textArea.style.left = '-9999px';
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+  try {
+    const successful = document.execCommand('copy');
+    if (successful) {
+      showSuccess(buttonElement);
+    } else {
+      showError(buttonElement);
+    }
+  } catch (err) {
+    console.error('Fallback copy failed:', err);
+    showError(buttonElement);
+  }
+  document.body.removeChild(textArea);
+}
+
+function showSuccess(buttonElement) {
+  const originalText = buttonElement.innerHTML;
+  buttonElement.innerHTML = '✅ Copied!';
+  // Use your existing class for styling the copied state
+  buttonElement.classList.add('citation-copied');
+  buttonElement.disabled = true;
+
+  setTimeout(() => {
+    buttonElement.innerHTML = originalText;
+    buttonElement.classList.remove('citation-copied');
+    buttonElement.disabled = false;
+  }, 2000);
+}
+
+function showError(buttonElement) {
+    const originalText = buttonElement.innerHTML;
+    buttonElement.innerHTML = 'Error!';
+    buttonElement.disabled = true;
+    setTimeout(() => {
+        buttonElement.innerHTML = originalText;
+        buttonElement.disabled = false;
+    }, 2000);
+}
+</script>
+```

_includes/header.qmd

@@ -0,0 +1,41 @@
+```{=html}
+<div class="line-graph">
+  <div class="upper-content">
+    <div class="responsive-heading">Turing.jl</div>
+  </div>
+  <div>
+    <svg viewBox="0 0 2300 498" xmlns="http://www.w3.org/2000/svg">
+      <path class="line line1"
+        d="M0 487 C1155.53 487 1320.502 502.995 1391.761 461.5C1453.584 425.5 1467.657 399 1509.375 344.5C1551.093 290 1586.276 213 1645.586 213C1704.895 213 1776.77 350.5 1806.425 389C1875.39 478.535 1871.263 486.5 2300 487"/>
+      <path class="line line2"
+        d="M0 486.5 C223.96 486.5 883.72 484.016 977.94 484.016C1163.36 484.016 1183.85 461.682 1249.81 287.031C1283.73 197.222 1311.724 96 1349.948 96C1388.171 96 1418.291 219.36 1447.552 292.5C1536.356 514.469 1548.077 486 1734.55 486C1921.023 486 2087.346 485.5 2300 485.5"/>
+      <path class="line line3"
+        d="M0 487 C108.32 487 672.77 486.499 783.26 486.499C893.75 486.499 943.04 486.499 1051.36 486.499C1135.3 486.499 1218.74 489.327 1241.95 469.982C1293.57 426.95 1311.015 327.407 1328.845 262.111C1356 162.661 1377.725 8 1409.818 8C1441.911 8 1472.715 193.386 1490.888 262.111C1509.06 330.837 1526.835 423.687 1568.803 460.973C1600.671 489.286 1631.508 486.499 1722.851 486.499C1816.509 486.499 1890.44 486.499 1991.446 486.499C2092.453 486.499 2198.993 486.499 2300 486.499"/>
+    </svg>
+  </div>
+</div>
+```
+
+```{=html}
+<span class="display-6 d-block text-center py-5 display-md-5 display-lg-4">
+    Bayesian inference with probabilistic programming
+</span>
+<div class="d-flex flex-column align-items-center gap-0 pb-3">
+  <a href="https://turinglang.org/docs/tutorials/docs-00-getting-started/" class="button btn fs-4">
+    Tutorials
+  </a>
+</div>
+<div class="d-flex flex-column align-items-center gap-0 pb-5">
+  <div class="d-flex flex-row flex-wrap panel-wrapper gap-2">
+    <a href="https://julialang.slack.com/archives/CCYDC34A0" class="button btn" style="width: 100px;">
+      Slack
+    </a>
+    <a href="https://discourse.julialang.org/c/domain/probprog/48" class="button btn">
+      Discourse
+    </a>
+    <a href="https://github.com/TuringLang" class="button btn" style="width: 100px;">
+      GitHub
+    </a>
+  </div>
+</div>
+```

_quarto.yml

@@ -1,7 +1,7 @@
 project:
   type: website
   preview:
-    # Change port if it's busy in your system or just remove this line so that It will automatically use any free port
+    # Change port if it's busy in your system or just comment below line so that It will automatically use any free port
     port: 4200
     browser: true
 
@@ -16,9 +16,7 @@ website:
     type: overlay
   navbar:
     logo: "assets/images/turing-logo.svg"
-    logo-href: https://turinglang.org/
-    background: "#073c44"
-    foreground: "#ffffff"
+    # logo-href: https://turinglang.org/ -- Keep this commented so clicking on logo in dev mode doesn't redirect to the site
     left:
       - text: Get Started
         href: https://turinglang.org/docs/getting-started/
@@ -39,18 +37,10 @@ website:
         href: https://github.com/TuringLang
 
   page-footer:
-    background: "#073c44"
+    #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/Turing.jl/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
+      Turing is created by <a href="http://mlg.eng.cam.ac.uk/hong/" target="_blank">Hong Ge</a>, and maintained by the <a href="/team" target="_blank">core team of developers</a>. <br>
+      © 2025 under the terms of the <a href="https://github.com/TuringLang/Turing.jl/blob/master/LICENCE" target="_blank">MIT License</a>.
 
   back-to-top-navigation: true
   repo-url: https://github.com/TuringLang/turinglang.github.io/
@@ -64,6 +54,7 @@ format:
       light: cosmo
       dark: [cosmo, theming/theme-dark.scss]
     css: theming/styles.css
+    highlight-style: github
     toc: true
     smooth-scroll: true
     code-overflow: wrap