Regnerate CSS, update NEWS

DESCRIPTION

@@ -1,6 +1,6 @@
 Package: varnish
 Title: Front-end for The Carpentries Lesson Infrastructure
-Version: 1.0.4
+Version: 1.0.5.9000
 Authors@R: c(
     person(given = "Robert",
            family = "Davey",
@@ -44,6 +44,11 @@ Authors@R: c(
            family = "Theodorakis",
            role = c("ctb"),
            email = "[email protected]"),
+    person(given = "Olexandr",
+           family = "Konovalov",
+           role = c("ctb"),
+           email = "[email protected]",
+           comment = c(ORCID = "0000-0001-5299-3292")),
     person()
     )
 Description: This package does nothing but contain template HTML CSS and JS files.

NEWS.md

@@ -1,5 +1,31 @@
+# varnish 1.0.5.9000 ()
+
+## NEW FEATURES
+
+* Two new Sass variables (`default_font` and `mono_font`) have been created to
+  simplify the process of changing the default font and monospace font. 
+  In particular, this can be helpful for forks defining their own theme
+  (@Bisaloo #151)
+* Carpentry-specific favicons are now used automatically based on the value of
+  the `carpentry:` value in the `config.yaml` file (@Bisaloo, #152, based on a
+  report from @zkamvar in #33).
+* Addition of the `caution` callout (@MttArmstrong #149)
+* Improve CSS rendering of checklists by removing the bullet point and increasing
+  spacing between checkbox and label (reported @jq-11 #156, fixed @froggleston)
+
+
 # varnish 1.0.4 (2024-08-23)
 
+## NEW FEATURES
+
+* Two new Sass variables (`default_font` and `mono_font`) have been created to
+  simplify the process of changing the default font and monospace font. 
+  In particular, this can be helpful for forks defining their own theme
+  (@Bisaloo #151)
+* Carpentry-specific favicons are now used automatically based on the value of
+  the `carpentry:` value in the `config.yaml` file (@Bisaloo, #152, based on a
+  report from @zkamvar in #33).
+
 ## BUG FIXES
 
 * Fix dark mode figure caption bug (@astroDimitrios #145)

inst/pkgdown/templates/head.html

@@ -22,11 +22,11 @@
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
     <!-- Responsive Favicon for The Carpentries -->
-    <link rel="apple-touch-icon" sizes="180x180" href="{{#site}}{{root}}{{/site}}apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{#site}}{{root}}{{/site}}favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{#site}}{{root}}{{/site}}favicon-16x16.png">
-    <link rel="manifest" href="{{#site}}{{root}}{{/site}}site.webmanifest">
-    <link rel="mask-icon" href="{{#site}}{{root}}{{/site}}safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{#site}}{{root}}{{/site}}favicons/{{#yaml}}{{carpentry}}{{/yaml}}/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{#site}}{{root}}{{/site}}favicons/{{#yaml}}{{carpentry}}{{/yaml}}/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{#site}}{{root}}{{/site}}favicons/{{#yaml}}{{carpentry}}{{/yaml}}/favicon-16x16.png">
+    <link rel="manifest" href="{{#site}}{{root}}{{/site}}favicons/{{#yaml}}{{carpentry}}{{/yaml}}/site.webmanifest">
+    <link rel="mask-icon" href="{{#site}}{{root}}{{/site}}favicons/{{#yaml}}{{carpentry}}{{/yaml}}/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" media="(prefers-color-scheme: light)" content="white" />
     <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />

source/stylesheets/callouts.scss

@@ -149,7 +149,7 @@
   }
   .accordion-item {
     border-color: $black;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: normal;
     font-size: 1.2rem;
@@ -162,7 +162,7 @@
     }
   }
   .accordion-header {
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: normal;
     font-size: 1.2rem;
@@ -208,7 +208,7 @@
       box-shadow: #0d6efd 0px 0px 0px 4px;
     }
     &, h3 {
-      font-family: Mulish;
+      font-family: $default_font;
       font-size: 1.2rem;
       font-style: normal;
       font-weight: normal;

source/stylesheets/codeblocks.scss

@@ -9,7 +9,7 @@ div.sourceCode {
 /* ZNK: added in 2022-01-07 */
 
 pre {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;

source/stylesheets/footer.scss

@@ -1,6 +1,6 @@
 .footer {
 	margin-top: 25px;
-	font-family: Mulish;
+	font-family: $default_font;
 	font-style: normal;
 	font-weight: 300;
 	font-size: 14px;
@@ -11,4 +11,4 @@
 
 .footer p{
 	padding-left: 20px;
-}
+}

source/stylesheets/header.scss

@@ -28,7 +28,7 @@
 }
 
 .mobile-title {
-  font-family: Mulish;
+  font-family: $default_font;
   font-style: normal;
   font-weight: 800;
   font-size: 24px;
@@ -167,7 +167,7 @@
 }
 
 .lesson-title {
-  font-family: Mulish;
+  font-family: $default_font;
   font-style: normal;
   font-weight: 800;
   font-size: 24px;
@@ -359,7 +359,7 @@
 
   .lesson-title-md {
     display: block;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: 800;
     font-size: 32px;
@@ -462,7 +462,7 @@
 
   .lesson-title-md {
     display: inline-block;
-    font-family: Mulish;
+    font-family: $default_font;
     font-style: normal;
     font-weight: 800;
     font-size: 32px;

source/stylesheets/instructornotes.scss

@@ -13,7 +13,7 @@
      padding: 25px 35px;
      background: $light-gray;
      li {
-      list-style-type: inherit; 
+      list-style-type: inherit;
       margin-left: 0px;
       margin-top:10px;
       margin-bottom:20px;
@@ -31,7 +31,7 @@
       box-shadow: #0d6efd 0px 0px 0px 4px;
     }
     &, h3 {
-      font-family: Mulish;
+      font-family: $default_font;
       font-size: 16px;
       font-style: normal;
       font-weight: normal;

source/stylesheets/styles.css.scss

@@ -1,6 +1,6 @@
 @import "bootstrap/scss/bootstrap.scss";
-@import "syntax-highlighting";
 @import "variables";
+@import "syntax-highlighting";
 @import "header";
 @import "callouts";
 @import "codeblocks";
@@ -46,18 +46,18 @@
 @function font($file) {
   @return asset('fonts', $file);
 }
-/* mulish-regular - latin */
+/* mulish-regular */
 @font-face {
   font-family: 'Mulish';
   font-style: normal;
   font-weight: 400;
-  src: font('mulish-v5-latin-regular.eot'); /* IE9 Compat Modes */
+  src: font('Mulish-Regular.eot'); /* IE9 Compat Modes */
   src: local(''),
-       font('mulish-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       font('mulish-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       font('mulish-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
-       font('mulish-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       font('mulish-v5-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
+       font('Mulish-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       font('Mulish-Regular.woff2') format('woff2'), /* Super Modern Browsers */
+       font('Mulish-Regular.woff') format('woff'), /* Modern Browsers */
+       font('Mulish-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       font('Mulish-Regular.svg#Mulish') format('svg'); /* Legacy iOS */
 
 }
 
@@ -70,7 +70,7 @@
 }
 
 body {
-  font-family: 'Mulish', sans serif;
+  font-family: $default_font, sans serif;
   font-weight: $font_weight_normal;
 }
 
@@ -292,6 +292,14 @@ dt > * {
   margin-right:10px;
 }
 
+.task-list {
+  list-style-type: none !important;
+}
+
+.task-list input[type="checkbox"] {
+  margin-right: 10px !important;
+}
+
 @include media-breakpoint-up(xl) {
 
   .sidebar .accordion-button.collapsed::after {

source/stylesheets/syntax-highlighting.scss

@@ -8,7 +8,7 @@ pre .img img, pre .r-plt img {
 }
 
 code {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   color: #000;
 }
 
@@ -21,7 +21,7 @@ p > code {
 /* Links ---------------------------------------------------- */
 
 code a:any-link {
-  font-family: 'Source Code Pro', monospace;
+  font-family: $mono_font, monospace;
   border-radius: 4px;
   text-decoration: underline;
   text-decoration-color: $gray-400;

source/stylesheets/variables.scss

@@ -1,5 +1,7 @@
 $font_weight_normal: 400;
 $font_weight_bold: 800;
+$default_font: Mulish;
+$mono_font: 'Source Code Pro';
 $asset_base_path: '../assets' !default;
 
 $black: #383838;