diff options
| author | fabrixxm <fabrix.xm@gmail.com> | 2020-10-08 11:49:53 +0200 |
|---|---|---|
| committer | fabrixxm <fabrix.xm@gmail.com> | 2020-10-08 11:49:53 +0200 |
| commit | c330d39e7121433d78b3d91849e3340931f8c4b3 (patch) | |
| tree | 254da1d96b16acc633a319a638f86a60d292e9e4 /templates/web | |
| parent | 0bd590a5435e874c3dfc003b480f0f67c7529eb2 (diff) | |
Template per lesanaweb
Diffstat (limited to 'templates/web')
| -rw-r--r-- | templates/web/index.html | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/templates/web/index.html b/templates/web/index.html new file mode 100644 index 0000000..3339479 --- /dev/null +++ b/templates/web/index.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html> + <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="alternate" type="application/rss+xml" title="RSS" href="/rss"> + + <title>Linkopedia</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; } + + 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 { + font-size: 1em; + margin:0; + display: inline-block; + } + body > header > h1 > a { color: #000; } + + body > section { + padding: 1em; + background-color: #f2f2f2; + border-bottom: 2px solid #82a9d2; + } + #linkslist { margin: 0; } + #linkslist dd { + margin: 0.2em 0 1em 0; + } + #linkslist dd > footer { + font-size: 0.8em; + margin-top: 0.2em; + } + + #linkslist a:link { color: #000; } + + #linkslist 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; + } + #linkslist a.tag:hover { color: #000; } + + + #nextpage { color: #828282; } + + .placeholder { text-align: center; } + + body > footer { + margin-top: 2em; + text-align: center; + } + + </style> + </head> + <body> + <header> + <h1><a href="{{ url_for('index') }}">Linkopedia</a></h1> + <span>I Bookmark del <a href="https://gl-como.it/">GL-Como</a></span> + </header> + <section> + {% if q %}<h2>Cerca: '{{ q }}'</h2>{% endif %} + <dl id="linkslist"> + {% for entry in entries %} + {% set doc = entry.get_data() %} + <dt class="link" id="{{ doc.eid }}"> + <a href="{{ doc.url }}" title="{{ doc.url }}">{{ doc.title }}</a> + </dt> + <dd> + {{ doc.description }} + <footer> + {{ doc.added }} + {{ "-" if doc.tags|count > 0 }} + {% for tag in doc.tags %} + <a class="tag" href="{{ url_for('search') }}?q=tag:{{tag|urlencode}}">{{ tag }}</a> + {% endfor %} + </footer> + </dd> + {% endfor %} + </dl> + {% if entries|count > 0 %} + {% if q %} + <a id="nextpage" href="{{ url_for('search', q=q, p=page+1) }}">altro</a> + {% else %} + <a id="nextpage" href="{{ url_for('index', p=page+1) }}">altro</a> + {% endif %} + {% else %} + <div class="placeholder">nessun risultato</div> + {% endif %} + </section> + <footer> + <form method="get" action="{{ url_for('search') }}"><input name="q" placeholder="cerca..."></form> + </footer> + </body> +</html> |