Section Text Alignment (#18)

* Add section text alignment options
* Improve contributing guideline for Bug Report

.github/CODEOWNERS

@@ -0,0 +1,5 @@
+# For more information about the configurations used
+# in this file, please see GitHub's documentation.
+# https://github.com/blog/2392-introducing-code-owners
+
+*   @excalith

.github/CONTRIBUTING.md

@@ -28,7 +28,7 @@ Before creating bug reports, please perform a [cursory search on issues](https:/
 
 To report a new issue, please follow these steps:
 
-- **Use a clear and descriptive title** for the issue to identify the problem after the prefix of `[BUG]`
+- **Use a clear and descriptive title** for the issue to identify the problem after the prefix (ie. `[BUG] Page Freezes Upon Returning`)
 - Use the **bug report template** and **fill out** the required fields.
 - **Describe the exact steps which reproduce the problem** in as many details as possible. For example, start by explaining how you started the app, e.g. which command exactly you used in the terminal. When listing steps, **don't just say what you did, but explain how you did it**.
 - Explain the **expected behaviour**

src/components/Section.js

@@ -1,8 +1,9 @@
 import Link from "@/components/Link"
 
 const Section = ({ section, filter }) => {
+	const alignment = section.align || "left"
 	return (
-		<div className="mb-4">
+		<div className={`mb-4 align-${alignment}`}>
 			<h2 className={`text-title font-bold mt-0 mb-2 cursor-default text-${section.color}`}>
 				{section.title}
 			</h2>

src/styles/globals.css

@@ -46,10 +46,6 @@ body {
 	font-family: "Fira Code", monospace;
 }
 
-h1 {
-	font-size: 20px;
-}
-
 a,
 a:active,
 a:visited {
@@ -85,6 +81,10 @@ a:hover {
 	text-shadow: 0px 0px 10px;
 }
 
+.align-left { text-align: left; }
+.align-center { text-align: center; }
+.align-right { text-align: right; }
+
 .ace_editor,
 .ace_gutter {
 	background-color: var(--window-color) !important;

startpage.config.js

@@ -90,6 +90,7 @@ const defaultConfig = {
 		{
 			title: "General",
 			color: "green",
+			align: "left",
 			links: [
 				{
 					name: "Portfolio",
@@ -116,6 +117,7 @@ const defaultConfig = {
 		{
 			title: "Dev",
 			color: "magenta",
+			align: "left",
 			links: [
 				{
 					name: "GitHub",
@@ -142,6 +144,7 @@ const defaultConfig = {
 		{
 			title: "Social",
 			color: "violet",
+			align: "left",
 			links: [
 				{
 					name: "Twitter",
@@ -168,6 +171,7 @@ const defaultConfig = {
 		{
 			title: "Gaming",
 			color: "cyan",
+			align: "left",
 			links: [
 				{
 					name: "Polygon",
@@ -194,6 +198,7 @@ const defaultConfig = {
 		{
 			title: "Science",
 			color: "blue",
+			align: "left",
 			links: [
 				{
 					name: "PopSci",
@@ -220,6 +225,7 @@ const defaultConfig = {
 		{
 			title: "Tech",
 			color: "yellow",
+			align: "left",
 			links: [
 				{
 					name: "TechCrunch",