-
Intuitive
- Turing models are easy to write and communicate — syntax is close to mathematical notations.
+```{=html}
+
+
+
+
+ Turing.jl
+
+
+ Bayesian inference with probabilistic programming
+
+
-
-
-
Date: Fri, 25 Oct 2024 22:36:41 +0200
Subject: [PATCH 04/23] better alignment
---
index.qmd | 8 ++++----
theming/dark.scss | 2 ++
theming/rules/_mixins.scss | 2 +-
theming/rules/_panels.scss | 8 ++++++++
4 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/index.qmd b/index.qmd
index 6a17514e5..9b24dd097 100644
--- a/index.qmd
+++ b/index.qmd
@@ -30,7 +30,7 @@ description: |
Bayesian inference with probabilistic programming
-
General-purpose
- Turing supports models with discrete parameters and stochastic control flow.
+
+
-
-
+
+
+ Intuitive
+
+ Turing models are easy to write and communicate — syntax is close to mathematical notations.
+
+
+
+ General-purpose
+
+ Turing supports models with discrete parameters and stochastic control flow.
+
+
+ Modular & composable
+
+ Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
+
-
+```
+Modular & composable
- Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
+
+
+
\ No newline at end of file
+[See all news →](news/)
diff --git a/theming/dark.scss b/theming/dark.scss
index a7b1a9799..32d8fc9ca 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -3,15 +3,19 @@
// Bootswatch
$theme: "cosmo" !default;
+@import "variables/greys";
@import "variables/colorsdark";
@import "variables/borders";
+@import "variables/spacers";
/*-- scss:rules --*/
+@import "rules/mixins";
+
@import "rules/layouts";
-@import "rules/cards";
-@import "rules/buttons";
+@import "rules/hoverables-dark";
+@import "rules/panels";
@import "rules/navbar";
-@import "rules/sourceCode";
+@import "rules/codeblocks";
-//
\ No newline at end of file
+@import "old/old-styles";
diff --git a/theming/light.scss b/theming/light.scss
index fefc9208e..61f3fc843 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -1,13 +1,19 @@
/*-- scss:defaults --*/
+@import "variables/greys";
@import "variables/colorslight";
@import "variables/borders";
+@import "variables/spacers";
/*-- scss:rules --*/
+@import "rules/mixins";
+
@import "rules/layouts";
-@import "rules/cards";
-@import "rules/buttons";
+@import "rules/hoverables-light";
+@import "rules/panels";
@import "rules/navbar";
-@import "rules/sourceCode";
+@import "rules/codeblocks";
+
+@import "old/old-styles";
diff --git a/theming/old/_old-styles.scss b/theming/old/_old-styles.scss
new file mode 100644
index 000000000..9f8f2ff79
--- /dev/null
+++ b/theming/old/_old-styles.scss
@@ -0,0 +1,47 @@
+/* css styles */
+/* .cell-output {
+ background-color: #f1f3f5;
+} */
+
+/* .cell-output img {
+ max-width: 100%;
+ height: auto;
+} */
+
+/* .cell-output-display pre {
+ word-break: break-wor !important;
+ white-space: pre-wrap !important;
+}
+ */
+
+/* now included in _navbar.scss
+ .navbar a:hover {
+ text-decoration: none;
+}
+*/
+
+.cell-output {
+ border: 1px dashed;
+}
+
+.cell-output-stdout code {
+ word-break: break-wor !important;
+ white-space: pre-wrap !important;
+}
+
+
+.cell-output-display svg {
+ height: fit-content;
+ width: fit-content;
+}
+
+.cell-output-display img {
+ max-width: 100%;
+ max-height: 100%;
+ object-fit: contain;
+}
+
+.nav-footer-center {
+ display: flex;
+ justify-content: center;
+}
diff --git a/theming/rules/_buttons.scss b/theming/rules/_buttons.scss
deleted file mode 100644
index 3984ecee8..000000000
--- a/theming/rules/_buttons.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.button {
- padding: 0.5rem 1rem;
- //margin: 0.25rem;
- border-radius: 25px;
- border: solid $text-muted 1px;
- color: $color-fg;
- background-color: $body-bg;
-
- &:hover {
- background-color: $color-mute-bg !important;
- border: solid $text-muted 1px;
- }
-
- &--fill {
- @extend .button;
- background-color: $color-secondary;
- border: solid $color-secondary 1px;
-
- &:hover {
- background-color: $color-highlight !important;
- border-color: $color-highlight !important;
- }
- }
-}
diff --git a/theming/rules/_sourceCode.scss b/theming/rules/_codeblocks.scss
similarity index 100%
rename from theming/rules/_sourceCode.scss
rename to theming/rules/_codeblocks.scss
diff --git a/theming/rules/_hoverables-dark.scss b/theming/rules/_hoverables-dark.scss
new file mode 100644
index 000000000..e4b84b101
--- /dev/null
+++ b/theming/rules/_hoverables-dark.scss
@@ -0,0 +1,25 @@
+$hover-border: lighten($color-secondary, 5%);
+
+.button {
+ @include button($hover-border)
+}
+
+.card {
+ @include card($hover-border)
+}
+
+.example-code {
+ flex: 0 1 45%;
+
+ @media screen and (max-width: 992px) {
+ flex: 0 1 100%;
+ }
+}
+
+.example-text {
+ flex: 0 1 53%;
+
+ @media screen and (max-width: 992px) {
+ flex: 0 1 100%;
+ }
+}
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
new file mode 100644
index 000000000..7303cc0c4
--- /dev/null
+++ b/theming/rules/_hoverables-light.scss
@@ -0,0 +1,25 @@
+$hover-border: darken($color-secondary, 15%);
+
+.button {
+ @include button($hover-border)
+}
+
+.card {
+ @include card($hover-border)
+}
+
+.example-code {
+ flex: 0 1 45%;
+
+ @media screen and (max-width: 992px) {
+ flex: 0 1 100%;
+ }
+}
+
+.example-text {
+ flex: 0 1 53%;
+
+ @media screen and (max-width: 992px) {
+ flex: 0 1 100%;
+ }
+}
diff --git a/theming/rules/_layouts.scss b/theming/rules/_layouts.scss
index f48b3d730..145214847 100644
--- a/theming/rules/_layouts.scss
+++ b/theming/rules/_layouts.scss
@@ -1,3 +1,7 @@
.content-panel {
padding: 1.5rem;
}
+
+.section-end-space {
+ padding-bottom: $large-y-space;
+}
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
new file mode 100644
index 000000000..48efe07a5
--- /dev/null
+++ b/theming/rules/_mixins.scss
@@ -0,0 +1,57 @@
+@mixin raw-card {
+ border-radius: $border-radius-sm;
+ padding: 1rem;
+ min-height: 120px !important;
+ min-width: 300px !important;
+
+ --bs-card-spacer-x: 0rem !important;
+ --bs-card-spacer-y: 0rem !important;
+
+ color: $color-fg !important;
+ background-color: $color-secondary !important;
+ border: solid $color-secondary 1px !important;
+
+ transition: background-color 0.3s ease, border-color 0.3s ease !important;
+}
+
+@mixin card($hover-border) {
+ @include raw-card;
+
+ .card-title {
+ color: $color-fg !important;
+ font-weight: 700;
+ }
+
+ &:hover {
+ background-color: $color-highlight !important;
+ border-color: $hover-border !important;
+ }
+}
+
+@mixin raw-button {
+ padding: 0.5rem 1rem;
+ border-radius: 25px;
+ border: solid $text-muted 1px;
+ color: $color-fg;
+ background-color: $body-bg;
+
+ &:hover {
+ background-color: $color-mute-bg !important;
+ border-color: $color-mute-bg !important;
+ }
+}
+
+@mixin button($hover-border) {
+ @include raw-button;
+
+ &--fill {
+ @extend .button;
+ background-color: $color-secondary;
+ border: solid $color-secondary 1px;
+
+ &:hover {
+ background-color: $color-highlight !important;
+ border-color: $hover-border !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/theming/rules/_cards.scss b/theming/rules/_panels.scss
similarity index 76%
rename from theming/rules/_cards.scss
rename to theming/rules/_panels.scss
index fdf6419f5..dc8a6110b 100644
--- a/theming/rules/_cards.scss
+++ b/theming/rules/_panels.scss
@@ -1,15 +1,15 @@
-.card {
+.panel {
border-radius: $border-radius-sm;
padding: 1rem;
- min-height: 120px;
- min-width: 200px;
- max-width: 300px;
+ min-height: 150px;
+ min-width: 300px;
+ max-width: 31%;
color: $color-fg !important;
background-color: $color-mute-bg !important;
border: solid $color-mute-bg 0px !important;
- .card-title {
+ .panel-title {
color: $color-fg !important;
margin-bottom: 0.5rem !important;
font-size: x-large;
@@ -17,7 +17,7 @@
}
&--nopad {
- @extend .card;
+ @extend .panel;
padding: 0rem;
}
}
diff --git a/theming/variables/_colorsdark.scss b/theming/variables/_colorsdark.scss
index 5f4639dbd..ebf910c4e 100644
--- a/theming/variables/_colorsdark.scss
+++ b/theming/variables/_colorsdark.scss
@@ -1,22 +1,10 @@
-$white: #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #373a3c !default;
-$gray-900: #212529 !default;
-$black: #000000 !default;
-
$dark-green: #073c44;
$light-blue: darken(#EDF4F4, 5%);
$medium-grey: #CCD1D5;
-$color-primary: red; // ??? Nope
+$color-primary: $light-blue; // not sure about this one
$color-secondary: $dark-green;
-$color-highlight: lighten($color-secondary, 10%);
+$color-highlight: darken($color-secondary, 5%);
$color-mute-bg: $gray-800;
@@ -26,10 +14,4 @@ $light-bg: #201F24;
$light-bg-offset: $color-secondary;
$color-fg: white;
-$quarto-category-background-color: lighten($light-bg, 2%);
-$quarto-category-border-color: lighten($light-bg, 30%);
-$quarto-category-hover-background-color: darken($light-bg, 5%);
-$quarto-category-hover-border-color: lighten($light-bg, 50%);
-$quarto-category-highlight: $color-fg;
-
$link-color: lighten($dark-green, 15%);
diff --git a/theming/variables/_colorslight.scss b/theming/variables/_colorslight.scss
index 36b45e1c4..087c9959e 100644
--- a/theming/variables/_colorslight.scss
+++ b/theming/variables/_colorslight.scss
@@ -1,15 +1,3 @@
-$white: #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #373a3c !default;
-$gray-900: #212529 !default;
-$black: #000000 !default;
-
$dark-green: #073c44;
$light-blue: #EDF4F4;
$medium-grey: #CCD1D5;
@@ -21,13 +9,6 @@ $color-highlight: lighten($color-secondary, 10%);
$color-mute-bg: $gray-200;
-$quarto-category-background-color: lighten($medium-grey, 10%);
-$quarto-category-border-color: darken($medium-grey, 5%);
-$quarto-category-hover-background-color: lighten($medium-grey, 15%);
-$quarto-category-hover-border-color: darken($medium-grey, 15%);
-$quarto-category-highlight: $color-fg;
-
-
$light-bg: white;
$light-bg-offset: $color-secondary;
diff --git a/theming/variables/_greys.scss b/theming/variables/_greys.scss
new file mode 100644
index 000000000..4284ed369
--- /dev/null
+++ b/theming/variables/_greys.scss
@@ -0,0 +1,11 @@
+$white: #ffffff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #868e96 !default;
+$gray-700: #495057 !default;
+$gray-800: #373a3c !default;
+$gray-900: #212529 !default;
+$black: #000000 !default;
diff --git a/theming/variables/_spacers.scss b/theming/variables/_spacers.scss
new file mode 100644
index 000000000..f816d9abe
--- /dev/null
+++ b/theming/variables/_spacers.scss
@@ -0,0 +1 @@
+$large-y-space: 6rem;
\ No newline at end of file
From 05f9d6d82af5c6ff9ee51b66daf49e89653b4bfb Mon Sep 17 00:00:00 2001
From: simonsteiger
+
+
+
+
+ Hello, World in Turing
+ Some text about how easy it is to [get going](https://turinglang.org/docs/tutorials/00-introduction/).
+
+```julia
+@model function coinflip(; N::Int)
+ # Prior belief about the probability of heads
+ p ~ Beta(1, 1)
+
+ # Heads or tails of a coin are drawn from `N`
+ # Bernoulli distributions with success rate `p`
+ y ~ filldist(Bernoulli(p), N)
+
+ return y
+end;
+```
+
+
+
+```julia
+@model function putting_model(d, n; jitter=1e-4)
+ v ~ Gamma(2, 1)
+ l ~ Gamma(4, 1)
+ f = GP(v * with_lengthscale(SEKernel(), l))
+ f_latent ~ f(d, jitter)
+ binomials = Binomial.(n, logistic.(f_latent))
+ y ~ product_distribution(binomials)
+ return (fx=f(d, jitter), f_latent=f_latent, y=y)
+end
+```
+
+
+
+
+ Goodbye, World in Turing
+
+ Some text about how easy it is to interface with external packages like AbstractGPs. Learn more about modelling [Gaussian Processes](https://turinglang.org/docs/tutorials/15-gaussian-processes/) with Turing.jl.
+
+
-
Tutorials
@@ -42,7 +42,7 @@ description: |
+
Intuitive
@@ -64,7 +64,7 @@ description: |
```
-
+
-
Hello, World in Turing
@@ -86,7 +86,7 @@ end;
```
+
Goodbye, World in Turing
diff --git a/theming/dark.scss b/theming/dark.scss
index 32d8fc9ca..1a54421df 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -19,3 +19,5 @@ $theme: "cosmo" !default;
@import "rules/codeblocks";
@import "old/old-styles";
+
+//
\ No newline at end of file
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 48efe07a5..0bf27dc16 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -2,7 +2,7 @@
border-radius: $border-radius-sm;
padding: 1rem;
min-height: 120px !important;
- min-width: 300px !important;
+ //min-width: 300px !important;
--bs-card-spacer-x: 0rem !important;
--bs-card-spacer-y: 0rem !important;
diff --git a/theming/rules/_panels.scss b/theming/rules/_panels.scss
index dc8a6110b..09d13ffd1 100644
--- a/theming/rules/_panels.scss
+++ b/theming/rules/_panels.scss
@@ -21,3 +21,11 @@
padding: 0rem;
}
}
+
+.panel-wrapper {
+ justify-content: space-between;
+
+ @media screen and (max-width: 992px) {
+ justify-content: center;
+ }
+}
From c9897ce9d75009bbba2299f5609ed9af1f0810aa Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Sun, 27 Oct 2024 07:49:33 +0100
Subject: [PATCH 05/23] add resources / "learn more" section
---
index.qmd | 56 +++++++++++++++++++
resources/content/inofficial_tutorials.qmd | 5 ++
resources/content/talks.qmd | 5 ++
theming/dark.scss | 2 +-
theming/light.scss | 2 +-
theming/rules/_hoverables-dark.scss | 6 ++
theming/rules/_hoverables-light.scss | 6 ++
theming/rules/_layouts.scss | 4 ++
theming/rules/_mixins.scss | 6 +-
.../variables/{_greys.scss => _grays.scss} | 0
10 files changed, 88 insertions(+), 4 deletions(-)
create mode 100644 resources/content/inofficial_tutorials.qmd
create mode 100644 resources/content/talks.qmd
rename theming/variables/{_greys.scss => _grays.scss} (100%)
diff --git a/index.qmd b/index.qmd
index 9b24dd097..f67c7dbcf 100644
--- a/index.qmd
+++ b/index.qmd
@@ -118,3 +118,59 @@ end
:::
[See all news →](news/)
+
+```{=html}
+
+ Learn more
+
+
+
+
+```
diff --git a/resources/content/inofficial_tutorials.qmd b/resources/content/inofficial_tutorials.qmd
new file mode 100644
index 000000000..2b2e64772
--- /dev/null
+++ b/resources/content/inofficial_tutorials.qmd
@@ -0,0 +1,5 @@
+---
+title: Inofficial tutorials
+---
+
+TODO: Add a list of inofficial tutorials.
diff --git a/resources/content/talks.qmd b/resources/content/talks.qmd
new file mode 100644
index 000000000..7ebb45317
--- /dev/null
+++ b/resources/content/talks.qmd
@@ -0,0 +1,5 @@
+---
+title: Talks
+---
+
+TODO: Add a list of inofficial talks.
diff --git a/theming/dark.scss b/theming/dark.scss
index 1a54421df..8c942238d 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -3,7 +3,7 @@
// Bootswatch
$theme: "cosmo" !default;
-@import "variables/greys";
+@import "variables/grays";
@import "variables/colorsdark";
@import "variables/borders";
@import "variables/spacers";
diff --git a/theming/light.scss b/theming/light.scss
index 61f3fc843..213ae5536 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -1,6 +1,6 @@
/*-- scss:defaults --*/
-@import "variables/greys";
+@import "variables/grays";
@import "variables/colorslight";
@import "variables/borders";
@import "variables/spacers";
diff --git a/theming/rules/_hoverables-dark.scss b/theming/rules/_hoverables-dark.scss
index e4b84b101..ba48ce4cd 100644
--- a/theming/rules/_hoverables-dark.scss
+++ b/theming/rules/_hoverables-dark.scss
@@ -23,3 +23,9 @@ $hover-border: lighten($color-secondary, 5%);
flex: 0 1 100%;
}
}
+
+.pseudolisting {
+ @extend .card;
+ @extend .quarto-grid-item;
+ text-decoration: none;
+}
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
index 7303cc0c4..0be552ad4 100644
--- a/theming/rules/_hoverables-light.scss
+++ b/theming/rules/_hoverables-light.scss
@@ -23,3 +23,9 @@ $hover-border: darken($color-secondary, 15%);
flex: 0 1 100%;
}
}
+
+.pseudolisting {
+ @extend .card;
+ @extend .quarto-grid-item;
+ text-decoration: none;
+}
diff --git a/theming/rules/_layouts.scss b/theming/rules/_layouts.scss
index 145214847..9c99ccb44 100644
--- a/theming/rules/_layouts.scss
+++ b/theming/rules/_layouts.scss
@@ -5,3 +5,7 @@
.section-end-space {
padding-bottom: $large-y-space;
}
+
+.section-start-space {
+ padding-top: $large-y-space;
+}
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 0bf27dc16..8692f2616 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -1,8 +1,6 @@
@mixin raw-card {
border-radius: $border-radius-sm;
padding: 1rem;
- min-height: 120px !important;
- //min-width: 300px !important;
--bs-card-spacer-x: 0rem !important;
--bs-card-spacer-y: 0rem !important;
@@ -22,6 +20,10 @@
font-weight: 700;
}
+ .card-text {
+ color: $text-muted !important;
+ }
+
&:hover {
background-color: $color-highlight !important;
border-color: $hover-border !important;
diff --git a/theming/variables/_greys.scss b/theming/variables/_grays.scss
similarity index 100%
rename from theming/variables/_greys.scss
rename to theming/variables/_grays.scss
From 9f71dc30c3ac8adce81f6ba94415fdb1b35798b6 Mon Sep 17 00:00:00 2001
From: Simon Steiger <106233551+simonsteiger@users.noreply.github.com>
Date: Mon, 28 Oct 2024 18:34:02 +0100
Subject: [PATCH 06/23] Improved colours (#4)
* improve colors
* better link hover color
---
index.qmd | 38 ++++----
theming/dark.scss | 4 +-
theming/light.scss | 4 +-
theming/rules/_codeblocks.scss | 9 --
theming/rules/_hoverables-dark.scss | 10 +-
theming/rules/_hoverables-light.scss | 6 +-
theming/rules/_layouts.scss | 31 ++++++
theming/rules/_mixins.scss | 5 +-
theming/rules/_navbar.scss | 11 ++-
theming/rules/_panels.scss | 31 ------
theming/rules/_quarto-tweaks.scss | 36 +++++++
theming/theme-dark.scss | 139 ---------------------------
theming/variables/_colorsdark.scss | 15 ++-
theming/variables/_colorslight.scss | 9 +-
14 files changed, 127 insertions(+), 221 deletions(-)
delete mode 100644 theming/rules/_codeblocks.scss
delete mode 100644 theming/rules/_panels.scss
create mode 100644 theming/rules/_quarto-tweaks.scss
delete mode 100644 theming/theme-dark.scss
diff --git a/index.qmd b/index.qmd
index f67c7dbcf..502cd0d99 100644
--- a/index.qmd
+++ b/index.qmd
@@ -44,19 +44,19 @@ description: |
+ Discourse
+
+
+ Get support from and discuss with other users.
+
+
+
+
+ Documentation
+
+
+ Familiarize yourself with the Turing.jl API.
+
+
+
+
+ Official tutorials
+
+
+ Learn to tackle specific problems with Turing.jl.
+
+
+
+
+ Inofficial tutorials
+
+
+ A list of inofficial tutorials using Turing.jl.
+
+
+
+
+ Talks
+
+
+ A list of talks on the Turing.jl ecosystem.
+
+
+
+
+ Workshop
+
+
+ Placeholder for Turing-Workshop repo link.
+
+
+
-
+
Intuitive
Turing models are easy to write and communicate — syntax is close to mathematical notations.
-
Date: Sun, 15 Dec 2024 07:27:53 +0100
Subject: [PATCH 19/23] fix "logo" display by removing h1
---
index.qmd | 10 ++++++----
theming/light.scss | 2 ++
theming/rules/_svg.scss | 13 +++----------
3 files changed, 11 insertions(+), 14 deletions(-)
diff --git a/index.qmd b/index.qmd
index c048b1c9d..40a7a5b17 100644
--- a/index.qmd
+++ b/index.qmd
@@ -1,5 +1,4 @@
---
-# pagetitle: "Turing"
toc: false
page-layout: full
section-divs: false
@@ -23,10 +22,10 @@ description: |
```{=html}
+
General-purpose
Turing supports models with discrete parameters and stochastic control flow.
-
```
diff --git a/theming/dark.scss b/theming/dark.scss
index 8c942238d..cdaef1065 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -14,10 +14,8 @@ $theme: "cosmo" !default;
@import "rules/layouts";
@import "rules/hoverables-dark";
-@import "rules/panels";
@import "rules/navbar";
-@import "rules/codeblocks";
+@import "rules/quarto-tweaks";
@import "old/old-styles";
-//
\ No newline at end of file
diff --git a/theming/light.scss b/theming/light.scss
index 213ae5536..434c7a626 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -11,9 +11,9 @@
@import "rules/layouts";
@import "rules/hoverables-light";
-@import "rules/panels";
@import "rules/navbar";
-@import "rules/codeblocks";
+@import "rules/quarto-tweaks";
@import "old/old-styles";
+//
\ No newline at end of file
diff --git a/theming/rules/_codeblocks.scss b/theming/rules/_codeblocks.scss
deleted file mode 100644
index 443e6836c..000000000
--- a/theming/rules/_codeblocks.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-.sourceCode {
- background-color: $color-mute-bg !important;
- border-color: $color-mute-bg !important;
- border-radius: $border-radius-sm !important;
-
- pre {
- padding: 0.5rem !important;
- }
-}
\ No newline at end of file
diff --git a/theming/rules/_hoverables-dark.scss b/theming/rules/_hoverables-dark.scss
index ba48ce4cd..9076ac941 100644
--- a/theming/rules/_hoverables-dark.scss
+++ b/theming/rules/_hoverables-dark.scss
@@ -1,11 +1,13 @@
-$hover-border: lighten($color-secondary, 5%);
-
.button {
- @include button($hover-border)
+ @include button($border-hover);
}
.card {
- @include card($hover-border)
+ @include card($border-hover);
+
+ .card-text {
+ color: $text-muted;
+ }
}
.example-code {
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
index 0be552ad4..5b5cfc766 100644
--- a/theming/rules/_hoverables-light.scss
+++ b/theming/rules/_hoverables-light.scss
@@ -1,11 +1,9 @@
-$hover-border: darken($color-secondary, 15%);
-
.button {
- @include button($hover-border)
+ @include button($border-hover)
}
.card {
- @include card($hover-border)
+ @include card($border-hover)
}
.example-code {
diff --git a/theming/rules/_layouts.scss b/theming/rules/_layouts.scss
index 9c99ccb44..26ca556f1 100644
--- a/theming/rules/_layouts.scss
+++ b/theming/rules/_layouts.scss
@@ -9,3 +9,34 @@
.section-start-space {
padding-top: $large-y-space;
}
+
+.panel {
+ border-radius: $border-radius-sm;
+ padding: 1rem 1.25rem;
+ min-height: 150px;
+ min-width: 300px;
+ max-width: 31%;
+
+ color: $text-muted !important;
+ background-color: $color-mute-bg !important;
+ border: solid $color-mute-bg 0px !important;
+
+ .panel-title {
+ color: $color-fg !important;
+ font-size: x-large;
+ font-weight: 700;
+ }
+
+ &--nopad {
+ @extend .panel;
+ padding: 0rem;
+ }
+}
+
+.panel-wrapper {
+ justify-content: space-between;
+
+ @media screen and (max-width: 992px) {
+ justify-content: center;
+ }
+}
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 8692f2616..9eb8c54e1 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -20,10 +20,6 @@
font-weight: 700;
}
- .card-text {
- color: $text-muted !important;
- }
-
&:hover {
background-color: $color-highlight !important;
border-color: $hover-border !important;
@@ -40,6 +36,7 @@
&:hover {
background-color: $color-mute-bg !important;
border-color: $color-mute-bg !important;
+ text-decoration: none;
}
}
diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss
index b27ec8ad3..f16f5f40f 100644
--- a/theming/rules/_navbar.scss
+++ b/theming/rules/_navbar.scss
@@ -3,6 +3,15 @@
color: $text-muted;
a:hover {
- text-decoration: none;
+ text-decoration: none !important;
+ }
+
+ .nav-link:hover {
+ color: $link-color !important;
+ }
+
+ .navbar-brand:hover {
+ color: $link-color !important;
+ transition: color 0.15s ease-in-out !important;
}
}
diff --git a/theming/rules/_panels.scss b/theming/rules/_panels.scss
deleted file mode 100644
index 09d13ffd1..000000000
--- a/theming/rules/_panels.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.panel {
- border-radius: $border-radius-sm;
- padding: 1rem;
- min-height: 150px;
- min-width: 300px;
- max-width: 31%;
-
- color: $color-fg !important;
- background-color: $color-mute-bg !important;
- border: solid $color-mute-bg 0px !important;
-
- .panel-title {
- color: $color-fg !important;
- margin-bottom: 0.5rem !important;
- font-size: x-large;
- font-weight: 700;
- }
-
- &--nopad {
- @extend .panel;
- padding: 0rem;
- }
-}
-
-.panel-wrapper {
- justify-content: space-between;
-
- @media screen and (max-width: 992px) {
- justify-content: center;
- }
-}
diff --git a/theming/rules/_quarto-tweaks.scss b/theming/rules/_quarto-tweaks.scss
new file mode 100644
index 000000000..f95be0518
--- /dev/null
+++ b/theming/rules/_quarto-tweaks.scss
@@ -0,0 +1,36 @@
+.sourceCode {
+ background-color: $color-mute-bg !important;
+ border-color: $color-mute-bg !important;
+ border-radius: $border-radius-sm !important;
+
+ pre {
+ padding: 0.5rem !important;
+ }
+}
+
+.quarto-title-banner {
+ background-color: $body-bg !important;
+
+ .title {
+ color: $color-fg !important;
+ }
+}
+
+.listing-description {
+ .no-external {
+ color: $text-muted !important;
+ }
+}
+
+.input-group-text {
+ background-color: $color-mute-bg !important;
+}
+
+a {
+ text-decoration: none;
+ &:hover {
+ color: $link-color;
+ text-decoration: underline;
+ }
+
+}
diff --git a/theming/theme-dark.scss b/theming/theme-dark.scss
deleted file mode 100644
index caa2c5b29..000000000
--- a/theming/theme-dark.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-/*-- scss:defaults --*/
-// Cosmo 5.3.3
-// Bootswatch
-
-$theme: "cosmo" !default;
-
-// Manually-added colors
-
-$background-nav: #192222;
-$background-body: #131818;
-$foreground: #1bb3ac;
-$foreground-dark: #073c44;
-$links:#2aa198;
-$links-hover: #31dce6;
-$code-background-color: #172424;
-$li: #bcbcbc;
-
-// Quarto default colors
-
-$white: #ffffff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #373a3c !default;
-$gray-900: #212529 !default;
-$black: #000000 !default;
-
-$indigo: #6610f2 !default;
-$purple: #613d7c !default;
-$pink: #e83e8c !default;
-$red: #ff0039 !default;
-$orange: #f0ad4e !default;
-$yellow: #ff7518 !default;
-$green: #3fb618 !default;
-$teal: #20c997 !default;
-$cyan: #9954bb !default;
-
-$primary: $links-hover !default;
-$secondary: $gray-800 !default;
-$success: $green !default;
-$info: $cyan !default;
-$warning: $yellow !default;
-$danger: $red !default;
-$light: $gray-100 !default;
-$dark: $gray-800 !default;
-
-$min-contrast-ratio: 2.6 !default;
-
-// Options
-
-$enable-rounded: false !default;
-
-// Fonts
-
-// stylelint-disable-next-line value-keyword-case
-$font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$headings-font-weight: 400 !default;
-
-// Tables
-
-$table-color: initial !default;
-
-// Alerts
-
-$alert-border-width: 0 !default;
-
-// Progress bars
-
-$progress-height: .5rem !default;
-
-
-// Custom tweaks for Quarto-Cosmo
-
-$navbar-bg: $background-nav;
-$navbar-fg: $foreground;
-$footer-bg: $background-nav;
-$footer-fg: $foreground;
-$body-color: $white;
-$body-bg: $background-body;
-
-a {
- color: $links !important;
-}
-
-a:hover {
- color: $links-hover !important;
-}
-
-code, p code, li code {
- background-color: $code-background-color !important;
- color: $links;
-}
-
-li {
- color: $li !important;
-}
-
-.menu-text:hover {
- color: $links-hover !important;
-}
-
-.quarto-title-banner {
- background-color: $foreground-dark !important;
-}
-
-.title {
- color: $white !important;
-}
-
-.listing-description a {
- color: $li !important;
-}
-
-p {
- color: $li !important;
-}
-
-
-.team-member, .input-group-text {
- background-color: $background-nav !important;
-}
-
-.level4, .listing-category {
- color: $foreground !important;
-}
-
-::selection {
- color: $links-hover;
- background: $background-nav;
-}
-
-.tooltip {
- --bs-tooltip-color: $black !important;
- --bs-tooltip-bg: $white !important;
-}
diff --git a/theming/variables/_colorsdark.scss b/theming/variables/_colorsdark.scss
index ebf910c4e..44fc3d24b 100644
--- a/theming/variables/_colorsdark.scss
+++ b/theming/variables/_colorsdark.scss
@@ -1,17 +1,26 @@
$dark-green: #073c44;
$light-blue: darken(#EDF4F4, 5%);
-$medium-grey: #CCD1D5;
+$red: #f87683;
+$medium-grey: #bcbcbc;
$color-primary: $light-blue; // not sure about this one
$color-secondary: $dark-green;
+$color-tertiary: $red;
$color-highlight: darken($color-secondary, 5%);
$color-mute-bg: $gray-800;
$body-color: white;
$body-bg: #201F24;
-$light-bg: #201F24;
$light-bg-offset: $color-secondary;
$color-fg: white;
-$link-color: lighten($dark-green, 15%);
+$text-muted: $medium-grey;
+
+$color-active: lighten($color-secondary, 5%);
+$link-color: $color-tertiary;
+$border-hover: $color-active;
+
+p {
+ color: $text-muted !important;
+}
diff --git a/theming/variables/_colorslight.scss b/theming/variables/_colorslight.scss
index 087c9959e..102715630 100644
--- a/theming/variables/_colorslight.scss
+++ b/theming/variables/_colorslight.scss
@@ -1,15 +1,20 @@
$dark-green: #073c44;
+$red: #d73a4a;
$light-blue: #EDF4F4;
$medium-grey: #CCD1D5;
$color-fg: black;
$color-primary: $dark-green;
$color-secondary: darken($light-blue, 20%);
+$color-tertiary: $red;
$color-highlight: lighten($color-secondary, 10%);
$color-mute-bg: $gray-200;
-$light-bg: white;
+$color-active: lighten($color-secondary, 5%);
+$link-color: $color-tertiary;
+$border-hover: darken($color-secondary, 5%);
+
+$body-bg: white;
$light-bg-offset: $color-secondary;
-$link-color: lighten($dark-green, 15%);
From 1070b053a4411864dc8ae98400884c0be0935625 Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Mon, 28 Oct 2024 18:40:53 +0100
Subject: [PATCH 07/23] better navbar text contrast
---
theming/rules/_navbar.scss | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss
index f16f5f40f..3cc6cb910 100644
--- a/theming/rules/_navbar.scss
+++ b/theming/rules/_navbar.scss
@@ -6,12 +6,18 @@
text-decoration: none !important;
}
- .nav-link:hover {
- color: $link-color !important;
+ .nav-link {
+ color: $text-muted;
+ &:hover {
+ color: $link-color !important;
+ }
}
- .navbar-brand:hover {
- color: $link-color !important;
- transition: color 0.15s ease-in-out !important;
+ .navbar-brand {
+ color: $text-muted;
+ &:hover {
+ color: $link-color !important;
+ transition: color 0.15s ease-in-out !important;
+ }
}
}
From 805520edc766248db425fa4228edeb0a858a6666 Mon Sep 17 00:00:00 2001
From: Simon Steiger <106233551+simonsteiger@users.noreply.github.com>
Date: Mon, 28 Oct 2024 20:14:46 +0100
Subject: [PATCH 08/23] Add SVG header (#5)
* paste in svg
* responsive svg header
---
index.qmd | 28 +++++++++----
theming/dark.scss | 1 +
theming/light.scss | 3 +-
theming/rules/_svg.scss | 89 +++++++++++++++++++++++++++++++++++++++++
4 files changed, 112 insertions(+), 9 deletions(-)
create mode 100644 theming/rules/_svg.scss
diff --git a/index.qmd b/index.qmd
index 502cd0d99..10f871da7 100644
--- a/index.qmd
+++ b/index.qmd
@@ -22,14 +22,25 @@ description: |
---
```{=html}
-
+
```{=html}
-
Modular & composable
Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
@@ -109,9 +109,9 @@ end
+
+
```
::: {#news}
@@ -120,57 +120,57 @@ end
[See all news →](news/)
```{=html}
-News -
+
+
Learn more -
Discourse
-
+
+
Get support from and discuss with other users. -
Documentation
-
+
+
Familiarize yourself with the Turing.jl API. -
Official tutorials
-
+
+
Learn to tackle specific problems with Turing.jl. -
Inofficial tutorials
-
+
+
A list of inofficial tutorials using Turing.jl. -
Talks
-
+
+
A list of talks on the Turing.jl ecosystem. -
Workshop
-
+
+
Placeholder for Turing-Workshop repo link. -
-
-
- Turing.jl
-
-
+
@@ -138,12 +141,12 @@ end
Learn more
@@ -211,12 +210,12 @@ Placeholder text introducing the Bayesian Workflow diagram from the ACM special
+
+
Bayesian inference with probabilistic programming
-
+
+
+```
+
+```{=html}
+
+ Turing.jl
+
+
+
+
diff --git a/theming/dark.scss b/theming/dark.scss
index cdaef1065..aa4735b59 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -16,6 +16,7 @@ $theme: "cosmo" !default;
@import "rules/hoverables-dark";
@import "rules/navbar";
@import "rules/quarto-tweaks";
+@import "rules/svg";
@import "old/old-styles";
diff --git a/theming/light.scss b/theming/light.scss
index 434c7a626..20b804e5a 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -13,7 +13,6 @@
@import "rules/hoverables-light";
@import "rules/navbar";
@import "rules/quarto-tweaks";
+@import "rules/svg";
@import "old/old-styles";
-
-//
\ No newline at end of file
diff --git a/theming/rules/_svg.scss b/theming/rules/_svg.scss
new file mode 100644
index 000000000..613d66735
--- /dev/null
+++ b/theming/rules/_svg.scss
@@ -0,0 +1,89 @@
+.line-graph {
+ /* height: 85vh; */
+ width: 100%;
+ padding-top: 5%;
+ position: relative;
+}
+
+svg {
+ width: 100%;
+ height: 100%;
+}
+
+@keyframes draw {
+ to {
+ stroke-dashoffset: 0;
+ }
+}
+
+.line {
+ fill: none;
+ stroke-width: 7;
+ stroke-dasharray: 3900;
+ stroke-dashoffset: 3900;
+ animation: draw 6s forwards ease-in-out;
+ stroke-opacity: 1;
+}
+
+.line1 {
+ stroke: #b352cc;
+ animation-delay: 0s;
+}
+
+.line2 {
+ stroke: #cc3333;
+ animation-delay: 0.5s;
+}
+
+.line3 {
+ stroke: #218921;
+ animation-delay: 1s;
+}
+
+.upperContent {
+ width: 88%;
+ text-align: end;
+ padding-top: 7%;
+ padding-right: 10%;
+ position: absolute;
+ z-index: 5;
+ opacity: 0;
+ animation: fadeInText 2s forwards ease-in-out;
+ animation-delay: 3s;
+
+ @media screen and (max-width: 768px) {
+ width: 100%;
+ padding-top: 0%;
+ padding-right: 0%;
+ text-align: center;
+ }
+}
+
+.upperContent > h1 {
+ font-size: 5rem;
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
+
+ @media screen and (max-width: 992px) {
+ font-size: 3.5rem;
+ }
+}
+
+.upperContent > p {
+ font-size: 25px;
+ font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
+ margin-top: 5%;
+}
+
+.upperContent > h1,
+
+.upperContent > p {
+ margin: 0;
+ padding: 0;
+}
+
+@keyframes fadeInText {
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
From 75f8b651948c6e1e1ecd9915124c0cb3beadaa5d Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Mon, 28 Oct 2024 20:26:55 +0100
Subject: [PATCH 09/23] fix "learn more" hover text-deco
---
theming/rules/_hoverables-light.scss | 3 +++
1 file changed, 3 insertions(+)
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
index 5b5cfc766..e77d527e0 100644
--- a/theming/rules/_hoverables-light.scss
+++ b/theming/rules/_hoverables-light.scss
@@ -26,4 +26,7 @@
@extend .card;
@extend .quarto-grid-item;
text-decoration: none;
+ &:hover {
+ text-decoration: none;
+ }
}
From 4d6dadbc23a1f84145a2e1a954dd3aae38fbcf6c Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Tue, 29 Oct 2024 18:59:44 +0100
Subject: [PATCH 10/23] style team page for dark mode using the same background
colour for the team "cards" as for the non-hoverable cards on the landing
page
---
team/team.css | 2 +-
theming/dark.scss | 12 ++++++------
theming/light.scss | 10 +++++-----
theming/rules/_team-dark.scss | 4 ++++
theming/variables/_borders.scss | 1 -
theming/variables/_colorsdark.scss | 1 -
6 files changed, 16 insertions(+), 14 deletions(-)
create mode 100644 theming/rules/_team-dark.scss
diff --git a/team/team.css b/team/team.css
index 5bb698fd1..7c3637e40 100644
--- a/team/team.css
+++ b/team/team.css
@@ -6,7 +6,7 @@ a {
.team-member {
display: flex;
align-items: center;
- background-color: #f8f9fa;
+ background-color: #e9ecef; /*gray-200, same as $color-mute-bg */
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
diff --git a/theming/dark.scss b/theming/dark.scss
index aa4735b59..97e99427c 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -12,11 +12,11 @@ $theme: "cosmo" !default;
@import "rules/mixins";
-@import "rules/layouts";
-@import "rules/hoverables-dark";
+@import "rules/layouts"; // custom spacing and layout elements
+@import "rules/hoverables-dark"; // hover styling of buttons, listings
@import "rules/navbar";
-@import "rules/quarto-tweaks";
-@import "rules/svg";
-
-@import "old/old-styles";
+@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
+@import "rules/svg"; // svg on landing page
+@import "rules/team-dark"; // dark mode for team page
+@import "old/old-styles"; // copy of old css style sheet
diff --git a/theming/light.scss b/theming/light.scss
index 20b804e5a..c256a390d 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -9,10 +9,10 @@
@import "rules/mixins";
-@import "rules/layouts";
-@import "rules/hoverables-light";
+@import "rules/layouts"; // custom spacing and layout elements
+@import "rules/hoverables-light"; // hover styling of buttons, listings
@import "rules/navbar";
-@import "rules/quarto-tweaks";
-@import "rules/svg";
+@import "rules/quarto-tweaks"; // style modifications of (mostly) quarto classes
+@import "rules/svg"; // svg on landing page
-@import "old/old-styles";
+@import "old/old-styles"; // copy of old css style sheet
diff --git a/theming/rules/_team-dark.scss b/theming/rules/_team-dark.scss
new file mode 100644
index 000000000..1322d6da9
--- /dev/null
+++ b/theming/rules/_team-dark.scss
@@ -0,0 +1,4 @@
+.team-member {
+ background-color: $color-mute-bg !important;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
+}
diff --git a/theming/variables/_borders.scss b/theming/variables/_borders.scss
index e96ef65f7..707edb024 100644
--- a/theming/variables/_borders.scss
+++ b/theming/variables/_borders.scss
@@ -3,4 +3,3 @@ $border-radius-sm: 0.5rem;
$border-width-lg: 2px;
$border-width: 1px;
$border-width-sm: 0.5px;
-$default-border-wide: $border-width solid $light-bg-offset;
diff --git a/theming/variables/_colorsdark.scss b/theming/variables/_colorsdark.scss
index 44fc3d24b..76969cab7 100644
--- a/theming/variables/_colorsdark.scss
+++ b/theming/variables/_colorsdark.scss
@@ -12,7 +12,6 @@ $color-mute-bg: $gray-800;
$body-color: white;
$body-bg: #201F24;
-$light-bg-offset: $color-secondary;
$color-fg: white;
$text-muted: $medium-grey;
From 396b2fe259c02c26dc075f81a0634f23bdbe202f Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Mon, 25 Nov 2024 08:14:14 +0100
Subject: [PATCH 11/23] more relevant links at top of page - added links to
discourse and slack to the buttons at the top of the page - moved link to
libraries page to "Learn more" section
---
index.qmd | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/index.qmd b/index.qmd
index 10f871da7..058ec7792 100644
--- a/index.qmd
+++ b/index.qmd
@@ -45,11 +45,14 @@ description: |
Tutorials
-
- Ecosystem
+
+ Slack
+
+
+ Discourse
- View on GitHub
+ GitHub
-
+
Date: Mon, 25 Nov 2024 09:28:12 +0100
Subject: [PATCH 12/23] mirror gaussians and title
---
index.qmd | 18 +++++++++---------
theming/rules/_svg.scss | 8 ++++----
2 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/index.qmd b/index.qmd
index 058ec7792..f5d37e7ca 100644
--- a/index.qmd
+++ b/index.qmd
@@ -24,17 +24,17 @@ description: |
```{=html}
diff --git a/theming/rules/_svg.scss b/theming/rules/_svg.scss
index 613d66735..7d1653b17 100644
--- a/theming/rules/_svg.scss
+++ b/theming/rules/_svg.scss
@@ -43,13 +43,13 @@ svg {
.upperContent {
width: 88%;
text-align: end;
- padding-top: 7%;
- padding-right: 10%;
+ padding-top: 5.5%;
+ padding-right: 45%;
position: absolute;
z-index: 5;
opacity: 0;
- animation: fadeInText 2s forwards ease-in-out;
- animation-delay: 3s;
+ animation: fadeInText 1s forwards ease-in-out;
+ animation-delay: 0.5s;
@media screen and (max-width: 768px) {
width: 100%;
From 8c91941360d45c9a4a3f6af539b1c087b0807be2 Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Mon, 25 Nov 2024 10:16:48 +0100
Subject: [PATCH 13/23] add css for code in dark mode
---
theming/rules/_quarto-tweaks.scss | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/theming/rules/_quarto-tweaks.scss b/theming/rules/_quarto-tweaks.scss
index f95be0518..564f0bbee 100644
--- a/theming/rules/_quarto-tweaks.scss
+++ b/theming/rules/_quarto-tweaks.scss
@@ -32,5 +32,9 @@ a {
color: $link-color;
text-decoration: underline;
}
-
+}
+
+code {
+ background-color: $color-mute-bg !important;
+ color: $color-fg !important;
}
From beb1766b52691f24909933fba1728b349e1e51d5 Mon Sep 17 00:00:00 2001
From: simonsteiger
Date: Thu, 28 Nov 2024 19:14:10 +0100
Subject: [PATCH 14/23] shorten footer for better fit on mobile
---
_quarto.yml | 12 ++----------
theming/dark.scss | 1 +
2 files changed, 3 insertions(+), 10 deletions(-)
diff --git a/_quarto.yml b/_quarto.yml
index a92527a4a..c8b69f875 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -39,16 +39,8 @@ website:
page-footer:
#background: "#073c44"
left: |
- Turing is created by Hong Ge, and lovingly maintained by the core team of volunteers.
- The contents of this website are © 2018–2025 under the terms of the MIT License. - - 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 Hong Ge, and maintained by the core team.
+ © 2024 under the terms of the MIT License. back-to-top-navigation: true repo-url: https://github.com/TuringLang/turinglang.github.io/ diff --git a/theming/dark.scss b/theming/dark.scss index 97e99427c..9586f908d 100644 --- a/theming/dark.scss +++ b/theming/dark.scss @@ -20,3 +20,4 @@ $theme: "cosmo" !default; @import "rules/team-dark"; // dark mode for team page @import "old/old-styles"; // copy of old css style sheet + From 57a4285197952ff02f6f64e91ffe6d4e00993886 Mon Sep 17 00:00:00 2001 From: simonsteiger
Date: Thu, 28 Nov 2024 19:30:27 +0100
Subject: [PATCH 15/23] underline links in footer
---
_quarto.yml | 2 +-
theming/rules/_navbar.scss | 6 ++++++
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/_quarto.yml b/_quarto.yml
index c8b69f875..482eba09c 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -39,7 +39,7 @@ website:
page-footer:
#background: "#073c44"
left: |
- Turing is created by Hong Ge, and maintained by the core team.
+ Turing is created by Hong Ge, and maintained by the core team of volunteers.
© 2024 under the terms of the MIT License. back-to-top-navigation: true diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss index 3cc6cb910..39de43119 100644 --- a/theming/rules/_navbar.scss +++ b/theming/rules/_navbar.scss @@ -21,3 +21,9 @@ } } } + +.nav-footer { + a { + text-decoration: underline !important; + } +} From 30aca9277c12d89c3429b684bb9f1db56f5c3d9a Mon Sep 17 00:00:00 2001 From: simonsteiger
Date: Thu, 28 Nov 2024 19:30:38 +0100
Subject: [PATCH 16/23] responsive header size
---
index.qmd | 2 +-
theming/rules/_layouts.scss | 4 ++++
theming/rules/_mixins.scss | 2 +-
theming/rules/_svg.scss | 2 +-
4 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/index.qmd b/index.qmd
index f5d37e7ca..cdc2c21e6 100644
--- a/index.qmd
+++ b/index.qmd
@@ -24,7 +24,7 @@ description: |
```{=html}
```
+
+::: {.section-start-space}
+
+### Algorithms
+
+Placeholder text introducing this section on algorithms.
+
+| Column 1 | Column 2 | Column 3 | Column 4 |
+|----------|----------|----------|----------|
+| Entry A | Entry D | Entry G | Entry J |
+| Entry B | Entry E | Entry H | Entry K |
+| Entry C | Entry F | Entry I | Entry L |
+
+: Supported MCMC and other learning algorithms {.striped .borderless}
+
+:::
+
+::: {.section-start-space}
+
+### Bayesian Workflow
+
+Placeholder text introducing the Bayesian Workflow diagram from the ACM special issue submission.
+
+```{=html}
+
---
_quarto.yml | 2 +-
index.qmd | 23 +++++++++++------------
2 files changed, 12 insertions(+), 13 deletions(-)
diff --git a/_quarto.yml b/_quarto.yml
index 482eba09c..69a1a6e66 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -39,7 +39,7 @@ website:
page-footer:
#background: "#073c44"
left: |
- Turing is created by Hong Ge, and maintained by the core team of volunteers.
+ Turing is created by Hong Ge, and maintained by the core team of developers.
© 2024 under the terms of the MIT License. back-to-top-navigation: true diff --git a/index.qmd b/index.qmd index 767f1fc54..c048b1c9d 100644 --- a/index.qmd +++ b/index.qmd @@ -62,9 +62,9 @@ description: |
```
@@ -98,7 +98,6 @@ description: |
# Bernoulli distributions with success rate `p`
y ~ filldist(Bernoulli(p), N)
- return y
end;
```
@@ -146,7 +145,7 @@ end
Ecosystem
@@ -154,7 +153,7 @@ end
Documentation
- Discourse
+ Ecosystem
- Get support from and discuss with other users. + Learn about all the packages that are part of The Turing Organization.
From e22578622bf937b2dd82336fde666a1e9bb5f732 Mon Sep 17 00:00:00 2001 From: simonsteiger
-
Turing.jl
+Turing.jl
-
+
- The contents of this website are © 2018–2025 under the terms of the MIT License. - - 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 Hong Ge, and maintained by the core team.
+ © 2024 under the terms of the MIT License. back-to-top-navigation: true repo-url: https://github.com/TuringLang/turinglang.github.io/ diff --git a/theming/dark.scss b/theming/dark.scss index 97e99427c..9586f908d 100644 --- a/theming/dark.scss +++ b/theming/dark.scss @@ -20,3 +20,4 @@ $theme: "cosmo" !default; @import "rules/team-dark"; // dark mode for team page @import "old/old-styles"; // copy of old css style sheet + From 57a4285197952ff02f6f64e91ffe6d4e00993886 Mon Sep 17 00:00:00 2001 From: simonsteiger
+ Turing is created by Hong Ge, and maintained by the core team of volunteers.
© 2024 under the terms of the MIT License. back-to-top-navigation: true diff --git a/theming/rules/_navbar.scss b/theming/rules/_navbar.scss index 3cc6cb910..39de43119 100644 --- a/theming/rules/_navbar.scss +++ b/theming/rules/_navbar.scss @@ -21,3 +21,9 @@ } } } + +.nav-footer { + a { + text-decoration: underline !important; + } +} From 30aca9277c12d89c3429b684bb9f1db56f5c3d9a Mon Sep 17 00:00:00 2001 From: simonsteiger
-
Turing.jl
+Turing.jl
+
+
+```
+
+:::
+
+```{=html}
+
+An example of the Beeysian workflow.
+
+
+```
\ No newline at end of file
diff --git a/resources/content/inofficial_tutorials.qmd b/resources/content/inofficial_tutorials.qmd
deleted file mode 100644
index 2b2e64772..000000000
--- a/resources/content/inofficial_tutorials.qmd
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Inofficial tutorials
----
-
-TODO: Add a list of inofficial tutorials.
diff --git a/resources/content/talks.qmd b/resources/content/talks.qmd
deleted file mode 100644
index 7ebb45317..000000000
--- a/resources/content/talks.qmd
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Talks
----
-
-TODO: Add a list of inofficial talks.
From 400c7cdb79c76882195c4a92d17b4046fe35d4d4 Mon Sep 17 00:00:00 2001
From: Simon Steiger <106233551+simonsteiger@users.noreply.github.com>
Date: Thu, 5 Dec 2024 16:35:57 +0100
Subject: [PATCH 18/23] Apply suggestions from code review
Co-authored-by: Penelope Yong
+
+Talks
+Placeholder for intro text on list of talks which are available online
+-
+
- Talk 1 +
- Talk 2 +
- Talk 3 +
+
+Inofficial tutorials
+Placeholder for intro text on list of inofficial tutorials
+-
+
- Statistical Rethinking +
- Jose Storopoli's Turing workshop +
- Jose Storopoli's blog on Turing and Bayesian Statistics +
- Placeholder for more... +
+ Turing is created by Hong Ge, and maintained by the core team of developers.
© 2024 under the terms of the MIT License. back-to-top-navigation: true diff --git a/index.qmd b/index.qmd index 767f1fc54..c048b1c9d 100644 --- a/index.qmd +++ b/index.qmd @@ -62,9 +62,9 @@ description: |
- Intuitive
+ Expressive
- Turing models are easy to write and communicate — syntax is close to mathematical notations.
+ Turing models are easy to write and communicate — their syntax closely resembles mathematical notation.
@@ -74,9 +74,9 @@ description: |
- Modular & composable
+ Composable
- Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
+ Turing is written entirely in Julia, and is interoperable with its powerful ecosystem.
- Learn about all the packages that are part of The Turing Organization. + Learn about all the packages that are part of the TuringLang organization.
- Familiarize yourself with the Turing.jl API. + Familiarize yourself with the mechanics of Turing.jl.
@@ -162,7 +161,7 @@ end Official tutorials- Learn to tackle specific problems with Turing.jl. + Learn to tackle specific modelling problems with Turing.jl.
-
From 36e1f6b29bc1190f2a382812b4cd7f5c71101913 Mon Sep 17 00:00:00 2001
From: simonsteiger Inofficial tutorials
-Placeholder for intro text on list of inofficial tutorials
+Other resources
+This list contains a few other written resources for learning Turing. If you have written something and would like to share it with the community, please get in touch!
-
-
Date: Mon, 14 Apr 2025 14:55:41 +0530
Subject: [PATCH 20/23] _quarto.yml: comments rewritten
---
_quarto.yml | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/_quarto.yml b/_quarto.yml
index 69a1a6e66..ce1d2d3b0 100644
--- a/_quarto.yml
+++ b/_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,7 +16,7 @@ website:
type: overlay
navbar:
logo: "assets/images/turing-logo.svg"
- logo-href: https://turinglang.org/
+ # logo-href: https://turinglang.org/
left:
- text: Get Started
href: https://turinglang.org/docs/getting-started/
@@ -40,7 +40,7 @@ website:
#background: "#073c44"
left: |
Turing is created by Hong Ge, and maintained by the core team of developers.
- © 2024 under the terms of the MIT License. + © 2024 under the terms of the MIT License. back-to-top-navigation: true repo-url: https://github.com/TuringLang/turinglang.github.io/ From e8e2bf0084f37e2df02d5856867aa14101bad051 Mon Sep 17 00:00:00 2001 From: Shravan Goswami
Date: Thu, 17 Apr 2025 08:35:51 +0530
Subject: [PATCH 21/23] Turned HTML to Quarto Markdown and added _includes to
keep the main page clean
---
_includes/header.qmd | 39 +++++++++++++
index.qmd | 135 ++++++++++++++++---------------------------
2 files changed, 89 insertions(+), 85 deletions(-)
create mode 100644 _includes/header.qmd
diff --git a/_includes/header.qmd b/_includes/header.qmd
new file mode 100644
index 000000000..70e87d5b2
--- /dev/null
+++ b/_includes/header.qmd
@@ -0,0 +1,39 @@
+```{=html}
+
Date: Fri, 18 Apr 2025 13:51:47 +0530
Subject: [PATCH 22/23] moved news to _included & added News section sliding
animation
---
_includes/news.qmd | 195 +++++++++++++++++++++++++++++++++++++++++++++
index.qmd | 21 +----
2 files changed, 196 insertions(+), 20 deletions(-)
create mode 100644 _includes/news.qmd
diff --git a/_includes/news.qmd b/_includes/news.qmd
new file mode 100644
index 000000000..eacf08f61
--- /dev/null
+++ b/_includes/news.qmd
@@ -0,0 +1,195 @@
+---
+listing:
+- id: news
+ contents:
+ - "news/posts/*/index.qmd"
+ sort: date desc
+ type: grid
+ grid-columns: 3
+ categories: false
+ sort-ui: false
+ filter-ui: false
+ fields: [title, description, date, reading-time, author]
+ image-height: "200"
+---
+
+### News
+
+::: {#news}
+
+:::
+
+[See all news →](news/)
+
+
+```{=html}
+
+
+
+```
\ No newline at end of file
diff --git a/index.qmd b/index.qmd
index 9f1700882..9e183742d 100644
--- a/index.qmd
+++ b/index.qmd
@@ -3,19 +3,6 @@ toc: false
page-layout: full
section-divs: false
hide-description: true
-listing:
-- id: news
- contents:
- - "news/posts/*/index.qmd"
- sort: date desc
- type: grid
- grid-columns: 3
- categories: false
- sort-ui: false
- filter-ui: false
- fields: [title, description, date]
- max-items: 3
- image-height: "200"
description: |
Turing.jl is a probabilistic programming language and Bayesian modelling framework for the Julia programming language.
---
@@ -94,13 +81,7 @@ end
:::::
-### News {.pb-3}
-
-::: {#news}
-
-:::
-
-[See all news →](news/)
+{{< include _includes/news.qmd >}}
```{=html}
From 4933d6478db63bc1a9327117f7c71d07676fa2f7 Mon Sep 17 00:00:00 2001
From: Shravan Goswami
Turing.jl
+
+
- Turing.jl
+
+```
+
+```{=html}
Bayesian inference with probabilistic programming
diff --git a/theming/light.scss b/theming/light.scss
index c256a390d..cfd79cec9 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -16,3 +16,5 @@
@import "rules/svg"; // svg on landing page
@import "old/old-styles"; // copy of old css style sheet
+
+//
\ No newline at end of file
diff --git a/theming/rules/_svg.scss b/theming/rules/_svg.scss
index d29d9356c..715ed178e 100644
--- a/theming/rules/_svg.scss
+++ b/theming/rules/_svg.scss
@@ -40,7 +40,7 @@ svg {
animation-delay: 1s;
}
-.upperContent {
+.upper-content {
width: 88%;
text-align: end;
padding-top: 7%;
@@ -59,7 +59,7 @@ svg {
}
}
-.upperContent > h1 {
+.upper-content > h1 {
font-size: 5rem;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
@@ -68,19 +68,12 @@ svg {
}
}
-.upperContent > p {
+.upper-content > p {
font-size: 25px;
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
margin-top: 5%;
}
-.upperContent > h1,
-
-.upperContent > p {
- margin: 0;
- padding: 0;
-}
-
@keyframes fadeInText {
to {
opacity: 1;
From cd61adb78cc15a6018e2912966d48fb7b18ea0fb Mon Sep 17 00:00:00 2001
From: Shravan Goswami - © 2024 under the terms of the MIT License. + © 2024 under the terms of the MIT License. back-to-top-navigation: true repo-url: https://github.com/TuringLang/turinglang.github.io/ From e8e2bf0084f37e2df02d5856867aa14101bad051 Mon Sep 17 00:00:00 2001 From: Shravan Goswami
+
+```
+
+```{=html}
+
+ Bayesian inference with probabilistic programming
+
+
+
+ Turing.jl
+
+
+
+
+
+
+```
\ No newline at end of file
diff --git a/index.qmd b/index.qmd
index 40a7a5b17..9f1700882 100644
--- a/index.qmd
+++ b/index.qmd
@@ -20,77 +20,39 @@ description: |
Turing.jl is a probabilistic programming language and Bayesian modelling framework for the Julia programming language.
---
-```{=html}
-
-
-```
+{{< include _includes/header.qmd >}}
-```{=html}
-
- Bayesian inference with probabilistic programming
-
-
-
- Turing.jl
-
-
-
-
-
-
-```
+::::: {.d-flex .flex-row .flex-wrap .panel-wrapper .gap-4 .section-end-space}
-```{=html}
-
-
-```
+::: {.panel}
+##### Expressive {.panel-title .pb-1}
+Turing models are easy to write and communicate — their syntax closely resembles mathematical notation.
+:::
-
-
-
- Expressive
-
- Turing models are easy to write and communicate — their syntax closely resembles mathematical notation.
-
-
-
- General-purpose
-
- Turing supports models with discrete parameters and stochastic control flow.
-
-
-
- Composable
-
- Turing is written entirely in Julia, and is interoperable with its powerful ecosystem.
-
-
-
-
-
- Hello, World in Turing
-
- Some text about how easy it is to [get going](https://turinglang.org/docs/tutorials/00-introduction/).
-
+::: {.panel}
+##### General-purpose {.panel-title .pb-1}
+Turing supports models with discrete parameters and stochastic control flow.
+:::
+
+::: {.panel}
+##### Composable {.panel-title .pb-1}
+Turing is written entirely in Julia, and is interoperable with its powerful ecosystem.
+:::
+
+:::::
+
+
+::::: {.d-flex .flex-row .flex-wrap .panel-wrapper .gap-3 .pb-2}
+
+::: {.example-text style="text-align:right;padding:0.5rem;"}
+
+
-Hello, World in Turing
+
+Some text about how easy it is to [get going](https://turinglang.org/docs/tutorials/00-introduction/).
+
+:::
+
+::: {.example-code}
```julia
@model function coinflip(; N::Int)
# Prior belief about the probability of heads
@@ -102,16 +64,21 @@ description: |
end;
```
-
-
+:::
+
+:::::
+
+### News {.pb-3}
-```{=html}
-
-
-
- Goodbye, World in Turing
-
- Some text about how easy it is to interface with external packages like AbstractGPs. Learn more about modelling [Gaussian Processes](https://turinglang.org/docs/tutorials/15-gaussian-processes/) with Turing.jl.
-
+:::
+
+:::::
+
+::::: {.d-flex .flex-row-reverse .flex-wrap .panel-wrapper .gap-3 .pt-2 .section-end-space}
+
+::: {.example-text style="padding:0.5rem;"}
+
+
-Goodbye, World in Turing
+
+Some text about how easy it is to interface with external packages like AbstractGPs. Learn more about modelling [Gaussian Processes](https://turinglang.org/docs/tutorials/15-gaussian-processes/) with Turing.jl.
+
+:::
+
+::: {.example-code}
```julia
@model function putting_model(d, n; jitter=1e-4)
v ~ Gamma(2, 1)
@@ -123,14 +90,12 @@ end;
return (fx=f(d, jitter), f_latent=f_latent, y=y)
end
```
-