INFRA: ignore fonts url, small style changes and add comments (pyOpenSci#107)

Author: lwasser

.github/workflows/build-site.yml

@@ -36,3 +36,5 @@ jobs:
         uses: chabad360/htmlproofer@master
         with:
           directory: '_site'
+          arguments: |
+            --ignore-urls "https://fonts.googleapis.com,https://fonts.gstatic.com"

_config.yml

@@ -29,7 +29,14 @@ masthead_title           : # overrides the website title displayed in the masthe
 # breadcrumbs            : false # true, false (default)
 words_per_minute         : 200
 comments:
-  provider               : # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "custom"
+  provider: "giscus"
+  giscus:
+    repo_id              : "MDEwOlJlcG9zaXRvcnkxNzQ0MTI4MDk="
+    category_name        : "website-comments"
+    category_id          : "DIC_kwDOCmVUCc4CSE-o"
+    discussion_term      : "pathname"
+    reactions_enabled    : "1" # '1' for enabled (default), '0' for disabled
+    theme                : "light"
   disqus:
     shortname            : # https://help.disqus.com/customer/portal/articles/466208-what-s-a-shortname-
   discourse:
@@ -207,7 +214,7 @@ kramdown:
   auto_ids: true
   footnote_nr: 1
   entity_output: as_char
-  toc_levels: 1..6
+  toc_levels: 1..3
   smart_quotes: lsquo,rsquo,ldquo,rdquo
   enable_coderay: false
 
@@ -295,7 +302,7 @@ defaults:
     values:
       layout: single
       author_profile: true
-      comments: # true
+      comments: true
       share: true
       related: true
       toc: true

assets/css/main.scss

@@ -30,10 +30,10 @@ $caption-font-family: $serif !default;
 
 /* type scale */
 $type-size-1: 2.441em !default; // ~39.056px h1
-$type-size-2: 1.5em !default; // ~31.248px h2 ...
-$type-size-3: 1.563em !default; // ~25.008px
+$type-size-2: 1.9em !default; // ~31.248px h2 ...
+$type-size-3: 1.563em !default; // ~25.008px h3
 $type-size-4: 1.85em !default; // ~20px
-$type-size-5: 1em !default; // ~16px
+$type-size-5: .9em !default; // ~16px body?
 $type-size-6: 0.75em !default; // ~12px
 $type-size-7: 0.6875em !default; // ~11px
 $type-size-8: 0.625em !default; // ~10px
@@ -53,13 +53,35 @@ h6, .archive__item-title {
 
 h2 {
   font-size: $type-size-2!important;
+  color: #314d68; //make this a header color
+}
+
+h3 {
+  font-size: $type-size-3!important;
 }
 
 .archive__item-title {
   font-family: $header-font-family!important;
+  font-size: .9em !important;
+}
+
+body {
+  //font-size:90%
 }
 
-body {font-size:90%}
+.page__content p, .page__content li {
+  font-size: $type-size-5!important;
+}
+
+// Sidebar author with circle font and header font adjustment
+.sidebar .author__name {
+  font-family: $header-font!important;
+  font-size: .9em;
+}
+
+.page__lead {
+  font-size: 1em!important;
+}
 
 
 // styles for the grid of people 
@@ -274,8 +296,22 @@ h2.clearall {
     max-width: 66.66667%;
 }
 
-/* Adding a 3 col grid */
-
+/* TWITTER */
+
+.twitter-tweet {
+  border: 1px solid #ccc;
+  border-radius: .5em;
+  padding: 1.2em;
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+  background-color: #e2ecf3;
+  font-weight: 600;
+  font-style: normal;
+  font-size: .9em;
+  color: #555;
+  filter: drop-shadow(5px 5px 4px #ccc);
+}
 
 
 @charset "utf-8";