Text line-height and link hovers, semantics.

The general 'good readability' rule is to have a bit larger line-height,
aside from this I've added some interactivity to links by hovering over
them.

I also replaced `staticContent` with `article` for semantics.

public/css/style.css

@@ -91,6 +91,12 @@ footer {
 
 main a, footer a {
         color: var(--color-text-attention);
+    }
+
+main a:hover, footer a:hover { text-decoration: none; }
+
+article {
+    line-height: 1.25rem;
 }
 
 .counter {
@@ -100,11 +106,6 @@ main a, footer a {
 	text-align: right;
 }
 
-.staticContent {
-    margin: 0 2em;
-    max-width: 900px;
-}
-
 .linkSpacer {
 	margin: 0 .5em;
 }

src/css/style.css

@@ -91,8 +91,16 @@ footer {
 	height: 2em;
 }
 
-main a, footer a {
+main, footer {
+    a {
         color: var(--color-text-attention);
+
+        &:hover { text-decoration: none; }
+    }
+}
+
+article {
+    line-height: 1.25rem;
 }
 
 .counter {
@@ -102,11 +110,6 @@ main a, footer a {
 	text-align: right;
 }
 
-.staticContent {
-    margin: 0 2em;
-    max-width: 900px;
-}
-
 .linkSpacer {
 	margin: 0 .5em;
 }

src/views/contact.jsx

@@ -7,7 +7,7 @@ const Layout = require("./_layout");
 module.exports = function Contact() {
 	return (
 		<Layout>
-			<div className="staticContent">
+			<article>
 				<h2>Do you have questions about SeekSeek, or do you want to contribute to the project?</h2>
 				<p>Please <a href="https://matrix.to/#/#seekseek:pixie.town?via=pixie.town&via=matrix.org&via=librepush.net">join us in our Matrix room</a>!</p>
 				<p>We actively watch the channel, and we're always happy to answer any questions you might have. If you have a criticism, we encourage you to share that too! The only requirement is that you do so constructively and respectfully. SeekSeek is a community project, and your feedback is crucial to its success!</p>
@@ -27,7 +27,7 @@ module.exports = function Contact() {
 				<p><strong>If you would like to request a copyright takedown:</strong> If you are the copyright holder of datasheet(s) listed in our search, you can of course request that we remove these datasheets from the results, and we will do so if your report is valid.</p>
 				
 				<p>However, we want to ask that you talk with us about it first - we are very open to addressing any practical concerns you may have, and it's not good for <em>anybody</em> to just remove them entirely. Your customers will find it more difficult to find documentation on your products, and that will do no good for your business either!</p>
-			</div>
+			</article>
 		</Layout>
 	);
 };

src/views/technology.jsx

@@ -7,7 +7,7 @@ const Layout = require("./_layout");
 module.exports = function Technology() {
 	return (
 		<Layout>
-			<div className="staticContent">
+            <article>
                 <h1>The technology</h1>
 
                 <p>So... what makes SeekSeek tick? Let&#39;s get the boring bits out of the way first:</p>
@@ -163,8 +163,7 @@ module.exports = function Technology() {
                 <p>Has this post made you interested in working on SeekSeek, or maybe your own custom srap-based project? <a
                     href="https://matrix.to/#/#seekseek:pixie.town?via=pixie.town&amp;via=matrix.org&amp;via=librepush.net">Drop
                     by in the chat!</a> We&#39;d be happy to give you pointers :)</p>
-
-			</div>
+            </article>
 		</Layout>
 	);
 };