updated font family

DataKind-BLR · Jul 2, 2020 · ad9e563 · ad9e563
1 parent 4f062d9
commit ad9e563
Show file tree

Hide file tree

Showing 3 changed files with 107 additions and 62 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -2,6 +2,8 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
+
   {%- seo -%}
   <link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
   {%- feed_meta -%}

diff --git a/_notebooks/2020-06-20-India_test_altair.ipynb b/_notebooks/2020-06-20-India_test_altair.ipynb
@@ -1411,7 +1411,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.7.1"
+   "version": "3.6.7"
   }
  },
  "nbformat": 4,

diff --git a/_sass/minima/fastpages-styles.scss b/_sass/minima/fastpages-styles.scss
@@ -2,16 +2,16 @@
 // If you wish to override any of this CSS, do so in _sass/minima/custom-styles.css
 
 .post img {
-        display: block;
-        // border:1px solid #021a40;
-        vertical-align: top;
-        margin-left: auto;
-        margin-right: auto;
+  display: block;
+  // border:1px solid #021a40;
+  vertical-align: top;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-img.emoji{
-      display: inline !important;
-      vertical-align: baseline !important;
+img.emoji {
+  display: inline !important;
+  vertical-align: baseline !important;
 }
 
 .post figcaption {
@@ -22,71 +22,83 @@ img.emoji{
 }
 
 .page-content {
-        -webkit-font-smoothing: antialiased !important;
-        text-rendering: optimizeLegibility !important;
-        font-family: "Segoe UI", SegoeUI, Roboto, "Segoe WP", "Helvetica Neue", "Helvetica", "Tahoma", "Arial", sans-serif !important;
+  -webkit-font-smoothing: antialiased !important;
+  text-rendering: optimizeLegibility !important;
+  // font-family: "Segoe UI", SegoeUI, Roboto, "Segoe WP", "Helvetica Neue", "Helvetica", "Tahoma", "Arial", sans-serif !important;
+  font-family: 'Merriweather', serif !important;
 }
 
 // make non-headings slightly lighter
-.post-content p, .post-content li {
-   font-size: 20px;
-   color: #515151;
+.post-content p,
+.post-content li {
+  font-size: 20px;
+  color: #515151;
 }
 
-.post-link{
-    font-weight: normal;
+.post-link {
+  font-weight: normal;
 }
 
 // change padding of headings
 h1 {
-    margin-top:2.5rem !important;
+  margin-top: 2.5rem !important;
 }
 
 h2 {
-    margin-top:2rem !important;      
+  margin-top: 2rem !important;
 }
 
-h3, h4 {
-    margin-top:1.5rem !important;      
+h3,
+h4 {
+  margin-top: 1.5rem !important;
 }
 
 p {
-    margin-top:1rem !important; 
-    margin-bottom:1rem !important;   
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
 }
 
-h1, h2, h3, h4 {
-    font-weight: normal !important;
-    margin-bottom:0.5rem !important;  
-    code {
-      font-size: 100%;
-    }
+h1,
+h2,
+h3,
+h4 {
+  font-weight: normal !important;
+  margin-bottom: 0.5rem !important;
+
+  code {
+    font-size: 100%;
+  }
 }
 
 pre {
-    margin-bottom:1.5rem !important; 
+  margin-bottom: 1.5rem !important;
 }
 
 // make sure the post title doesn't have too much spacing
-.post-title { margin-top: .5rem !important; }
+.post-title {
+  margin-top: .5rem !important;
+}
 
 li {
-  h3, h4 {
-  margin-top:.05rem !important;
-  margin-bottom:.05rem !important;
+
+  h3,
+  h4 {
+    margin-top: .05rem !important;
+    margin-bottom: .05rem !important;
   }
+
   .post-meta-description {
     color: rgb(88, 88, 88);
     font-size: 15px;
-    margin-top:.05rem !important;
-    margin-bottom:.05rem !important;
+    margin-top: .05rem !important;
+    margin-bottom: .05rem !important;
   }
 }
 
 
 
 //  Code Folding
- details.description[open] summary::after {
+details.description[open] summary::after {
   content: attr(data-open);
 }
 
@@ -96,19 +108,21 @@ details.description:not([open]) summary::after {
 
 // Notebook badges
 .notebook-badge-image {
-  border:0 !important;
+  border: 0 !important;
 }
 
 // Adjust font size for footnotes.
 .footnotes {
   font-size: 12px !important;
-  p, li{
+
+  p,
+  li {
     font-size: 12px !important;
- } 
+  }
 }
 
 // Adjust with of social media icons were getting cut off
-.social-media-list{
+.social-media-list {
   .svg-icon {
     width: 25px !important;
     height: 23px !important;
@@ -144,7 +158,8 @@ h6:hover .anchor-link {
 }
 
 // Custom styling for homepage post previews
-.post-meta-title, .post-meta{
+.post-meta-title,
+.post-meta {
   margin-top: .25em !important;
   margin-bottom: .25em !important;
   font-size: 105%;
@@ -163,22 +178,43 @@ h6:hover .anchor-link {
   padding-left: 0.375em;
   opacity: 35%;
 }
+
 .category-tags-link {
-  color:rgb(187, 129, 129) !important;
+  color: rgb(187, 129, 129) !important;
   font-size: 13px !important;
 }
 
 // Search Page Styles
-.js-search-results {padding-top: 0.2rem;}
-.search-results-list-item {padding-bottom: 1rem;}
+.js-search-results {
+  padding-top: 0.2rem;
+}
+
+.search-results-list-item {
+  padding-bottom: 1rem;
+}
+
 .search-results-list-item .search-result-title {
   font-size: 16px;
   color: #d9230f;
 }
-.search-result-rel-url {color: silver;}
-.search-results-list-item a {display: block; color: #777;}
-.search-results-list-item a:hover, .search-results-list-item a:focus {text-decoration: none;}
-.search-results-list-item a:hover .search-result-title {text-decoration: underline;}
+
+.search-result-rel-url {
+  color: silver;
+}
+
+.search-results-list-item a {
+  display: block;
+  color: #777;
+}
+
+.search-results-list-item a:hover,
+.search-results-list-item a:focus {
+  text-decoration: none;
+}
+
+.search-results-list-item a:hover .search-result-title {
+  text-decoration: underline;
+}
 
 .search-result-rel-date {
   color: rgb(109, 120, 138);
@@ -188,12 +224,13 @@ h6:hover .anchor-link {
 .search-result-preview {
   color: #777;
   font-size: 16px;
-  margin-top:.02rem !important;
-  margin-bottom:.02rem !important;
+  margin-top: .02rem !important;
+  margin-bottom: .02rem !important;
 }
+
 .search-result-highlight {
   color: #2e0137;
-  font-weight:bold;
+  font-weight: bold;
 }
 
 // Handle Overflow With Table Output
@@ -203,13 +240,15 @@ table {
   overflow-x: auto;
   white-space: nowrap;
   font-size: 75%;
-  border:none;
-  th{
-    text-align: center! important;
+  border: none;
+
+  th {
+    text-align: center ! important;
   }
-  td{
-    text-overflow:ellipsis;
-    overflow:hidden;
+
+  td {
+    text-overflow: ellipsis;
+    overflow: hidden;
     max-width: 15em;
   }
 }
@@ -219,6 +258,7 @@ table {
   width: 14px;
   height: 18px;
 }
+
 ::-webkit-scrollbar-thumb {
   height: 6px;
   border: 4px solid rgba(0, 0, 0, 0);
@@ -227,32 +267,35 @@ table {
   background-color: #9D9D9D;
   -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
 }
+
 ::-webkit-scrollbar-button {
   width: 0;
   height: 0;
   display: none;
 }
+
 ::-webkit-scrollbar-corner {
   background-color: transparent;
 }
 
 // Wrap text outputs instead of horizontal scroll
 .output_text.output_execute_result {
-  pre{
+  pre {
     white-space: pre-wrap;
   }
 }
 
 
 // Handling large charts on mobile devices
 @media only screen and (max-width: 900px) {
+
   /* for mobile phone and tablet devices */
-  .output_wrapper{
+  .output_wrapper {
     overflow: scroll;
   }
 }
 
-.svg-icon.orange{
+.svg-icon.orange {
   width: 30px;
   height: 23px;
-}
+}