adjusted performance and post urls

2022-03-02 18:37:32 -06:00
parent 976b7f0ca8
commit 950fc4a4a0
1 changed files with 170 additions and 0 deletions
--- a/static/index.css.save
+++ b/static/index.css.save
@@ -0,0 +1,170 @@
+/*
+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
+*/
+
+html {
+	max-width: 100vw;
+	min-height: 100vh;
+}
+
+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;
+	background-color: #fafafa;
+	font-size: calc(12px + 0.33vw);
+	margin: auto;
+	padding: 1.3em;
+	max-width: clamp(300px, 600px + 3vw, 900px);
+}
+
+h1 { 
+	font-size: 2em; 
+	font-weight: 800;
+	margin-bottom: 0;
+	margin-top: 12px;
+	font-style: italic;
+}
+
+h2 {
+	font-size: 1.5em;
+	font-weight: 700;
+	margin-bottom: 0;
+}
+
+h3 {
+	font-size: 1.4em;
+	font-weight: 600;
+	margin-bottom: 6px;
+}
+
+h4 {
+	font-size: 1.3em;
+	font-weight: 600;
+	margin-bottom: 6px;
+}
+
+p { 
+	font-size: 1.2em;
+	font-weight: 400;
+	line-height: 1.4;
+	max-width: 33em;
+	margin-right: 12px;
+}
+
+li {
+	padding-top: 6px;
+	padding-bottom: 6px;
+}
+
+a {
+	text-decoration: none;
+	color: #242124;
+	position: relative;
+	transition: 100ms linear;
+}
+
+a::after {
+	content: '';
+	position: absolute;
+	z-index: -1;
+	top: 83%;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
+	background-color: rgba(255, 222, 0);
+}
+
+a:hover:after {
+	top: 8%;
+}
+
+.header {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.nav-bar {
+	display: flex;
+	flex-direction: row;
+	font-size: 1.1em;
+	margin-top: calc(12px + 1vh);
+	margin-bottom: 1vw;
+}
+
+.nav-item {
+	display: block;
+	margin-right: 12px;
+	font-weight: 800;
+}
+
+.content-wrapper {
+	margin: 12px;
+}
+
+.subtext, .sub-text {
+	font-size: clamp(0.65em, 0.72em, 0.8em);
+}
+
+.footer > a {
+	margin-right: 6px;
+}
+
+.footer-text {
+	font-size: 0.8em;
+}
+
+.post-record { 
+	padding-right: 6px;
+	width: 200px + 2vw;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	margin-top: 12px;
+}
+
+.post-record-title {
+	font-size: 1.3em;
+	font-weight: 400;
+}
+
+.skill-keywords {
+	overflow: wrap;
+/	font-size: 0.9em;
+}
+
+.skill-keywords > i::before {
+	content: " '";
+}
+
+.skill-keywords > i::after {
+	content: "' ";
+}
+
+.comment {
+	margin-top: 3px;
+	margin-bottom: 3px;
+	border: 2px solid #454545;
+}
+
+.comment-body {
+	background-color: rgba(222, 222, 222, 0.5);
+	word-wrap: break-word;
+}