icon

css/components/landing_page.css

@@ -3,7 +3,7 @@ figure.logo--ilivesimagined {
   width: 24em;
   margin: 0 auto;
   height: 300px;
-  display:flex;
+  display: flex;
 }
 
 .page-node-type-landing-page #block-views-block-media-display-blocks-source {
@@ -19,7 +19,7 @@ article.node.node--type-landing-page h2 {
   /*height:300px;*/
 }
 .hero--wrapper {
-    background: #e1dbbf;
+  background: #e1dbbf;
 }
 .logo-wrapper {
   background: #3333335c;
@@ -27,8 +27,10 @@ article.node.node--type-landing-page h2 {
 .path-frontpage .region--content {
   margin-bottom: 0;
 }
-#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-content,
+#block-olivesimagined-views-block-front-page-featured-books-block-2
-#block-olivesimagined-views-block-front-page-featured-books-block-1 .view-content {
+  .view-content,
+#block-olivesimagined-views-block-front-page-featured-books-block-1
+  .view-content {
   /*display: none;*/
   .node__title {
     font-size: 1.1rem;
@@ -37,7 +39,6 @@ article.node.node--type-landing-page h2 {
     /*margin: 0;*/
     a {
       color: #6e563a;
-      
     }
   }
   .node__content {
@@ -79,18 +80,24 @@ article.node.node--type-landing-page h2 {
   }
 }
 /*clean up titles on lp figure block*/
-div#block-olivesimagined-views-block-front-page-featured-books-block-2 .node__title {
+div#block-olivesimagined-views-block-front-page-featured-books-block-2
-    margin: 0;
+  .node__title {
+  margin: 0;
 }
-div#block-olivesimagined-views-block-front-page-featured-books-block-2 .node__title a {
+div#block-olivesimagined-views-block-front-page-featured-books-block-2
-    line-height:1.4;
+  .node__title
+  a {
+  line-height: 1.4;
 }
-div#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-eva .views-row {
+div#block-olivesimagined-views-block-front-page-featured-books-block-2
-        padding: 0 !important;
+  .view-eva
-        margin-top:1em   
+  .views-row {
+  padding: 0 !important;
+  margin-top: 1em;
 }
 @media (min-width: 43.75rem) {
-  #block-olivesimagined-views-block-front-page-featured-books-block-1 .view-content {
+  #block-olivesimagined-views-block-front-page-featured-books-block-1
+    .view-content {
     .views-field.views-field-title {
       height: 7em;
     }
@@ -130,42 +137,56 @@ div#block-olivesimagined-views-block-front-page-featured-books-block-2 .view-eva
 }
 #block-olivesimagined-maparchiveslpblock,
 #block-olivesimagined-learnmorelpblock {
-   .block__content {
+  .block__content {
-     border: 1px solid #ccc;
+    border: 1px solid #ccc;
     img {
-        width:100%;
+      width: 100%;
     }
-   }
+  }
 }
 .card-section {
-    padding:1rem;
+  padding: 1rem;
-    img {
+  img {
-        width:100%;
+    width: 100%;
-       
+  }
-    }
+  display: flex;
-    display: flex;
+  .left {
-        .left {
+    margin-right: 3rem;
-        margin-right:3rem;
+  }
-    }
+  h4 {
-    h4 {
+    margin: 0;
-        margin:0;
+    margin-top: 1rem;
-         margin-top:1rem;
+    font-size: 1.4rem;
-        font-size:1.4rem;
+  }
-    }
+  ul {
-    ul {
+    margin: 0;
-        margin:0;
+    list-style-type: none;
-        list-style-type: none;
+    margin-left: 0.5rem;
-        margin-left:.5rem;
+  }
-    }
+  a {
-    a {
+    text-decoration: none !important;
-        text-decoration: none !important;!i;!;
+    font-size: 1.1rem;
-        font-size:1.1rem
+  }
-    }
 }
 
 .page-node-type-landing-page .node__content {
-    padding: 0;
+  padding: 0;
 }
 .page-node-type-landing-page .main-content__container {
-    padding-top:1rem;
+  padding-top: 1rem;
+}
+/*icons*/
+#block-olivesimagined-maparchiveslpblock .block__title {
+  position: relative; /* Optional: for positioning adjustments */
+  svg {
+    width: 30px;
+  }
+  &::before {
+    content: url("../../images/sextant.svg"); /* Path to your SVG file */
+    display: inline-block;
+    width: 20px; /* Adjust the size as needed */
+    height: 20px; /* Adjust the size as needed */
+    margin-right: 8px; /* Space between icon and text */
+    vertical-align: middle; /* Aligns icon with text */
+  }
 }

images/sextant.svg

@@ -1,4 +1,4 @@
-<svg width="351px" height="362px" viewBox="0 0 351 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg viewBox="0 0 351 362" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
     <title>Intercalaire3-Sextant</title>
     <desc>Created with Sketch.</desc>