Web: Add icon, favicon and move css in file

author: fabrixxm <fabrixxm@kirgroup.net> 2022-01-19 12:25:16 +0100
committer: fabrixxm <fabrixxm@kirgroup.net> 2022-01-19 12:25:16 +0100
commit: f53569b7195a3c28bb05f8198f08c4339034d9af (patch)
tree: 0f1b1e7183bc96a8ff3bad6ead074c031a039459 /templates
parent: 4a07f38181a16dd5cfc93e8f07ac7f712dd593c1 (diff)
3 files changed, 136 insertions, 99 deletions
diff --git a/templates/web/base.html b/templates/web/base.html
index a2a8097..a3c430b 100644
--- a/templates/web/base.html
+++ b/templates/web/base.html
@@ -3,114 +3,18 @@
     <head>
         <meta name="referrer" content="origin">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <!-- <link rel="stylesheet" type="text/css" href="links.css"> -->
-        <link rel="shortcut icon" href="favicon.ico">
+        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='linkopedia.css') }}">
+        <link rel="shortcut icon" href="{{ url_for('static', filename='linkopedia_rgb.svg') }}">
         <link rel="alternate" type="application/atom+xml" href="/atom.xml" title="Atom Feed"/>
         {% if q %}
         <link rel="alternate" type="application/atom+xml" href="/atom.xml?q={{ q|urlencode }}" title="Results for '{{ q }}'"/>
         {% endif %}
         <title>{% block title %}Linkopedia{% endblock %}</title>
-        <style>
-         html { width: 100%; }
-         body {
-             width: 100%; max-width: 80ch; margin: 1em auto;
-             font-family: Verdana, Geneva, sans-serif;
-             font-size: 12pt;
-             color: #828282;
-         }
-
-         a:link { color: #000; text-decoration: none; }
-         a:hover { text-decoration: underline; }
-
-         header > h1 {
-             font-size: 1em;
-             margin:0;
-             display: inline-block;
-         }
-
-         body > header {
-             color: #000;
-             background-color: #82a9d2;
-             padding: 0 1em;
-             line-height: 2em;
-             display: flex;
-             flex-direction: row;
-             justify-content: space-between;
-         }
-         body > header > h1 > a { color: #000; }
-
-
-         body > section,
-         body > article {
-             padding: 1em;
-             background-color: #f2f2f2;
-             border-bottom: 2px solid #82a9d2;
-         }
-         
-         body > article header h1 { font-size: 1.5em; }
-         body > article header aside { font-size: 0.8em; }
-         
-         #linkslist { margin: 0; }
-         #linkslist dd {
-             margin: 0.2em 0 1em 0;
-         }
-         body > article footer,
-         #linkslist dd > footer {
-             font-size: 0.8em;
-             margin-top: 0.2em;
-         }
-
-         #linkslist a:link { color: #000; }
-
-         a.tag {
-             line-height: 1.2em;
-             padding: 0 0.2em;
-             border: 1px solid #828282;
-             background-color: #E2E2E2;
-             border-radius: 3px;
-             color: #828282;
-             text-decoration: none;
-         }
-         a.tag:hover { color: #000; }
-
-
-         #nextpage { color: #828282; }
-
-         .placeholder { text-align: center; }
-
-         body > footer {
-             margin-top: 2em;
-             text-align: center;
-         }
-
-         /* -----
-            SVG Icons - svgicons.sparkk.fr
-            ----- */
-
-         .svg-icon {
-             width: 1em;
-             height: 1em;
-             vertical-align:middle;
-         }
-
-         .svg-icon path,
-         .svg-icon polygon,
-         .svg-icon rect {
-             fill: #828282;
-         }
-
-         .svg-icon circle {
-             stroke: #828282;
-             stroke-width: 1;
-         }
-
-        </style>
-        
         {% block extrahead %}{% endblock %}
     </head>
     <body>
         <header>
-            <h1><a href="{{ url_for('index') }}">Linkopedia</a></h1>
+            <h1><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='linkopedia_rgb.svg') }}">Linkopedia</a></h1>
             <span>i Bookmark del <a href="https://gl-como.it/">GL-Como</a></span>
         </header>
         {% block content %}{% endblock %}
