hopefully improving typography

coderefinery · Nov 18, 2024 · ecb4a4b · ecb4a4b
1 parent b29c354
commit ecb4a4b
Show file tree

Hide file tree

Showing 34 changed files with 749 additions and 66 deletions.
diff --git a/content/about/partners.md b/content/about/partners.md
@@ -29,7 +29,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://scicomp.aalto.fi/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">Aalto University (Aalto Scientific Computing, ASC)</h3>
+          Aalto University (Aalto Scientific Computing, ASC)
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Finland</p>
       </div>
@@ -53,7 +53,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://www.csc.fi/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">CSC - IT Center for Science</h3>
+          CSC - IT Center for Science
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Finland</p>
       </div>
@@ -75,7 +75,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://chc.au.dk/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">Center for Humanities Computing</h3>
+          Center for Humanities Computing
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Denmark</p>
       </div>
@@ -96,7 +96,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://deic.dk/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">Danish e-Infrastructure Consortium</h3>
+          Danish e-Infrastructure Consortium
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Denmark</p>
       </div>
@@ -116,7 +116,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://enccs.se/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">EuroCC National Competence Center Sweden (ENCCS)</h3>
+          EuroCC National Competence Center Sweden (ENCCS)
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Sweden</p>
       </div>
@@ -137,7 +137,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://www.naiss.se/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">National Academic Infrastructure for Supercomputing in Sweden (NAISS)</h3>
+          National Academic Infrastructure for Supercomputing in Sweden (NAISS)
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Sweden</p>
       </div>
@@ -160,7 +160,7 @@ CodeRefinery workshops as part of their work time.
       </div>
       <div class="uk-width-expand">
         <a href="https://www.sigma2.no/" target="_blank">
-          <h3 class="uk-card-title uk-margin-remove-bottom">NRIS/Sigma2</h3>
+          NRIS/Sigma2
         </a>
         <p class="uk-text-meta uk-margin-remove-top">Norway</p>
       </div>
@@ -204,12 +204,12 @@ ASC has been involved in CodeRefinery since 2017.
 
 ### TU Delft
 
-TU Delft has provided local breakoutrooms for many core workshops. 
+TU Delft has provided local breakoutrooms for many core workshops.
 
 
 ### VU Amsterdam
 
-VU Amsterdam has provided local breakoutrooms for many core workshops. 
+VU Amsterdam has provided local breakoutrooms for many core workshops.
 
 
 ## We are supported by [Zulip](https://zulip.com/)

diff --git a/content/index/news.md b/content/index/news.md
@@ -1,17 +1,15 @@
 +++
 +++
 
-## News
-
-### Upcoming workshops and other news
+## Upcoming workshops and other news
 
 - Don't worry there will be more workshops in 2025 and you can plan them with us!
 - We have a short [slideset about CodeRefinery](@/about/presentations.md) which you can reuse in own presentations.
 - CodeRefinery stickers, patches and more: [Goodies](/about/goodies/)
 - Get weekly or monthly updates: [Newsletter](/about/newsletter/)
 
 
-### Recent workshops
+## Recent workshops
 
 - [Python for Scientific Computing (online)](https://www.aalto.fi/en/events/python-for-scientific-computing-5-7november2024) (Nov 5-7, 2024).
 - [Build Systems Course and Hackathon (online)](https://github.com/PDC-support/build-systems-course) (Oct 8-11, 2024).

diff --git a/content/navigation.yml b/content/navigation.yml
@@ -10,7 +10,7 @@ navigation:
         target: /lessons/reusing/
       - name: Other lessons we recommend
         target: /lessons/other/
-  - name: Workshops and events
+  - name: Workshops/events
     target: /workshops/
     items:
       - name: Upcoming and recent
@@ -71,5 +71,5 @@ navigation:
         target: /about/contact/
   - name: News/blog
     target: /blog/
-  - name: GitLab repository
+  - name: GitLab
     target: /repository/
diff --git a/sass/fonts.scss b/sass/fonts.scss
@@ -0,0 +1,189 @@
+// fonts obtained from https://github.com/IBM/plex
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Italic.woff2') format('woff2');
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Bold.woff2') format('woff2');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-BoldItalic.woff2') format('woff2');
+    font-weight: 700;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-ExtraLightItalic.woff2') format('woff2');
+    font-weight: 200;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Light.woff2') format('woff2');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-LightItalic.woff2') format('woff2');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-MediumItalic.woff2') format('woff2');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Text.woff2') format('woff2');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-TextItalic.woff2') format('woff2');
+    font-weight: 800;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-Thin.woff2') format('woff2');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Sans';
+    src: url('fonts/IBMPlexSans-ThinItalic.woff2') format('woff2');
+    font-weight: 100;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'IBM Plex Mono';
+    src: url('fonts/IBMPlexMono-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'IBM Plex Mono';
+    src: url('fonts/IBMPlexMono-Bold.woff2') format('woff2');
+    font-weight: 700;
+    font-style: normal;
+}
+
+body {
+    font-family: 'IBM Plex Sans', sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'IBM Plex Sans';
+    font-weight: 600;
+}
+
+em {
+    font-family: 'IBM Plex Sans';
+    font-style: italic;
+}
+
+.uk-nav>li>a {
+    font-family: 'IBM Plex Sans', sans-serif;
+    font-weight: 500;
+}
+
+.uk-navbar-nav>li>a {
+    font-family: 'IBM Plex Sans', sans-serif;
+    font-weight: 500;
+}
+
+pre code {
+    font-family: 'IBM Plex Mono', monospace;
+}
+
+code {
+    font-family: 'IBM Plex Mono', monospace;
+}
+
+/* set the base font size for the root element (rem) */
+html {
+    font-size: 16px;
+}
+
+body {
+    font-size: 1.0rem;
+}
+
+.uk-article-title {
+    font-size: 1.8rem;
+}
+
+h1 {
+    font-size: 1.8rem;
+    color: #700070;
+}
+
+h2 {
+    font-size: 1.0rem;
+    color: #700070;
+}
+
+h3 {
+    font-size: 1.0rem;
+    color: #700070;
+}
+
+p {
+    font-size: 1.0rem;
+}
diff --git a/sass/style.scss b/sass/style.scss
@@ -16,38 +16,16 @@ $table-header-cell-color: #666666;
 @import "../uikit/src/scss/mixins-theme.scss";
 @import "../uikit/src/scss/uikit-theme.scss";
 
