Redesign disabled feed system

src/site/sass/main.sass

@@ -4,6 +4,7 @@ $layout-c-max: 680px
 $layout-home-a-max: 520px
 $layout-home-b-min: 521px
 $main-theme-link-color: #085cae
+$medium-red-bg: #6a2222
 
 @font-face
 	font-family: "Bariol"
@@ -480,7 +481,7 @@ body
 						background-color: #ff7c7c
 
 	.about-container
-		background-color: #6a2222
+		background-color: $medium-red-bg
 		color: #eee
 		padding: 50px 20px
 		flex: 1
@@ -570,19 +571,23 @@ body
 		font-weight: bold
 		background-color: #282828
 
-.updater-page
-	font-size: 20px
-	max-width: 800px
-	margin: 0 auto
-	color: #222
-
+@mixin article-code
 	code
-		font-size: 0.9em
+		font-size: 0.8em
+		letter-spacing: -0.2px
 		background: #ccc
 		color: #000
 		padding: 0px 4px
 		border-radius: 2px
 
+.updater-page
+	@include article-code
+
+	font-size: 20px
+	max-width: 800px
+	margin: 0 auto
+	color: #222
+
 	.commits
 		border-left: 2px solid #555
 		margin: 10px 0px
@@ -595,3 +600,36 @@ body
 		border-left: 2px solid
 		padding-left: 8px
 		color: #700
+
+.article-page
+	@include article-code
+
+	background-color: #fff4e8
+	font-size: 22px
+	line-height: 1.4
+	color: #222
+	min-height: 100vh
+
+	header
+		background-color: $medium-red-bg
+		color: #fff
+		padding: 40px 10px
+		line-height: 1.2
+
+	h1, h2
+		text-align: center
+		margin: 0
+
+	h1
+		font-size: 50px
+
+	h2
+		font-size: 30px
+
+	.article-main
+		max-width: 800px
+		margin: 0 auto
+		padding: 20px 20px 100px
+
+	a, a:visited
+		color: $main-theme-link-color