Add a logo! (#260)

swyddfa · Jul 13, 2020 · ee27109 · ee27109
1 parent a372846
commit ee27109
Show file tree

Hide file tree

Showing 13 changed files with 3,684 additions and 27 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -15,6 +15,7 @@
         "test-output.xml": true,
         ".hypothesis": true
     },
+    "html.format.wrapLineLength": 0,
     "python.autoComplete.addBrackets": true,
     "python.formatting.provider": "black",
     "python.linting.pylintEnabled": false,

diff --git a/blog/public/css/gallery.css b/blog/public/css/gallery.css
@@ -47,6 +47,7 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  align-items: flex-end;
 
   width: 100%;
   height: 100%;
@@ -63,7 +64,7 @@
 }
 
 .avatar {
-  border-radius: 50%;
+  border-radius: 5%;
   height: 50px;
   width: 50px;
 }

diff --git a/blog/public/css/image.css b/blog/public/css/image.css
@@ -53,6 +53,7 @@ input[type="checkbox"] {
 .image-author .avatar {
   width: 75px;
   height: 75px;
+  border-radius: 5%;
   margin-right: 1em;
 }
 

diff --git a/blog/public/css/main.css b/blog/public/css/main.css
@@ -6,6 +6,7 @@
 
 html, body {
   font-family: 'Open Sans', sans;
+  font-size: 12pt;
   margin: 0;
   background: var(--background);
 }
@@ -24,33 +25,35 @@ li, p {
 }
 
 h1,h2,h3,h4,h5 {
-  font-family: 'Caveat', cursive;
   margin: 0
 }
 
-h1 {font-size: 32pt}
-h2 {font-size: 28pt}
-h3 {font-size: 26pt}
-h4 {font-size: 20pt}
-h5 {font-size: 16pt}
+h1 {font-size: 2rem}
+h2 {font-size: 1.75rem}
+h3 {font-size: 1.5rem}
+h4 {font-size: 1.25rem}
+h5 {font-size: 1rem}
 
 header {
   position: sticky;
   top: 0;
 
   display: flex;
-  justify-content: flex-start;
+  justify-content: space-between;
   align-items: baseline;
 
   color: white;
-  font-family: 'Caveat', cursive;
   background: var(--primary);
   border-bottom: solid 1px var(--foreground);
 
   padding: 0 1em ;
   z-index: 1;
 }
 
+header a {
+  margin-top: 0.5rem;
+}
+
 header a,
 header a:visited {
   color: white;
@@ -67,7 +70,7 @@ header a:visited {
 }
 
 nav li {
-  font-size: 20pt;
+  font-size: 1.25rem;
   font-weight: 600;
   list-style: none;
   margin: 0 10px;
@@ -104,10 +107,6 @@ footer {
   grid-template-columns: auto auto auto;
 }
 
-footer h4 {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 12pt
-}
 
 footer a {
   text-decoration: none;;

diff --git a/blog/public/svg/arlunio.svg b/blog/public/svg/arlunio.svg
diff --git a/blog/templates/arlunio.svg b/blog/templates/arlunio.svg
diff --git a/blog/templates/base.html b/blog/templates/base.html
@@ -1,6 +1,5 @@
 {% macro icon(name) -%}
-<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-    stroke-linejoin="round">
+<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
     <use xlink:href="/svg/feather-sprite.svg#{{ name }}" />
 </svg>
 {%- endmacro %}
@@ -16,18 +15,19 @@
     {% block title %}<title>Arlunio</title>{% endblock %}
 
     <link rel="stylesheet" href="/css/main.css" />
-    <link href="https://fonts.googleapis.com/css?family=Caveat|Open+Sans:300&display=swap" rel="stylesheet" />
-    <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML'
-        async></script>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap" rel="stylesheet" />
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
 
     {% block extrahead %}{% endblock %}
 </head>
 
 <body>
     <header class="two-col">
-        <h1 class="site-title">
-            <a href="/gallery/">Arlunio</a>
-        </h1>
+        <a href="/gallery/">
+            {% with width="120", height="50", color="white" %}
+            {% include "arlunio.svg"  %}
+            {% endwith %}
+        </a>
         <nav class="menu">
             <ul>
                 <li><a href="/docs/">Docs</a></li>
@@ -54,4 +54,4 @@ <h4>Credits</h4>
     </footer>
 </body>
 
-</html>
+</html>
diff --git a/docs/_static/arlunio.svg b/docs/_static/arlunio.svg
diff --git a/docs/_static/favicon.svg b/docs/_static/favicon.svg
diff --git a/docs/conf.py b/docs/conf.py
@@ -71,18 +71,18 @@
 # The theme to use for HTML and HTML Help pages.  See the documentation for
 # a list of builtin themes.
 #
+html_favicon = "_static/favicon.svg"
+html_logo = "_static/arlunio.svg"
+html_static_path = ["_static"]
 html_theme = "sphinx_rtd_theme"
+html_theme_options = {"logo_only": True}
 html_context = {
     "conf_py_path": "/docs/",
     "display_github": True,
     "github_repo": "arlunio",
     "github_user": "swyddfa",
     "github_version": "develop",
 }
-# Add any paths that contain custom static files (such as style sheets) here,
-# relative to this directory. They are copied after the builtin static files,
-# so a file named "default.css" will overwrite the builtin "default.css".
-# html_static_path = ["_static"]
 
 # -- Extension Configuration -------------------------------------------------
 arlunio_nbtutorial_binder = {