Done, I hope

diff --git a/css/mock1.css b/css/mock1.css
index 07786dc7787f785487a09cc45ed144a55dafe5a7..dc3c2fe62042adb6c5393c007afaa462f46e7777 100644 (file)
--- a/css/mock1.css
+++ b/css/mock1.css
@@ -24,7 +24,7 @@
 
 /* global */
 body {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   color: var(--text-color);
 }
 a {
@@ -99,7 +99,7 @@ a {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  align-items: center;
+  align-items: stretch;
 }
 .box {
   text-align: center;
@@ -108,7 +108,7 @@ a {
   margin-bottom: 5px;
   border: 1px solid rgb(var(--border-color));
   flex-basis: 30%;
-  height: 105px;
+  /*height: 105px;*/
   background-color: #fff;
   border-radius: var(--box-round);
   -webkit-border-radius: var(--box-round);
@@ -214,6 +214,7 @@ a.hchild:active {
 .footerchild {
   margin-top: 0.5em;
   padding-left: 0.5em;
+  margin-right: 0.5em;
 }
 .footer a {
   color: rgb(var(--footer-link-color));
@@ -256,6 +257,8 @@ margin: 0;
 }
 a.copyright {
   background: rgba(var(--copyright-bg),.5);
-  padding: 0;
-  margin: 0;
+  margin-bottom: 0;
+  margin-top: 0;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
\ No newline at end of file

diff --git a/css/open-sans.css b/css/open-sans.css
new file mode 100644 (file)
index 0000000..dba57dd
--- /dev/null
+++ b/css/open-sans.css
@@ -0,0 +1,56 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}

diff --git a/index_mock1.html b/index_mock1.html
index b1b2588970b4b9f0ae028eb7f6153d0de5bf7f28..55be14bdc158cafc434712a3f5ca19dd1e316981 100644 (file)
--- a/index_mock1.html
+++ b/index_mock1.html
@@ -7,6 +7,7 @@
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <meta name="theme-color" content="#fff">
     <title>freenode</title>
+    <link href="css/open-sans.css" rel="stylesheet" />
     <link href="css/mock1.css" rel="stylesheet" />
 </head>
 <body>
@@ -89,8 +90,8 @@
         </div>
     </footer>
     <footer class="copyright">
-        <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="copyright">&nbsp;<img src="img/by-nc-sa.svg"alt="CC by-nc-sa" height="31px" /></a>
-        <p>&copy; Copyright 2002-2016, freenode&nbsp;</p>
+        <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="copyright"><img src="img/by-nc-sa.svg"alt="CC by-nc-sa" height="31px" /></a>
+        <p>&copy; Copyright 2002-2016, freenode</p>
     </footer>
 </body>
 </html>