Skip to content

Commit 9f71dc3

Browse files
simonsteigershravanngoswamii
simonsteiger
authored and
shravanngoswamii
committed
Improved colours (#4)
* improve colors * better link hover color
1 parent c9897ce commit 9f71dc3

14 files changed

+127
-221
lines changed

‎index.qmd

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -44,19 +44,19 @@ description: |
4444
</div>
4545
<div class="d-flex flex-row flex-wrap panel-wrapper gap-4 section-end-space">
4646
<div class="panel">
47-
<div class="panel-title">
47+
<div class="panel-title pb-1">
4848
Intuitive
4949
</div>
5050
Turing models are easy to write and communicate — syntax is close to mathematical notations.
5151
</div>
5252
<div class="panel">
53-
<div class="panel-title">
53+
<div class="panel-title pb-1">
5454
General-purpose
5555
</div>
5656
Turing supports models with discrete parameters and stochastic control flow.
5757
</div>
5858
<div class="panel">
59-
<div class="panel-title">
59+
<div class="panel-title pb-1">
6060
Modular & composable
6161
</div>
6262
Turing is modular, written entirely in Julia, and is interoperable with the powerful Julia ecosystem.
@@ -109,9 +109,9 @@ end
109109
</div>
110110

111111
```{=html}
112-
<div class="pb-3 fs-2 fw-bold">
112+
<h3 class="pb-3">
113113
News
114-
</div>
114+
</h3>
115115
```
116116
::: {#news}
117117

@@ -120,57 +120,57 @@ end
120120
[See all news &rarr;](news/)
121121

122122
```{=html}
123-
<div class="section-start-space pb-3 fs-2 fw-bold">
123+
<h3 class="pb-3 section-start-space">
124124
Learn more
125-
</div>
125+
</h3>
126126
<div class="list grid quarto-listing-cols-3">
127127
<a class="pseudolisting" href="https://discourse.julialang.org/c/domain/probprog/48">
128128
<div class="card-title h5">
129129
Discourse
130130
</div>
131-
<div class="card-text quarto-grid-item">
131+
<p class="quarto-grid-item">
132132
Get support from and discuss with other users.
133-
</div>
133+
</p>
134134
</a>
135135
<a class="pseudolisting" href="https://turinglang.org/docs/tutorials/docs-00-getting-started/">
136136
<div class="card-title h5">
137137
Documentation
138138
</div>
139-
<div class="card-text quarto-grid-item">
139+
<p class="quarto-grid-item">
140140
Familiarize yourself with the Turing.jl API.
141-
</div>
141+
</p>
142142
</a>
143143
<a class="pseudolisting" href="https://turinglang.org/docs/tutorials/00-introduction/">
144144
<div class="card-title h5">
145145
Official tutorials
146146
</div>
147-
<div class="card-text quarto-grid-item">
147+
<p class="quarto-grid-item">
148148
Learn to tackle specific problems with Turing.jl.
149-
</div>
149+
</p>
150150
</a>
151151
<a class="pseudolisting" href="resources/content/inofficial_tutorials.qmd">
152152
<div class="card-title h5">
153153
Inofficial tutorials
154154
</div>
155-
<div class="card-text quarto-grid-item">
155+
<p class="quarto-grid-item">
156156
A list of inofficial tutorials using Turing.jl.
157-
</div>
157+
</p>
158158
</a>
159159
<a class="pseudolisting" href="resources/content/talks.qmd">
160160
<div class="card-title h5">
161161
Talks
162162
</div>
163-
<div class="card-text quarto-grid-item">
163+
<p class="quarto-grid-item">
164164
A list of talks on the Turing.jl ecosystem.
165-
</div>
165+
</p>
166166
</a>
167167
<a class="pseudolisting" href="">
168168
<div class="card-title h5">
169169
Workshop
170170
</div>
171-
<div class="card-text quarto-grid-item">
171+
<p class="quarto-grid-item">
172172
Placeholder for Turing-Workshop repo link.
173-
</div>
173+
</p>
174174
</a>
175175
</div>
176176
```

‎theming/dark.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,8 @@ $theme: "cosmo" !default;
1414

1515
@import "rules/layouts";
1616
@import "rules/hoverables-dark";
17-
@import "rules/panels";
1817
@import "rules/navbar";
19-
@import "rules/codeblocks";
18+
@import "rules/quarto-tweaks";
2019

2120
@import "old/old-styles";
2221

23-
//

‎theming/light.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@
1111

1212
@import "rules/layouts";
1313
@import "rules/hoverables-light";
14-
@import "rules/panels";
1514
@import "rules/navbar";
16-
@import "rules/codeblocks";
15+
@import "rules/quarto-tweaks";
1716

1817
@import "old/old-styles";
1918

19+
//

‎theming/rules/_codeblocks.scss

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎theming/rules/_hoverables-dark.scss

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
1-
$hover-border: lighten($color-secondary, 5%);
2-
31
.button {
4-
@include button($hover-border)
2+
@include button($border-hover);
53
}
64

75
.card {
8-
@include card($hover-border)
6+
@include card($border-hover);
7+
8+
.card-text {
9+
color: $text-muted;
10+
}
911
}
1012

1113
.example-code {

‎theming/rules/_hoverables-light.scss

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
$hover-border: darken($color-secondary, 15%);
2-
31
.button {
4-
@include button($hover-border)
2+
@include button($border-hover)
53
}
64

75
.card {
8-
@include card($hover-border)
6+
@include card($border-hover)
97
}
108

119
.example-code {

‎theming/rules/_layouts.scss

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,3 +9,34 @@
99
.section-start-space {
1010
padding-top: $large-y-space;
1111
}
12+
13+
.panel {
14+
border-radius: $border-radius-sm;
15+
padding: 1rem 1.25rem;
16+
min-height: 150px;
17+
min-width: 300px;
18+
max-width: 31%;
19+
20+
color: $text-muted !important;
21+
background-color: $color-mute-bg !important;
22+
border: solid $color-mute-bg 0px !important;
23+
24+
.panel-title {
25+
color: $color-fg !important;
26+
font-size: x-large;
27+
font-weight: 700;
28+
}
29+
30+
&--nopad {
31+
@extend .panel;
32+
padding: 0rem;
33+
}
34+
}
35+
36+
.panel-wrapper {
37+
justify-content: space-between;
38+
39+
@media screen and (max-width: 992px) {
40+
justify-content: center;
41+
}
42+
}

‎theming/rules/_mixins.scss

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,6 @@
2020
font-weight: 700;
2121
}
2222

23-
.card-text {
24-
color: $text-muted !important;
25-
}
26-
2723
&:hover {
2824
background-color: $color-highlight !important;
2925
border-color: $hover-border !important;
@@ -40,6 +36,7 @@
4036
&:hover {
4137
background-color: $color-mute-bg !important;
4238
border-color: $color-mute-bg !important;
39+
text-decoration: none;
4340
}
4441
}
4542

‎theming/rules/_navbar.scss

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,15 @@
33
color: $text-muted;
44

55
a:hover {
6-
text-decoration: none;
6+
text-decoration: none !important;
7+
}
8+
9+
.nav-link:hover {
10+
color: $link-color !important;
11+
}
12+
13+
.navbar-brand:hover {
14+
color: $link-color !important;
15+
transition: color 0.15s ease-in-out !important;
716
}
817
}

‎theming/rules/_panels.scss

Lines changed: 0 additions & 31 deletions
This file was deleted.

‎theming/rules/_quarto-tweaks.scss

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
.sourceCode {
2+
background-color: $color-mute-bg !important;
3+
border-color: $color-mute-bg !important;
4+
border-radius: $border-radius-sm !important;
5+
6+
pre {
7+
padding: 0.5rem !important;
8+
}
9+
}
10+
11+
.quarto-title-banner {
12+
background-color: $body-bg !important;
13+
14+
.title {
15+
color: $color-fg !important;
16+
}
17+
}
18+
19+
.listing-description {
20+
.no-external {
21+
color: $text-muted !important;
22+
}
23+
}
24+
25+
.input-group-text {
26+
background-color: $color-mute-bg !important;
27+
}
28+
29+
a {
30+
text-decoration: none;
31+
&:hover {
32+
color: $link-color;
33+
text-decoration: underline;
34+
}
35+
36+
}

0 commit comments

Comments
 (0)