CHANGE card display, CHANGE Link List, ADD Custom Bullet Points

assets/scss/footer.scss

@@ -42,6 +42,10 @@
     color: inherit;
 }
 
+.link:before {
+    content: none;
+}
+
 .copyright {
     margin-top: 2rem;
     width: 100%;

assets/scss/header.scss

@@ -21,6 +21,11 @@
     margin: auto;
 }
 
+.header-blocker {
+    width: 100%;
+    min-height: 4rem;
+}
+
 .sticky {
     position: fixed;
     top: 0;

assets/scss/index.scss

@@ -45,6 +45,28 @@ a {
     color: {{ .Site.Params.color.secondary }};
 }
 
+{{ if .Site.Params.list.image }}
+
+    ul {
+        list-style: none;
+        padding-left: 1rem;
+    }
+
+    ul li {
+        display: flex;
+    }
+
+    ul li:before {
+        content: url({{ .Site.Params.list.image }});
+        display: inline-block;
+        width: 21px;
+        height: 21px;
+        margin-right: 10px;
+        flex-shrink: 0;
+    }
+
+{{ end }}
+
 button {
     font-family: inherit;
     font-size: 100%;
@@ -381,6 +403,7 @@ button {
 .mediumCard {
     display: flex;
     flex-direction: column;
+    flex: 1 1 300px;
     border-radius: 5px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     max-width: 350px;
@@ -399,14 +422,24 @@ button {
     margin: 5px;
     justify-content: center;
 }
+
+.cardContent {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+}
+
 .cardImage {
     display: flex;
     width: 100%;
     height: 150px;
     border-radius: 5px 5px 0px 0px;
     object-fit: cover;
-    flex-shrink: 0;
-    flex-grow: 1;
+}
+
+.noCover {
+    object-fit: unset !important;
 }
 
 .cardIcon {
@@ -429,8 +462,6 @@ button {
     padding: 6px;
     padding-top: 0px;
     word-wrap: break-word;
-    //white-space: -moz-pre-wrap;
-    //white-space: pre-wrap;
     height: 100%;
 }
 
@@ -453,6 +484,15 @@ button {
     object-fit: cover;
 }
 
+.image-copyright {
+    width: 100%;
+    max-width: 1152px;
+    align-self: center;
+    padding-right: 1.5rem;
+    padding-left: 1.5rem;
+    font-size: small;
+}
+
 .more-button {
     padding-top: 1rem;
     text-align: center;