declare some fonts and a basic style sheet

2022-04-04 00:53:20 +00:00 · 2022-04-04 00:53:20 +00:00 · d79a3feff4
parent 9cf4d50a7e
commit d79a3feff4
18 changed files with 54 additions and 0 deletions
--- a/sass/static/style.scss
+++ b/sass/static/style.scss
@ -0,0 +1,53 @@
+/// Replace `$search` with `$replace` in `$string`
+/// @author Hugo Giraudel
+/// @param {String} $string - Initial string
+/// @param {String} $search - Substring to replace
+/// @param {String} $replace ('') - New value
+/// @return {String} - Updated string
+@function str-replace($string, $search, $replace: '') {
+    $index: str-index($string, $search);
+  
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+  
+    @return $string;
+}
+
+/// declare a cross-browser @font-face.
+/// note that Firefox is very picky about the syntax here: experimentation shows that
+///   the eot MUST come first (even if FF doesn't load it), and the other formats MUST
+///   be declared under one `src` directive. the local sources may have a separate `src`.
+/// @author @colin@fed.uninsane.org
+@mixin font-face($family, $variant, $short, $weight, $style) {
+    $path: 'fonts/' + str-replace($family, ' ', '') + '/' + $short;
+    $hyphenated: str-replace($variant, ' ', '-');
+    @font-face {
+        font-family: $family;
+        src: url('#{$path}.eot');
+        src: url('#{$path}.eot?#iefix') format('embedded-opentype'),
+	     url('#{$path}.woff2') format('woff2'),
+	     url('#{$path}.woff') format('woff'),
+	     url('#{$path}.ttf') format('truetype');
+	// TODO: local fonts disabled during devel
+	// src: local($variant), local($hyphenated);
+        font-weight: $weight;
+        font-style: $style;
+    }
+}
+
+body
+{
+    font-family: "Gentium Basic","serif";
+}
+
+/* font: Gentium Basic
+ * upstream: https://www.fontsquirrel.com/fonts/Gentium-Basic
+ *           https://fonts.google.com/specimen/Gentium+Basic
+ * license: SIL Open Font License 1.1
+ * author: SIL International
+ */
+@include font-face('Gentium Basic', 'Gentium Basic', 'GenBasR', 400, normal)
+@include font-face('Gentium Basic', 'Gentium Basic Bold', 'GenBasB', 700, normal)
+@include font-face('Gentium Basic', 'Gentium Basic Italic', 'GenBasI', 400, italic)
+@include font-face('Gentium Basic', 'Gentium Basic Bold Italic', 'GenBasBI', 700, italic)
--- a/static/static/fonts/GentiumBasic/GenBasB.eot
+++ b/static/static/fonts/GentiumBasic/GenBasB.eot
--- a/static/static/fonts/GentiumBasic/GenBasB.ttf
+++ b/static/static/fonts/GentiumBasic/GenBasB.ttf
--- a/static/static/fonts/GentiumBasic/GenBasB.woff
+++ b/static/static/fonts/GentiumBasic/GenBasB.woff
--- a/static/static/fonts/GentiumBasic/GenBasB.woff2
+++ b/static/static/fonts/GentiumBasic/GenBasB.woff2
--- a/static/static/fonts/GentiumBasic/GenBasBI.eot
+++ b/static/static/fonts/GentiumBasic/GenBasBI.eot
--- a/static/static/fonts/GentiumBasic/GenBasBI.ttf
+++ b/static/static/fonts/GentiumBasic/GenBasBI.ttf
--- a/static/static/fonts/GentiumBasic/GenBasBI.woff
+++ b/static/static/fonts/GentiumBasic/GenBasBI.woff
--- a/static/static/fonts/GentiumBasic/GenBasBI.woff2
+++ b/static/static/fonts/GentiumBasic/GenBasBI.woff2
--- a/static/static/fonts/GentiumBasic/GenBasI.eot
+++ b/static/static/fonts/GentiumBasic/GenBasI.eot
--- a/static/static/fonts/GentiumBasic/GenBasI.ttf
+++ b/static/static/fonts/GentiumBasic/GenBasI.ttf
--- a/static/static/fonts/GentiumBasic/GenBasI.woff
+++ b/static/static/fonts/GentiumBasic/GenBasI.woff
--- a/static/static/fonts/GentiumBasic/GenBasI.woff2
+++ b/static/static/fonts/GentiumBasic/GenBasI.woff2
--- a/static/static/fonts/GentiumBasic/GenBasR.eot
+++ b/static/static/fonts/GentiumBasic/GenBasR.eot
--- a/static/static/fonts/GentiumBasic/GenBasR.ttf
+++ b/static/static/fonts/GentiumBasic/GenBasR.ttf
--- a/static/static/fonts/GentiumBasic/GenBasR.woff
+++ b/static/static/fonts/GentiumBasic/GenBasR.woff
--- a/static/static/fonts/GentiumBasic/GenBasR.woff2
+++ b/static/static/fonts/GentiumBasic/GenBasR.woff2
--- a/templates/base.html
+++ b/templates/base.html
@ -4,6 +4,7 @@
 <head>
  <meta charset="utf-8">
  <title>Perfectly Sane</title>
+  <link rel="stylesheet" href="{{ get_url(path="static/style.css") | safe }}">
 </head>

 <body>