init

2022-02-06 17:33:47 -06:00
commit 4389b07f39
16 changed files with 461 additions and 0 deletions
--- a/static/index.css
+++ b/static/index.css
@@ -0,0 +1,145 @@
+/*
+Copyright (C) 2022 Rawley Fowler
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022
+*/
+body {
+	color: #242124;
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+	-webkit-font-smoothing: antialias;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+	background-image: url('/static/bg.svg');
+	background-repeat: no-repeat;
+	background-size: cover;
+	font-size: calc(12px + 0.33vw);
+	max-width: 100vw;
+	min-height: 100vh;
+	margin-left: 3vw;
+	margin-right: 3vw;
+}
+
+h1 { 
+	font-size: 2em; 
+	font-weight: 800;
+	margin-bottom: 0;
+	margin-top: 12px;
+}
+
+h2 {
+	font-size: 1.3em;
+	font-weight: 700;
+	margin-bottom: 0;
+}
+
+h3 {
+	font-size: 1.2em;
+	font-weight: 600;
+	margin-bottom: 0;
+}
+
+p { 
+	font-size: 1em;
+	font-weight: 500;
+	line-height: 1.4;
+	max-width: 33em;
+	margin-right: 12px;
+}
+
+a {
+	text-decoration: none;
+	color: #242124;
+	position: relative;
+	transition: 100ms linear;
+}
+
+a:hover {
+	color: rgba(72,61,139, 0.3);
+}
+
+a::after {
+	content: '';
+	position: absolute;
+	z-index: -1;
+	top: 83%;
+	left: -0.1em;
+	right: -0.1em;
+	bottom: 0;
+	transition: 200ms cubic-bezier(0, 0.8, 0.13, 1);
+	background-color: rgba(72,61,139, 0.3);
+}
+
+a::after:hover {
+	background-color: rgba(129, 66, 180, 0.3);
+	top: 0%;
+}
+
+.header {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+}
+
+.nav-bar {
+	display: flex;
+	flex-direction: row;
+	font-size: 1.1em;
+	margin-top: calc(12px + 1vh);
+}
+
+.nav-item {
+	display: block;
+	margin-left: 12px;
+	margin-right: 12px;
+	font-weight: 800;
+}
+
+.content-wrapper {
+	margin: 12px;
+}
+
+.footer-text {
+	font-size: 0.8em;
+}
+
+.post-record { 
+	background-color: rgba(233, 233, 233, 0.6);
+	padding-left: 12px;
+	padding-right: 12px;
+	width: 200px + 2vw;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	margin-top: 9px;
+}
+
+.skill-keywords {
+	overflow: wrap;
+	font-size: 0.9em;
+}
+
+.skill-keywords > i::before {
+	content: " '";
+}
+
+.skill-keywords > i::after {
+	content: "' ";
+}
+
+@media only screen and (max-width: 508px) {
+	.header {
+		flex-direction: column;
+		justify-content: center;
+	}
+}