1 files changed, 3 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 %}