aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/css/main.css25
-rw-r--r--index.html2
2 files changed, 8 insertions, 19 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 26c4d9b..019ffa2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -56,12 +56,11 @@ body#about header ul#nav {
}
ul#nav li {
- font-size: 12px;
- margin: 1.5em;
- width: 20%;
+ font-size: 16px;
+ width: 25%;
/* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
- text-align: center;
/* If you want the text to be centered */
+ text-align: left;
white-space: nowrap;
}
@@ -77,14 +76,6 @@ body#about {
max-width: 600px;
}
-ol#vinyls li,
-ul.tv li,
-ul.movies li,
-ul.web li,
-ul.currentread li {
- font-family: 'Source Code Pro';
-}
-
li.nostyle {
list-style-type: none;
}
@@ -94,8 +85,7 @@ body {
margin: 0 auto;
}
-p,
-ul {
+p {
font-family: 'Source Sans Pro';
}
@@ -181,10 +171,6 @@ a {
color: blue;
}
-a:hover {
- color: black;
-}
-
a:active {
color: gray;
}
@@ -195,7 +181,7 @@ section {
}
div.project {
- margin-bottom: 2em;
+ margin-bottom: 1.4em;
}
div.project h2 {
@@ -225,6 +211,7 @@ div.project h1 {
section h1 {
font-weight: bold;
font-size: 28px;
+ line-height: 30px;
}
@media (prefers-color-scheme: dark) {
diff --git a/index.html b/index.html
index 3f2660c..bbbade9 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
<title>FivePixels</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="assets/css/main.css" />
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png" />
@@ -14,6 +15,7 @@
<meta name="og:url" content="https://fivepixels.me/" />
<meta name="og:description" content="Home" />
<meta name="theme-color" content="#55ACEE" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body id="home">