summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcyfraeviolae <cyfraeviolae>2022-02-26 12:15:33 -0500
committercyfraeviolae <cyfraeviolae>2022-02-26 12:15:33 -0500
commitfb8ec8bf40c8516b5942b453b4ae7ac1b25940c2 (patch)
tree923b45a4fc740e1c533024a55135c1fa7fab7512
parent4cf019616531b2deab13e8e0eb5ae4bf7396585b (diff)
links
-rw-r--r--index.html7
-rw-r--r--static/styles.css37
2 files changed, 34 insertions, 10 deletions
diff --git a/index.html b/index.html
index 8d252de..5ff37b6 100644
--- a/index.html
+++ b/index.html
@@ -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;
}