aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--templates/web/base.html102
-rw-r--r--templates/web/static/linkopedia.css132
-rw-r--r--templates/web/static/linkopedia_rgb.svg1
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>