diff options
| -rw-r--r-- | templates/web/base.html | 102 | ||||
| -rw-r--r-- | templates/web/static/linkopedia.css | 132 | ||||
| -rw-r--r-- | templates/web/static/linkopedia_rgb.svg | 1 |
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> |
