Add features page and fixes to website

website/templates/article.scss

@@ -1,25 +0,0 @@
-#article {
-	max-width: 800px;
-	
-	.details {
-		display: flex;
-		flex-direction: column;
-		gap: 20px;
-		
-		.publication {
-			font-weight: 800;
-		}
-
-		.banner {
-			margin-top: 0;
-			display: block;
-			width: 100%;
-			height: auto;
-		}
-
-		hr {
-			margin-top: calc(40px - 20px);
-			margin-bottom: 40px;
-		}
-	}
-}

website/templates/base.html

@@ -71,7 +71,7 @@
 		<footer>
 			<hr />
 			<nav>
-				<a href="/docs" class="link not-uppercase">Documentation</a>
+				<a href="https://github.com/GraphiteEditor/Graphite/tree/master/docs" class="link not-uppercase">Documentation</a>
 				<a href="https://github.com/GraphiteEditor/Graphite/graphs/contributors" class="link not-uppercase">Credits</a>
 				<a href="/license" class="link not-uppercase">License</a>
 				<a href="/logo" class="link not-uppercase">Logo</a>

website/templates/index.html

@@ -1,6 +1,6 @@
 {% extends "base.html" %}
 
-{% block title %}{{ section.title }}{% endblock title %}
+{% block title %}Redefining state-of-the-art graphics editing.{% endblock title %}
 
 {% block head %}
 <link rel="stylesheet" href="/index.css">
@@ -14,7 +14,7 @@
 <img class="pencil-texture" src="https://static.graphite.rs/textures/pencil-texture.png"></img>
 
 <section id="quick-links">
-	<a href="/blog/announcing-graphite-alpha" class="button arrow">Announcing Graphite alpha</a>
+	<a href="/blog/announcing-graphite-alpha/" class="button arrow">Announcing Graphite alpha</a>
 	<a href="https://editor.graphite.rs" class="button arrow">Instantly launch the web editor</a>
 	<div>
 		<a href="https://github.com/GraphiteEditor/Graphite" target="_blank">

website/templates/logo.scss

@@ -1,63 +0,0 @@
-.logo-view {
-	display: flex;
-	flex-direction: column;
-	margin: 0 auto;
-	margin-top: 20px;
-	width: 100%;
-
-	.group {
-		display: flex;
-		background-image: url("https://static.graphite.rs/textures/noise.png");
-		background-position: center;
-		width: 100%;
-		margin-left: calc(-1 * ((100vw - 100%) / 2));
-		padding: 0 calc((100vw - 100%) / 2);
-		
-		@media screen and (max-width: 1000px) {
-			&.feature-box.feature-box {
-				margin-left: -40px;
-				margin-right: -40px;
-			}
-		}
-
-		div {
-			display: flex;
-			flex-direction: column;
-			padding: 80px;
-		}
-
-		&.color {
-			background-color: var(--color-manilla);
-			background-blend-mode: hard-light;
-		}
-
-		&.dark {
-			color: var(--color-fog);
-			background-color: var(--color-navy);
-			background-blend-mode: soft-light;
-
-			a {
-				color: var(--color-mustard);
-			}
-		}
-
-		&.light {
-			background-color: var(--color-fog);
-			background-blend-mode: color-burn;
-		}
-
-		span {
-			font-weight: 800;
-			margin-top: 20px;
-			white-space: nowrap;
-		}
-
-		a {
-			white-space: nowrap;
-		}
-	}
-
-	+ h3 {
-		margin-top: 20px;
-	}
-}