add CC BY 4.0 license on footer

GoCon · May 11, 2024 · af6fb68 · af6fb68
1 parent 2dc88a2
commit af6fb68
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src/components/Footer/index.astro b/src/components/Footer/index.astro
@@ -46,6 +46,27 @@ import { concatWithBase } from "@utils/concatWithBase";
         alt="X/Twitter"
       /> #gocon
     </a>
+    <p class="cc">
+      <a
+        property="dct:title"
+        rel="cc:attributionURL"
+        href="https://gocon.jp/2024">Go Conference 2024 Website</a
+      > is licensed under <a
+        href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1"
+        target="_blank"
+        rel="license noopener noreferrer"
+        style="display:inline-block;"
+        >CC BY 4.0<img
+          style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+          src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"
+          alt=""
+        /><img
+          style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+          src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"
+          alt=""
+        /></a
+      >
+    </p>
     <div class="credit">
       <p>Go Conference</p>
       <small>
@@ -114,6 +135,7 @@ import { concatWithBase } from "@utils/concatWithBase";
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
+    align-items: center;
     padding: 16px 32px;
 
     @media screen and (max-width: 768px) {
@@ -123,6 +145,15 @@ import { concatWithBase } from "@utils/concatWithBase";
     }
   }
 
+  .cc {
+    display: block;
+    color: #666;
+
+    @media screen and (max-width: 768px) {
+      order: 3;
+    }
+  }
+
   .credit {
     display: flex;
     flex-direction: column;