rewrite raw html in quarto markdown, update footer text, core package descriptions and few urls

Author: shravanngoswamii

_quarto.yml

@@ -90,7 +90,7 @@ format:
 
                 <div class="footer-column footer-brands">
                   <h5>Supported by world-class institutions</h5>
-                  <p>Turing.jl is currently being developed at leading research organisations.</p>
+                  <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="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">

index.qmd

@@ -21,14 +21,17 @@ listing:
     max-items: 6
 ---
 
+:::::: {.side-space}
+
+<!-- Header -->
 ::: {.logo-header}
 
 {{< include _includes/header.qmd >}}
 
 :::
+<!-- Header End Here -->
 
-:::::: {.side-space}
-
+<!-- Feature Boxes -->
 ::::: {.d-flex .flex-row .flex-wrap .panel-wrapper .gap-4 .section-end-space}
 
 ::: {.panel .box}
@@ -47,126 +50,205 @@ Turing is written entirely in Julia, and is interoperable with its powerful ecos
 :::
 
 :::::
+<!-- Feature BoxesEnds Here -->
+
+<!-- Start Your Journey Section -->
+:::: {.text-center .section-start-space}
+
+<p class="responsive-heading" style="font-weight: 600; margin-bottom: 0;">Start Your Journey</p>
+<p class="fs-5 text-muted">Whether you're new to Bayesian modeling or an experienced researcher, find the resources you need.</p>
+
+::::
 
+::::: {.d-flex .flex-row .flex-wrap .panel-wrapper .gap-4 .section-end-space}
+
+:::: {.panel .box}
+
+::: {style="font-size: 2.5rem; text-align: center;"}
 ```{=html}
-<div class="text-center section-start-space">
-  <p class="responsive-heading" style="font-weight: 600; margin-bottom: 0;">Start Your Journey</p>
-  <p class="fs-5 text-muted">Whether you're new to Bayesian modeling or an experienced researcher, find the resources you need.</p>
-</div>
+🚀
+```
+:::
 
-<div class="d-flex flex-row flex-wrap panel-wrapper gap-4 section-end-space">
-
-  <div class="panel box">
-    <div style="font-size: 2.5rem; text-align: center;">🚀</div>
-    <h5 class="panel-title pb-1 text-center">New to Turing?</h5>
-    <p>Begin with the basics. Our step-by-step tutorials will guide you from installation to your first probabilistic models.</p>
-    <div class="d-flex flex-column align-items-center gap-2 pt-3">
-        <a href="https://turinglang.org/docs/getting-started/" class="button btn">Get Started</a>
-        <a href="https://turinglang.org/docs/tutorials/coin-flipping/" class="text-muted" style="font-size: 0.9em;">View Introductory Concepts</a>
-    </div>
-  </div>
-
-  <div class="panel box">
-    <div style="font-size: 2.5rem; text-align: center;">🔬</div>
-    <h5 class="panel-title pb-1 text-center">For Researchers</h5>
-    <p>Dive into advanced models, explore the rich package ecosystem, and learn how to cite Turing.jl in your work.</p>
-      <div class="d-flex flex-column align-items-center gap-2 pt-3">
-        <a href="/library" class="button btn">Explore Ecosystem</a>
-        <a href="#cite" class="text-muted" style="font-size: 0.9em;">Cite Turing.jl</a>
-    </div>
-  </div>
-
-  <div class="panel box">
-    <div style="font-size: 2.5rem; text-align: center;">💻</div>
-    <h5 class="panel-title pb-1 text-center">For Developers</h5>
-    <p>Join our community, contribute to the project on GitHub, and connect with fellow developers on Slack.</p>
-    <div class="d-flex flex-column align-items-center gap-2 pt-3">
-        <a href="https://github.com/TuringLang" class="button btn">View on GitHub</a>
-        <a href="https://julialang.slack.com/archives/CCYDC34A0" class="text-muted" style="font-size: 0.9em;">Join the Slack Channel</a>
-    </div>
-  </div>
+##### New to Turing? {.panel-title .pb-1 .text-center}
+<p>Begin with the basics. Our step-by-step tutorials will guide you from installation to your first probabilistic models.</p>
 
