Update folder structure for pages and some components

2026-05-01 18:00:26 +00:00 · 2021-12-17 16:59:45 +01:00
parent 66929e45d8
commit d17951b37e
36 changed files with 833 additions and 821 deletions
@@ -0,0 +1,78 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+	min-height: 75vh;
+	padding: 1rem 0rem;
+	display: grid;
+	grid-template-rows: auto 1fr;
+	row-gap: 2rem;
+
+	@media (max-width: 768px) {
+		row-gap: 1rem;
+	}
+
+	.meta {
+		.back {
+			cursor: pointer;
+			text-align: left;
+			color: #3f9aee;
+			display: inline-flex;
+			align-items: center;
+		}
+
+		.image {
+			margin: 1rem 0rem;
+		}
+
+		h1,
+		p {
+			text-align: left;
+		}
+
+		h1 {
+			font-size: 2rem;
+		}
+
+		h2 {
+			font-size: 1.2rem;
+		}
+	}
+
+	hr {
+		height: 0.1rem;
+		opacity: 0.3;
+		margin: 1rem auto 0rem auto;
+	}
+
+	.content {
+		h1 {
+			font-size: 1.5rem;
+		}
+
+		h2 {
+			font-size: 1.3rem;
+		}
+
+		h3 {
+			font-size: 1.1rem;
+		}
+
+		& > * {
+			margin: 0.5rem 0rem;
+		}
+
+		button {
+			margin: 1rem 0rem;
+		}
+
+		p * {
+			width: 100%;
+			height: auto;
+		}
+
+		ul,
+		ol {
+			margin-left: 1.5rem;
+		}
+	}
+`;