footer update (social and CC icons)

hagstofan · Jan 14, 2025 · f20d61d · f20d61d
1 parent d9acb01
commit f20d61d
Show file tree

Hide file tree

Showing 7 changed files with 121 additions and 9 deletions.
diff --git a/_includes/footer-en.html b/_includes/footer-en.html
@@ -31,19 +31,27 @@
                       <a href="https://facebook.com/hagstofan">
                         <i class="picon-facebook"></i>
                       </a>
-                      <a href="https://twitter.com/hagstofan">
+                      <a href="https://x.com/staticeland">
                         <i class="picon-twitter"></i>
                       </a>
-                      <a href="https://www.linkedin.com/company/hagstofa-islands">
+                      <a href="https://www.instagram.com/hagstofan">
+                        <i class="picon-instagram"></i>
+                      </a>
+                      <a href="https://www.linkedin.com/company/hagstofan">
                         <i class="picon-linkedin"></i>
                       </a>
                       <a href="https://www.youtube.com/@hagstofaislands2013">
                         <i class="picon-youtube"></i>
                       </a>
+                      <a href="#">
+                        <i class="picon-rss"></i>
+                      </a>
                     </div>
 
-                    <a class="link-button" href="https://hagstofa.is/utgafur/frettasafn/frettaaskrift/">
-                        <i class="picon-frettaaskrift"></i>News subscription
+                    <a id="footer-creative-commons" href="https://statice.is/publications/open-data-access/">
+                      <i class="picon-cc"></i>
+                      <i class="picon-by"></i>
+                      <i>Open data access</i>
                     </a>
                 </div>
                 <div class="col-md-8">

diff --git a/_includes/footer-is.html b/_includes/footer-is.html
@@ -31,19 +31,27 @@
                       <a href="https://facebook.com/hagstofan">
                         <i class="picon-facebook"></i>
                       </a>
-                      <a href="https://twitter.com/hagstofan">
+                      <a href="https://x.com/hagstofan">
                         <i class="picon-twitter"></i>
                       </a>
+                      <a href="https://www.instagram.com/hagstofan">
+                        <i class="picon-instagram"></i>
+                      </a>
                       <a href="https://www.linkedin.com/company/hagstofa-islands">
                         <i class="picon-linkedin"></i>
                       </a>
                       <a href="https://www.youtube.com/@hagstofaislands2013">
                         <i class="picon-youtube"></i>
                       </a>
+                      <a href="#">
+                        <i class="picon-rss"></i>
+                      </a>
                     </div>
 
-                    <a class="link-button" href="https://hagstofa.is/utgafur/frettasafn/frettaaskrift/">
-                        <i class="picon-frettaaskrift"></i>Fréttaáskrift
+                    <a id="footer-creative-commons" href="https://hagstofa.is/utgafur/opid-gagnaadgengi/">
+                      <i class="picon-cc"></i>
+                      <i class="picon-by"></i>
+                      <i>Opið gagnaaðgengi</i>
                     </a>
                 </div>
                 <div class="col-md-8">

diff --git a/_sass/custom.scss b/_sass/custom.scss
@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'icomoon';
-  src: url('https://hagstofas3bucket.hagstofa.is/haxdev/static/fonts/icomoon.eot?aqhxaf');
-  src: url('https://hagstofas3bucket.hagstofa.is/haxdev/static/fonts/icomoon.eot?aqhxaf#iefix') format('embedded-opentype'), url('https://hagstofas3bucket.hagstofa.is/haxdev/static/fonts/icomoon.ttf?aqhxaf') format('truetype'), url('https://hagstofas3bucket.hagstofa.is/haxdev/static/fonts/icomoon.woff?aqhxaf') format('woff'), url('https://hagstofas3bucket.hagstofa.is/haxdev/static/fonts/icomoon.svg?aqhxaf#icomoon') format('svg');
+  src: url('/assets/fonts/icomoon.eot');
+  src: url('/assets/fonts/icomoon.eot') format('embedded-opentype'), url('/assets/fonts/icomoon.ttf') format('truetype'), url('/assets/fonts/icomoon.woff') format('woff'), url('/assets/fonts/icomoon.svg') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -62,6 +62,22 @@
   content: "\e90e";
 }
 
+.picon-instagram::before {
+  content: "\e930";
+}
+
+.picon-rss::before {
+  content: "\e931";
+}
+
+.picon-cc::before {
+  content: "\e92d";
+}
+
+.picon-by::before {
+  content: "\e92c";
+}
+
 body {
   background: none !important;
   padding-top: 0 !important;
@@ -320,6 +336,27 @@ footer.hagstofa {
       max-width: 100%;
     }
   }
+
+  #footer-creative-commons {
+    text-decoration: none;
+    vertical-align: middle;
+    display: inline-block;
+
+    i {
+      color: #00C9FF;
+      font-size: 30px;
+      float: left;
+      padding-right: 5px;
+
+      &:last-child {
+        padding-left: 12px;
+        padding-top: 3px;
+        font-size: 17px;
+        font-style: normal;
+        color: #C1DBE1;
+      }
+    }
+  }
 }
 
 #main-text {

diff --git a/assets/fonts/icomoon.eot b/assets/fonts/icomoon.eot