-</div>
+::: {.d-flex .flex-column .align-items-center .gap-2 .pt-3}
+```{=html}
+<a href="https://turinglang.org/docs/getting-started/" class="button btn">Get Started</a>
+<a href="https://turinglang.org/docs/tutorials/coin-flipping/" class="text-muted" style="font-size: 0.9em;">View Introductory Concepts</a>
+```
+:::
+
+::::
+
+:::: {.panel .box}
+
+::: {style="font-size: 2.5rem; text-align: center;"}
+```{=html}
+🔬
+```
+:::
+
+##### For Researchers {.panel-title .pb-1 .text-center}
+
+<p>Dive into advanced models, explore the rich package ecosystem, and learn how to cite Turing.jl in your work.</p>
+
+::: {.d-flex .flex-column .align-items-center .gap-2 .pt-3}
+
+```{=html}
+<a href="/library" class="button btn">Explore Ecosystem</a>
+<a href="#cite" class="text-muted" style="font-size: 0.9em;">Cite Turing.jl</a>
 ```
 
+:::
+
+::::
+
+:::: {.panel .box}
+
+::: {style="font-size: 2.5rem; text-align: center;"}
 ```{=html}
+💻
+```
+:::
+
+##### For Developers {.panel-title .pb-1 .text-center}
+
+<p>Join our community, contribute to the project on GitHub, and connect with fellow developers on Slack.</p>
+
+::: {.d-flex .flex-column .align-items-center .gap-2 .pt-3}
+
+```{=html}
+<a href="https://github.com/TuringLang" class="button btn">View on GitHub</a>
+<a href="https://julialang.slack.com/archives/CCYDC34A0" class="text-muted" style="font-size: 0.9em;">Join the Slack Channel</a>
+```
+:::
+
+::::
+
+:::::
+<!-- Start Your Journey Section Ends Here-->
+
 <!-- Core Packages Section -->
-<div class="section-header section-start-space">
-  <div>
-    <h3 id="core-packages">Core Packages</h3>
-    <p class="text-muted">The Turing ecosystem is built on a foundation of powerful, composable packages.</p>
-  </div>
-  <a href="/library" class="button btn desktop-only-button">Explore Ecosystem &rarr;</a>
-</div>
+:::: {.section-header .section-start-space}
 
