From 5c3d826e32baa0714dc3c45a36cccc42b93d17f3 Mon Sep 17 00:00:00 2001 From: "Edgar P. Burkhart" Date: Fri, 6 May 2022 19:38:10 +0200 Subject: [PATCH] Add lists, font variants --- src/index.html | 61 +++++++++++------------------------------ src/static/css/main.css | 19 +++++++++++-- 2 files changed, 32 insertions(+), 48 deletions(-) diff --git a/src/index.html b/src/index.html index 7d2e83b..2a22f8e 100644 --- a/src/index.html +++ b/src/index.html @@ -16,6 +16,7 @@ Home + Link 0 Link 1 Link 2 @@ -35,50 +36,20 @@ lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet risus ornare interdum vel sed ligula.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget - mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, - gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie - quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet, - sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar - ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non - lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet - risus ornare interdum vel sed ligula.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget - mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, - gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie - quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet, - sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar - ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non - lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet - risus ornare interdum vel sed ligula.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget - mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, - gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie - quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet, - sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar - ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non - lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet - risus ornare interdum vel sed ligula.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget - mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, - gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie - quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet, - sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar - ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non - lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet - risus ornare interdum vel sed ligula.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget - mollis odio, ac facilisis lorem. Sed elit ipsum, rhoncus quis tortor ut, - gravida aliquam neque. Proin ex nisl, cursus auctor consequat ac, molestie - quis nunc. Proin lectus neque, rhoncus eget tincidunt sit amet, - sollicitudin in justo. Fusce lacinia augue odio, et accumsan purus pulvinar - ac. Sed sagittis urna in ipsum faucibus congue. Maecenas gravida massa non - lacinia facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Sed sollicitudin lacus sit amet tempus feugiat. Nullam at ipsum sit amet - risus ornare interdum vel sed ligula.

+ + +
    +
  1. Item 0
  2. +
  3. Item 1
  4. +
  5. Item 2
  6. +
  7. Item 3
  8. +
  9. Item 4
  10. +
diff --git a/src/static/css/main.css b/src/static/css/main.css index efaaf9d..815fe1d 100644 --- a/src/static/css/main.css +++ b/src/static/css/main.css @@ -19,6 +19,10 @@ body { font-family: "Inter var", "Inter", sans-serif; color: var(--text); margin: 0; + margin-top: 4rem; + padding: 1rem; + font-weight: 350; + font-feature-settings: "ss01", "ss02", "ss03", "cv05", "cv08"; } h1, h2, h3 {font-weight: 250} @@ -33,7 +37,10 @@ h4 {font-size: 1.2rem} h5 {font-size: 1rem} h6 {font-size: .8rem} -p {font-weight: 350} +p { + line-height: 1.3rem; +} + a { color: var(--link); text-decoration: none; @@ -45,14 +52,16 @@ a:hover {text-decoration: underline;} } nav { - position: sticky; + position: fixed; top: 0; + left: 0; + right: 0; height: 4rem; line-height: 2rem; padding: 1rem; - width: 100%; background: var(--bg-00); color: var(--text-00); + font-variant: small-caps; } nav > * { margin-right: 1rem; @@ -70,3 +79,7 @@ nav .logo { height: 2rem; border: .1rem solid white; } + +ul {list-style-type: "–"} +ol {list-style-type: decimal-leading-zero} +li {padding-left: .5rem}