From ff177cbdbd562b5a2163206d9833e4a0c4e19ae4 Mon Sep 17 00:00:00 2001 From: Evelyn Alicke Date: Sun, 19 Jun 2022 11:56:48 +0200 Subject: [PATCH] moar css --- leftists/static/css/index.css | 52 ++++++++++++------- leftists/static/fonts/index.css | 36 +++++++++++++ leftists/templates/base.html | 12 ++--- leftists/templates/interface/create_link.html | 3 +- leftists/templates/interface/overview.html | 42 +++++++-------- 5 files changed, 98 insertions(+), 47 deletions(-) create mode 100644 leftists/static/fonts/index.css diff --git a/leftists/static/css/index.css b/leftists/static/css/index.css index 83d5ac5..2e3bc27 100644 --- a/leftists/static/css/index.css +++ b/leftists/static/css/index.css @@ -7,38 +7,50 @@ } body { - font-family: 'Recursive', sans; + font-family: 'Recursive', monospace; font-variation-settings: var(--font-mono), var(--font-casl), var(--font-wght), var(--font-slnt), var(--font-rep-roman); background: lightgrey; + margin: 0; +} +nav { + padding: 1ch; + background-color: white; + display: flex; + border: 1px #666 solid; + border-radius: 0 0 1ch 1ch; + box-shadow: 0.5ch 0.5ch 1ch #bbb; +} +nav > * { + position: relative; + transform: translateX(50%); } -header { +main { + display: flex; + flex-direction: column; + position: absolute; + top: 25%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); +} +th, td { + padding: 0 0.5ch; } -main { +.section { border: 1px #666 solid; border-radius: 1ch; background: white; box-shadow: 0.5ch 0.5ch 1ch #bbb; padding: 1ch; + margin-bottom: 2ch; } -th, td { - padding: 0 0.5ch; -} - -.vcenter{ - position: absolute; - top: 50%; - transform: translateY(-50%) -} -.hcenter{ - position:absolute; - left: 50%; - margin-right: -50%; - transform: translateX(-50%) +h4 { + margin: 0 0 1ch 0; } .cl-form { @@ -60,5 +72,9 @@ th, td { margin: 0 1ch; } - #id_to { flex-grow: 1;} + +.ov-domains { + display: flex; + flex-direction: column; +} diff --git a/leftists/static/fonts/index.css b/leftists/static/fonts/index.css new file mode 100644 index 0000000..ad3e073 --- /dev/null +++ b/leftists/static/fonts/index.css @@ -0,0 +1,36 @@ +/* cyrillic-ext */ +@font-face { + font-family: 'Recursive'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/fonts/recursive/v34/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk312tQ1TDA.woff2) format('woff2'); + unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + } + /* vietnamese */ + @font-face { + font-family: 'Recursive'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/fonts/recursive/v34/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk310tQ1TDA.woff2) format('woff2'); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; + } + /* latin-ext */ + @font-face { + font-family: 'Recursive'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(https://fonts.gstatic.com/fonts/recursive/v34/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk311tQ1TDA.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; + } + /* latin */ + @font-face { + font-family: 'Recursive'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(/fonts/recursive/v34/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk317tQ0.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } diff --git a/leftists/templates/base.html b/leftists/templates/base.html index eab2416..7850fbc 100644 --- a/leftists/templates/base.html +++ b/leftists/templates/base.html @@ -18,15 +18,13 @@
-
+
{% block main %}{% endblock %}
{% block js %}{% endblock %} diff --git a/leftists/templates/interface/create_link.html b/leftists/templates/interface/create_link.html index db20f19..c993f96 100644 --- a/leftists/templates/interface/create_link.html +++ b/leftists/templates/interface/create_link.html @@ -1,8 +1,9 @@ {% extends "base.html" %} {% block main %} -
+ {% csrf_token %} +

Create new link

{{ form.domain }}

/

{{ form.location }}
diff --git a/leftists/templates/interface/overview.html b/leftists/templates/interface/overview.html index 90b2ed1..91fc9a0 100644 --- a/leftists/templates/interface/overview.html +++ b/leftists/templates/interface/overview.html @@ -1,27 +1,27 @@ {% extends 'base.html' %} {% block main %} -
-managing these domains: -
    - {% for domain in domains %} -
  • {{ domain.fqdn }}
    • - {% endfor %} - - +
    +

    Filter by Domain

    +{% for domain in domains %} +{{ domain.fqdn }} +{% endfor %} +
    +
    +

    List of Lonks

    +
    + + + + + + {% for link in links %} - - - + + + - {% for link in links %} - - - - - - {% endfor %} -
    linkto
    linkto[e] | [d]{{ link.link }}{{ link.to }}
    [e] | [d]{{ link.link }}{{ link.to }}
    -
+ {% endfor %} +
-{% endblock %} \ No newline at end of file +{% endblock %}