-<div class="core-packages-grid section-end-space">
-  <div class="package-card box">
-    <h5 class="panel-title">DynamicPPL.jl</h5>
-    <p>The backend for model specification and inference.</p>
-  </div>
-  <div class="package-card box">
-    <h5 class="panel-title">JuliaBUGS.jl</h5>
-    <p>A modern implementation of the BUGS probabilistic programming language in Julia.</p>
-  </div>
-  <div class="package-card box">
-    <h5 class="panel-title">TuringGLM.jl</h5>
-    <p>Bayesian Generalized Linear models using `@formula` syntax and returns an instantiated <a href="https://github.com/TuringLang/Turing.jl">Turing</a> model.</p>
-  </div>
-  <div class="package-card box">
-    <h5 class="panel-title">AdvancedHMC.jl</h5>
-    <p>An efficient implementation of Hamiltonian Monte Carlo.</p>
-  </div>
-</div>
-<div class="mobile-only-button-container">
-  <a href="/library" class="button btn">Explore Ecosystem &rarr;</a>
-</div>
+::: {#core-packages-header-content}
+
+### Core Packages {#core-packages}
+<p class="text-muted">The Turing ecosystem is built on a foundation of powerful, composable packages.</p>
+
+:::
+
+```{=html}
+<a href="/library" class="button btn desktop-only-button">Explore Ecosystem &rarr;</a>
 ```
 
+::::
+
+::::: {.core-packages-grid .section-end-space}
+
+::: {.package-card .box #core-card}
+
+##### [DynamicPPL.jl <i class="bi bi-box-arrow-up-right" style="font-size: 0.4em;"></i>](https://turinglang.org/DynamicPPL.jl/){.panel-title}
+
+<p>A domain-specific language and backend for probabilistic programming languages, used by [Turing.jl.](https://github.com/TuringLang/Turing.jl)</p>
+
+:::
+
+::: {.package-card .box #core-card}
+
+##### [JuliaBUGS.jl <i class="bi bi-box-arrow-up-right" style="font-size: 0.4em;"></i>](https://turinglang.org/JuliaBUGS.jl/){.panel-title}
+
+<p>A modern implementation of the [BUGS](https://en.wikipedia.org/wiki/Bayesian_inference_using_Gibbs_sampling) probabilistic programming language in Julia.</p>
+
+:::
+
+::: {.package-card .box #core-card}
+
+##### [TuringGLM.jl <i class="bi bi-box-arrow-up-right" style="font-size: 0.4em;"></i>](https://turinglang.org/TuringGLM.jl/){.panel-title}
+
+<p>Bayesian Generalized Linear models using [`@formula`](https://turinglang.org/TuringGLM.jl/stable/#@formula) syntax and returns an instantiated [Turing](https://github.com/TuringLang/Turing.jl) model.</p>
+
+:::
+
+
+::: {.package-card .box #core-card}
+
+##### [AdvancedHMC.jl <i class="bi bi-box-arrow-up-right" style="font-size: 0.4em;"></i>](https://turinglang.org/AdvancedHMC.jl/){.panel-title}
+
+<p>Robust, modular, and efficient implementation of advanced Hamiltonian Monte Carlo(HMC) algorithms.</p>
+
+:::
+
+:::::
+
+::: {.mobile-only-button-container}
+```{=html}
+<a href="/library" class="button btn">Explore Ecosystem &rarr;</a>
+```
+:::
+<!-- Core Packages Section Ends Here-->
+
+
+<!-- News & Updates Section -->
+:::: {.section-header .section-start-space}
+
+::: {#news}
+
+### News & Updates {#news-updates}
+
+<p class="text-muted">Read the latest from the Turing team.</p>
+
+:::
+
 ```{=html}
-  <!-- News & Updates Section -->
-  <div class="section-header section-start-space">
-    <div>
-      <h3 id="news-updates">News & Updates</h3>
-      <p class="text-muted">Read the latest from the Turing team.</p>
-    </div>
-    <a href="news/" class="button desktop-only-button">View more &rarr;</a>
-  </div>
+<a href="news/" class="button desktop-only-button">View more &rarr;</a>
 ```
+::::
 
 ::: {#news-and-updates}
 :::
 
+::: {.mobile-only-button-container}
 ```{=html}
-<div class="mobile-only-button-container">
-    <a href="news/" class="button">View more &rarr;</a>
-</div>
+<a href="news/" class="button">View more &rarr;</a>
 ```
+:::
+<!-- News & Updates Section Ends Here-->
+
+
+<!-- Featured Tutorials Section -->
+::: {.section-header .section-start-space}
 
+::: {#tutorials}
 
+### Featured Tutorials {#featured-tutorials}
+
+<p class="text-muted">A selection of tutorials to get you started.</p>
+
+:::
 ```{=html}
-  <!-- Featured Tutorials Section -->
-  <div class="section-header section-start-space">
-    <div>
-      <h3 id="featured-tutorials">Featured Tutorials</h3>
-      <p class="text-muted">A selection of tutorials to get you started.</p>
-    </div>
-    <a href="https://turinglang.org/docs/tutorials/" class="button desktop-only-button">View all tutorials &rarr;</a>
-  </div>
+<a href="https://turinglang.org/docs/tutorials/" class="button desktop-only-button">View all tutorials &rarr;</a>
 ```
+:::
 
 ::: {#featured-tutorials}
 :::
 
+::: {.mobile-only-button-container}
 ```{=html}
-<div class="mobile-only-button-container">
-    <a href="https://turinglang.org/docs/tutorials/" class="button">View all tutorials &rarr;</a>
-</div>
+<a href="https://turinglang.org/docs/tutorials/" class="button">View all tutorials &rarr;</a>
 ```
+:::
+<!-- Featured Tutorials Section End Here -->
 
+<!-- Citations Section -->
 <div class="section-start-space section-end-space">
 
 {{< include _includes/citation/cite.qmd >}}
 
 </div>
+<!-- Citations Section Ends Here-->
 
 ::::::

theming/styles.css

@@ -402,10 +402,11 @@ code {
 }
 
 .unified-card-body {
-  padding: 1.5rem;
+  padding: 1rem;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
+  padding-bottom: 0%;
 }
 
 .unified-card-title {
@@ -701,6 +702,7 @@ code {
 
   .unified-card-body {
     padding: 1.25rem;
+    padding-bottom: 0%;
   }
 
   .unified-card-footer {