-// Roboto is licensed under Apache License, Version 2.0
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(Roboto.ttf) format('truetype');
-}
-
-* {
-    font-family: 'Roboto', sans-serif;
-}
-
 .markdown ul {
     @extend .uk-list;
     @extend .uk-list-square;
 
 }
 
-$heading-color: #404040;
-
-.markdown h1 {
-    @extend .uk-h2;
-    color: $heading-color;
-}
-
-.markdown h2 {
-    @extend .uk-h3;
-    color: $heading-color;
+.site-footer a {
+    color: #909090;
 }
 
-.markdown h3 {
-    @extend .uk-h4;
-    color: $heading-color;
-}
+.no-break {
+    break-inside: avoid;
+}
diff --git a/static/Roboto.ttf b/static/Roboto.ttf
diff --git a/static/fonts/IBMPlexMono-Bold.woff2 b/static/fonts/IBMPlexMono-Bold.woff2
diff --git a/static/fonts/IBMPlexMono-Regular.woff2 b/static/fonts/IBMPlexMono-Regular.woff2
diff --git a/static/fonts/IBMPlexSans-Bold.woff2 b/static/fonts/IBMPlexSans-Bold.woff2
diff --git a/static/fonts/IBMPlexSans-BoldItalic.woff2 b/static/fonts/IBMPlexSans-BoldItalic.woff2
diff --git a/static/fonts/IBMPlexSans-ExtraLight.woff2 b/static/fonts/IBMPlexSans-ExtraLight.woff2
diff --git a/static/fonts/IBMPlexSans-ExtraLightItalic.woff2 b/static/fonts/IBMPlexSans-ExtraLightItalic.woff2
diff --git a/static/fonts/IBMPlexSans-Italic.woff2 b/static/fonts/IBMPlexSans-Italic.woff2
diff --git a/static/fonts/IBMPlexSans-Light.woff2 b/static/fonts/IBMPlexSans-Light.woff2
diff --git a/static/fonts/IBMPlexSans-LightItalic.woff2 b/static/fonts/IBMPlexSans-LightItalic.woff2
diff --git a/static/fonts/IBMPlexSans-Medium.woff2 b/static/fonts/IBMPlexSans-Medium.woff2
diff --git a/static/fonts/IBMPlexSans-MediumItalic.woff2 b/static/fonts/IBMPlexSans-MediumItalic.woff2
diff --git a/static/fonts/IBMPlexSans-Regular.woff2 b/static/fonts/IBMPlexSans-Regular.woff2
diff --git a/static/fonts/IBMPlexSans-SemiBold.woff2 b/static/fonts/IBMPlexSans-SemiBold.woff2
diff --git a/static/fonts/IBMPlexSans-SemiBoldItalic.woff2 b/static/fonts/IBMPlexSans-SemiBoldItalic.woff2
diff --git a/static/fonts/IBMPlexSans-Text.woff2 b/static/fonts/IBMPlexSans-Text.woff2
diff --git a/static/fonts/IBMPlexSans-TextItalic.woff2 b/static/fonts/IBMPlexSans-TextItalic.woff2
diff --git a/static/fonts/IBMPlexSans-Thin.woff2 b/static/fonts/IBMPlexSans-Thin.woff2
diff --git a/static/fonts/IBMPlexSans-ThinItalic.woff2 b/static/fonts/IBMPlexSans-ThinItalic.woff2