diff --git a/templates/web/static/linkopedia.css b/templates/web/static/linkopedia.css
new file mode 100644
index 0000000..ae4b47e
--- /dev/null
+++ b/templates/web/static/linkopedia.css
@@ -0,0 +1,132 @@
+html {
+    width: 100%;
+}
+
+body {
+    width: 100%;
+    max-width: 80ch;
+    margin: 1em auto;
+    font-family: Verdana, Geneva, sans-serif;
+    font-size: 12pt;
+    color: #828282;
+}
+
+a:link {
+    color: #000;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+header>h1 {
+    font-size: 1em;
+    margin: 0;
+    display: inline-block;
+}
+
+header img {
+    height: 32px;
+    vertical-align: bottom;
+    margin: 0.5em 1em 0.5em 0;
+}
+
+body>header {
+    color: #000;
+    background-color: #cbe4ff;
+    padding: 0 1em;
+    line-height: 2em;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: baseline;
+}
+
+body>header>h1>a {
+    color: #000;
+}
+
+
+body>section,
+body>article {
+    padding: 1em;
+    background-color: #f2f2f2;
+    border-bottom: 2px solid #cbe4ff;
+}
+
+body>article header h1 {
+    font-size: 1.5em;
+}
+
+body>article header aside {
+    font-size: 0.8em;
+}
+
+#linkslist {
+    margin: 0;
+}
+
+#linkslist dd {
+    margin: 0.2em 0 1em 0;
+}
+
+body>article footer,
+#linkslist dd>footer {
+    font-size: 0.8em;
+    margin-top: 0.2em;
+}
+
+#linkslist a:link {
+    color: #000;
+}
+
+a.tag {
+    line-height: 1.2em;
+    padding: 0 0.2em;
+    border: 1px solid #828282;
+    background-color: #E2E2E2;
+    border-radius: 3px;
+    color: #828282;
+    text-decoration: none;
+}
+
+a.tag:hover {
+    color: #000;
+}
+
+
+#nextpage {
+    color: #828282;
+}
+
+.placeholder {
+    text-align: center;
+}
+
+body>footer {
+    margin-top: 2em;
+    text-align: center;
+}
+
+/* -----
+SVG Icons - svgicons.sparkk.fr
+----- */
+
+.svg-icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: middle;
+}
+
+.svg-icon path,
+.svg-icon polygon,
+.svg-icon rect {
+    fill: #828282;
+}
+
+.svg-icon circle {
+    stroke: #828282;
+    stroke-width: 1;
+}
+
diff --git a/templates/web/static/linkopedia_rgb.svg b/templates/web/static/linkopedia_rgb.svg
new file mode 100644
index 0000000..a3f087d
--- /dev/null
+++ b/templates/web/static/linkopedia_rgb.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 67.73 67.73" xmlns="http://www.w3.org/2000/svg"><g stroke-width="2.65"><path d="M47.22.96c-5.6.03-12.73 8.01-13.95 10.22l-.77 1.38c3.55 1.3 7.2 2.74 10.7 4.2a10.3 10.3 0 0 1 2-1.46l.03-.7c-.03-1.23-.36-2.27-.9-2.63a.15.15 0 0 1-.05-.2.15.15 0 0 1 .2-.05c.71.46 1.01 1.6 1.04 2.86.02.76-.08 1.57-.26 2.32a8.77 8.77 0 0 1-.96 2.65c-.61 1.05-2.98 5.3-5.66 10.13a.85.85 0 0 1-.08.2L35 36.26l-.5.92a.85.85 0 0 1-.05.03l-.12.22.4.2 2.18 1.1 1.72.85 1.63.74 1.44.62 1.25.5 1.09.4a16.64 16.64 0 0 0 1.72.52l.67.15h.03l2.64-4.54a.85.85 0 0 1 .01-.02.85.85 0 0 1 .05-.04l8.67-14.93c3.04-7.51 1.87-14.57-.3-16.72C55.34 4.1 52.02.98 47.27.95h-.06zM26.45 23.6l-.43.79a.85.85 0 0 1-.05.13l.04-.07c-.62 1.14-1.12 2.03-1.74 3.2l-.22.4 2.88 3.22a97.14 97.14 0 0 0 2.91 3.36l.3.26a16.1 16.1 0 0 0 1.58 1.1l.16.1.22-.41a.85.85 0 0 1 .01-.05c1.41-2.55 2.66-4.8 3.98-7.14a.85.85 0 0 1 .05-.04l.47-.83c-3.06-1.32-6.1-2.58-8.47-3.44-.62-.23-1.18-.41-1.7-.58zM13.69 50.15c-1.8 9.21 3.3 14.26 4.33 14.8a18.02 18.02 0 0 0 5.9 1.78c3.23.32 9.03-.93 12.43-6.79l1.8-3.1-.96-.31-.75-.27-1.1-.4-.88-.36-.85-.34-1-.44-.61-.28c-.37-.17-.73-.34-1.08-.52l-.43-.21-1.13-.6c-.1-.04-.19-.1-.29-.15-.4-.21-.78-.43-1.16-.65l-.15-.1-1.2-.73-.1-.07-.16.28c-.06.1-.15.2-.22.3l-.5.73-.28.4c-.33.7-.72 1.21-1.26 1.5-.63.35-1.42.4-2.51.23a.15.15 0 0 1-.13-.17.15.15 0 0 1 .18-.13c1.05.16 1.77.1 2.32-.19.15-.08.3-.2.42-.32a.8.8 0 0 1-.44-.02 193.86 193.86 0 0 1-10.2-3.87Z" fill="#26a269"/><path d="M20.12 10.18a18.77 18.77 0 0 0-7.6 1.6 21.12 21.12 0 0 0-6.29 4.13 21.1 21.1 0 0 0-2.81 3.27 18.1 18.1 0 0 0-1.9 3.6 20.23 20.23 0 0 0-1.15 9.08A20.76 20.76 0 0 0 .8 34.4l.11.44c.1.38.2.76.32 1.13l.13.42c.16.46.32.92.5 1.36l.04.09c.21.5.44 1 .69 1.49l.06.11A22 22 0 0 0 6.4 44.7c1.6 1.62 3.4 2.92 5.32 3.75 3.68 1.6 7.95 3.26 12.41 4.82.36-.33 1.24-1.67 1.47-2.02l.14-.25-.04-.03-.73-.5a33.72 33.72 0 0 1-9.2-9.34 25.12 25.12 0 0 1-1.75-3.15c-.15-.4-.1-.88.2-1.13l-.09-.13a11.01 11.01 0 0 1-1.28-2.74l-.05-.18a9.75 9.75 0 0 1-.2-.83l-.02-.14a9.4 9.4 0 0 1-.1-.83l-.01-.12c-.02-.3-.03-.62-.02-.93v-.03a9 9 0 0 1 .1-.97l.01-.09a8 8 0 0 1 .2-.92c0-.04.02-.08.03-.11l.1-.33.05-.16a9.4 9.4 0 0 1 .45-1.07 7.57 7.57 0 0 1 1.15-1.67 9.06 9.06 0 0 1 2.22-1.82 10.7 10.7 0 0 1 3.58-1.4c.26-.05.52-.1.8-.13l.32-.03.49-.04a11.69 11.69 0 0 1 4.01.45l.07.02c.68.2 1.48.47 2.37.8 2.67.96 6.11 2.4 9.5 3.87l.9.39c1.75-3.15 4.3-7.74 4.77-8.55.22-.4.39-.79.52-1.15l-.56-.23A275.8 275.8 0 0 0 31.32 13l-.06-.03A155.18 155.18 0 0 0 25.5 11a18.18 18.18 0 0 0-5.4-.82zM58.1 24.14l-5.7 9.81c.77.4 1.68.87 2.51 1.4.98.61 1.83 1.25 2.12 1.9a.15.15 0 0 1-.08.2.15.15 0 0 1-.2-.08c-.22-.5-1.03-1.17-2-1.77a27.2 27.2 0 0 0-1.76-1l.2.2.24.27c.16.19.32.37.46.56l.23.35a8.56 8.56 0 0 1 1.12 2.46 9.2 9.2 0 0 1 .22 1c.02.12.05.25.06.38.03.22.04.44.05.67l.02.3c0 .32 0 .64-.03.96.95.75 1.7 1.36 2.1 1.73a7.45 7.45 0 0 1 2.16 4.07c.14.68.2 1.32.18 1.86 0 .55-.03.96-.23 1.4l-2.1 4.76a.87.87 0 0 1 0 .02 5.4 5.4 0 0 1-2.11 2.21c-.01.01-.36.26-.95.49-.6.24-1.52.5-2.77.65-2.51.3-6.42.13-12.17-1.58l-.55-.17-.19-.06-.37.64c2.62.72 5.18 1.38 7.58 1.92 10.8 2.43 17.81-6 20.32-13.23a19.2 19.2 0 0 0 .8-3.46l.01-.07c.06-.42.1-.84.14-1.27v-.1c.03-.43.05-.86.05-1.29v-.09c0-1.8-.25-3.66-.77-5.47l-.02-.07-.3-.9-.2-.57-.32-.76-.31-.68-.36-.68a17.1 17.1 0 0 0-1.32-2.04l-.61-.79-.09-.1c-.3-.35-.62-.68-.95-1L62 26.9a16.77 16.77 0 0 0-1.32-1.12l-.29-.22-.43-.3-.29-.2-.51-.32-.25-.16-.8-.44z" fill="#c01c28"/><path d="m21.72 23.17-.45.04a10.57 10.57 0 0 0-4 1.39 9.4 9.4 0 0 0-1.99 1.64 7.6 7.6 0 0 0-.73.96 6.6 6.6 0 0 0-.68 1.45l-.05.14-.09.29-.02.1c-.08.28-.14.55-.18.83l-.01.07a8.04 8.04 0 0 0-.08.9c-.01.27 0 .55.01.82v.11l.1.75.02.12c.05.25.1.5.18.75l.04.16.22.64.08.2a.97.97 0 0 1 0 .01 9.57 9.57 0 0 0 .39.82 10.22 10.22 0 0 0 .44.75v.03c.59.7.24 1.38-.04 1.56h-.01a24.37 24.37 0 0 0 1.64 2.95 33 33 0 0 0 8.97 9.1l.71.49.83.53 1.17.72.15.08c.37.22.75.44 1.14.65l.28.15c.36.2.73.4 1.11.58l.42.21 1.07.51.6.28.98.43.83.34.88.34 1.08.4.73.27 1.93.63.53.16c11.34 3.38 15.15.57 15.15.57a4.6 4.6 0 0 0 1.82-1.87l2.1-4.77c.36-.79.23-4.38-1.9-6.32-.91-.82-3.94-3.2-7.26-5.75l-2.77 4.78c1.24.2 2.47.24 3.64.05a.15.15 0 0 1 .17.12.15.15 0 0 1-.13.18c-1.38.22-2.84.14-4.31-.15a10.28 10.28 0 0 1-.87-.19 24.89 24.89 0 0 1-1.8-.54l-1.11-.4-1.27-.52-1.46-.62-1.65-.76-1.74-.85c-.9-.45-1.9-.94-2.2-1.11l-1.15-.59-1-.52c-.3-.17-.6-.34-.9-.53a9.94 9.94 0 0 1-1.69-1.18 6.15 6.15 0 0 1-.63-.63 96.61 96.61 0 0 0-2.66-3.08l-3.28-3.65v-.01l-.4-.43a5.2 5.2 0 0 1-.91-1.36c-.19-.44-.23-.88-.03-1.25a.15.15 0 0 1 .2-.06.15.15 0 0 1 .06.2c-.14.27-.12.6.04 1 .17.38.48.82.87 1.27l.33.35.34-.64 1.74-3.2-.07-.02a68.77 68.77 0 0 0-3.47-.87zm15.1 5.75-3.97 7.13.56.44.34.27.51-.92 3.56-6.37-1-.55z" fill="#1a5fb4"/></g></svg>
author	fabrixxm <fabrixxm@kirgroup.net>	2022-01-19 12:25:16 +0100
committer	fabrixxm <fabrixxm@kirgroup.net>	2022-01-19 12:25:16 +0100
commit	f53569b7195a3c28bb05f8198f08c4339034d9af (patch)
tree	0f1b1e7183bc96a8ff3bad6ead074c031a039459 /templates
parent	4a07f38181a16dd5cfc93e8f07ac7f712dd593c1 (diff)