diff options
| author | cyfraeviolae <cyfraeviolae> | 2022-02-26 12:15:33 -0500 |
|---|---|---|
| committer | cyfraeviolae <cyfraeviolae> | 2022-02-26 12:15:33 -0500 |
| commit | fb8ec8bf40c8516b5942b453b4ae7ac1b25940c2 (patch) | |
| tree | 923b45a4fc740e1c533024a55135c1fa7fab7512 | |
| parent | 4cf019616531b2deab13e8e0eb5ae4bf7396585b (diff) | |
links
| -rw-r--r-- | index.html | 7 | ||||
| -rw-r--r-- | static/styles.css | 37 |
2 files changed, 34 insertions, 10 deletions
@@ -4,15 +4,14 @@ <title>cyfraeviolae</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <link rel="shortcut icon" type="image/x-icon" href="/cyfraeviolae/static/favicon.ico"> - <link rel="stylesheet" href="/cyfraeviolae/static/styles.css"> + <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico"> + <link rel="stylesheet" href="/static/styles.css"> </head> <body> <div class="container"> <div class="header"> - <a class="title" href="https://cyfraeviolae.org">CYFRAE VIOLAE</a> + <a class="top-title" href="https://cyfraeviolae.org">CYFRAE VIOLAE</a> </div> - <br> <p> <img src="/spectral-renga/static/favicon.ico" width=12 height=12> <a class="work" href="/spectral-renga">Spectral Renga</a> diff --git a/static/styles.css b/static/styles.css index e5d471f..83ea480 100644 --- a/static/styles.css +++ b/static/styles.css @@ -33,9 +33,9 @@ body { background: #fffaef; color: DarkSlateGrey; font-family: Charter, serif; - font-size: 18px; + font-size: 16px; text-align: center; - line-height: 1; + line-height: 1.2; } .container { @@ -43,15 +43,22 @@ body { text-align: left; display: inline-block; margin: 1em; + min-width: 40%; } @media only screen and (min-width: 700px) { .container { - margin-top: 10%; border: 1px DarkSlateGrey dotted; border-radius: 4px; box-shadow: 4px 4px 0px DarkSlateGrey; padding: 2em; + max-width: 40em; + } +} + +@media only screen and (min-height: 650px) { + .container { + margin-top: 10%; } } @@ -69,13 +76,31 @@ a:hover { color: #dd1b26; } - .header { font-style: italic; } -.title { +.top-title { font-size: x-large; font-weight: bold; - letter-spacing: -0.5px; + letter-spacing: -1px; +} + +.home { + font-style: italic; + font-size: 18px; + letter-spacing: -1.2px; +} + +.home-link { +} + +.title { + font-weight: bold; + text-transform: uppercase; +} + +.sep { + margin-left: 6px; + margin-right: 6px; } |