new fonts added working across website

redocly.yaml

@@ -56,7 +56,7 @@ scripts:
   head:
     - src: https://cmp.osano.com/AzyjT6TIZMlgyLyy8/f11f7772-8ed5-4b73-bd17-c0814edcc440/osano.js
     - src: ./static/js/xrpl-2.11.0.min.js
-    - src: ./static/vendor/jquery-3.7.1.min.js
+    # - src: ./static/vendor/jquery-3.7.1.min.js
     - src: ./static/vendor/bootstrap.min.js
     - src: ./static/js/osano.js
       type: text/javascript

shared/components/project-cards.tsx

@@ -26,7 +26,7 @@ const ProjectCard = ({ project, index, showCarousel = true }: {
 
   return (
     <a
-      className={`col card float-up-on-hover ${
+      className={`col card float-up-on-hover text-decoration-none ${
         showCarousel 
           ? (index % 2 === 0 ? "even" : "odd") 
           : `payments-project-card ${index % 2 === 0 ? "odd" : "even"}`

styles/_cards.scss

@@ -1,4 +1,5 @@
 .card, .cta-card, .q-wrapper {
+  position: relative;
   @include media-breakpoint-up(lg) {
     box-shadow: $dropdown-box-shadow;
   }
@@ -168,6 +169,7 @@ a.card:hover h3 {
   .card {
     flex-grow: 0;
     flex-basis: 100%;
+    padding: 0;
     margin: 0 $card-deck-margin (4 * $card-deck-margin) $card-deck-margin;
     background-position: bottom;
     background-repeat: no-repeat;

styles/_font-face.scss

@@ -1,93 +1,145 @@
-// Font face stuff from Google
+// Booton Font Family (Sans-serif)
 @font-face {
-  font-family: 'Space Mono';
+  font-family: 'Booton';
   font-style: normal;
-  font-weight: 400;
-  font-display: auto;
-  src: local('Space Mono'), local('SpaceMono-Regular'), url("../font/SpaceMono-Regular.woff2") format('woff2'), url(https://fonts.gstatic.com/s/spacemono/v4/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: 'Space Mono';
-  font-style: normal;
-  font-weight: 700;
-  font-display: auto;
-  src: local('Space Mono Bold'), local('SpaceMono-Bold'), url("../font/SpaceMono-Bold.woff2") format('woff2'), url(https://fonts.gstatic.com/s/spacemono/v4/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  font-weight: 100;
+  font-display: swap;
+  src: url("../font/Booton-Thin.woff2") format('woff2'),
+       url("../font/Booton-Thin.woff") format('woff');
 }
 
-
-/* latin-ext */
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'Booton';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("../font/Booton-Extralight.woff2") format('woff2'),
+       url("../font/Booton-Extralight.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Booton';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("../font/Booton-Light.woff2") format('woff2'),
+       url("../font/Booton-Light.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Booton';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: local('Work Sans'), url("../font/WorkSans-Regular.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJpp_c.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Work Sans'), url("../font/WorkSans-Regular.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("../font/Booton-Regular.woff2") format('woff2'),
+       url("../font/Booton-Regular.woff") format('woff');
 }
 
-/* latin-ext */
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'Booton';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url("../font/WorkSans-Medium.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBiEJpp_c.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  src: url("../font/Booton-Medium.woff2") format('woff2'),
+       url("../font/Booton-Medium.woff") format('woff');
 }
-/* latin */
+
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'Booton';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("../font/Booton-Semibold.woff2") format('woff2'),
+       url("../font/Booton-Semibold.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Booton';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../font/Booton-Bold.woff2") format('woff2'),
+       url("../font/Booton-Bold.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Booton';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("../font/Booton-Heavy.woff2") format('woff2'),
+       url("../font/Booton-Heavy.woff") format('woff');
+}
+
+// Tobias Font Family (Monospace)
+@font-face {
+  font-family: 'Tobias';
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("../font/Tobias-Thin.woff2") format('woff2'),
+       url("../font/Tobias-Thin.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Tobias';
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("../font/Tobias-Light.woff2") format('woff2'),
+       url("../font/Tobias-Light.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Tobias';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("../font/Tobias-Light.woff2") format('woff2'),
+       url("../font/Tobias-Light.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Tobias';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../font/Tobias-Regular.woff2") format('woff2'),
+       url("../font/Tobias-Regular.woff") format('woff');
+}
+
+@font-face {
+  font-family: 'Tobias';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url("../font/WorkSans-Medium.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jpg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("../font/Tobias-Medium.woff2") format('woff2'),
+       url("../font/Tobias-Medium.woff") format('woff');
 }
 
-/* latin-ext */
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'Tobias';
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url("../font/WorkSans-SemiBold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBiEJpp_c.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  src: url("../font/Tobias-SemiBold.woff2") format('woff2'),
+       url("../font/Tobias-SemiBold.woff") format('woff');
 }
-/* latin */
+
 @font-face {
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("../font/WorkSans-SemiBold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jpg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Work Sans';
+  font-family: 'Tobias';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: local('Work Sans Bold'), url("../font/WorkSans-Bold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBiEJpp_c.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  src: url("../font/Tobias-Bold.woff2") format('woff2'),
+       url("../font/Tobias-Bold.woff") format('woff');
 }
-/* latin */
+
 @font-face {
-  font-family: 'Work Sans';
+  font-family: 'Tobias';
   font-style: normal;
-  font-weight: 700;
+  font-weight: 800;
   font-display: swap;
-  src: local('Work Sans Bold'), url("../font/WorkSans-Bold.ttf") format('truetype'), url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jpg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("../font/Tobias-Heavy.woff2") format('woff2'),
+       url("../font/Tobias-Heavy.woff") format('woff');
 }

styles/_top-nav.scss

@@ -526,9 +526,9 @@ $banner-height: 0; // Currently no pencil banner.
       &.submenu-expanded {
         padding-top: 0;
 
-        .dropdown:not(.show) .dropdown-toggle {
-          display: none;
-        }
+        // .dropdown:not(.show) .dropdown-toggle {
+        //   display: none;
+        // }
 
         #topnav-search,
         #topnav-language,

styles/xrpl.scss

@@ -31,8 +31,8 @@ $input-btn-line-height: 1.25;
 $input-font-size: 1rem;
 
 // @import "_font-face.scss";
-$font-family-monospace: "Space Mono", monospace;
-$font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont,
+$font-family-monospace: "Tobias", monospace;
+$font-family-sans-serif: "Booton", -apple-system, BlinkMacSystemFont,
   "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
   sans-serif;
 $base-size: 16px;