Merge pull request #83 from openameba/feat/license

feat: ライセンス表記を追加

layouts/partials/footer.html

@@ -1,7 +1,14 @@
 <footer class="Footer">
   <div class="Container">
+    <div class="Footer__License License">
+      <p>この文書は、<a href="https://openfresh.github.io/a11y-guidelines/">FRESH! LIVE Accessibility Guidelines</a>を元に、<a href="https://www.w3.org/TR/WCAG21/">Web Content Accessibility Guidelines（WCAG）2.1</a>の内容を簡易的に翻訳し加筆修正したものである。ウェブアクセシビリティ基盤委員会（WAIC）による<a href="https://waic.jp/docs/WCAG21/">WCAG 2.1翻訳文書</a>を併せて参考にしている。</p>
+      <p>この文書は<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">クリエイティブ・コモンズ表示 4.0 国際ライセンス</a>の下に提供されている。</p>
+      <a class="License__Anchor" rel="license" href="http://creativecommons.org/licenses/by/4.0/">
+        <img alt="クリエイティブ・コモンズ・ライセンス" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
+      </a>
+    </div>
     <small class="Footer__Credit">
-      Copyright © CyberAgent, Inc. All Rights Reserved.
+      Copyright © 2017 CyberAgent, Inc. All Rights Reserved.
       <a href="https://www.cyberagent.co.jp/">
         <img src="/a11y-guidelines/img/cyberagent.png" alt="CyberAgent" width="113" height="20">
       </a>

src/styles/common/footer.css

@@ -4,12 +4,12 @@
 .Footer {
   border-top: solid 1px var(--clr-silver);
   margin-top: 30px;
-  padding: 2.4rem 0 2rem;
+  padding: 3.2rem 0;
   color: var(--clr-darkgray);
   font-size: 1rem;
 }
 
-.Footer a {
+.Footer__Credit a {
   color: inherit;
   margin-left: 16px;
   line-height: 1;
@@ -23,4 +23,5 @@
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  margin-top: 2.8rem;
 }

src/styles/common/index.css

@@ -8,5 +8,6 @@
 @import "./footer.css";
 @import "./header.css";
 @import "./label.css";
+@import "./license.css";
 @import "./figure.css";
 @import "./rule_label.css";

src/styles/common/license.css

@@ -0,0 +1,12 @@
+.License p {
+  font-size: 1.2rem;
+  margin-top: 1.6rem;
+}
+
+.License p:first-child {
+  margin-top: 0;
+}
+
+.License__Anchor {
+  display: block;
+}