Initial commit

1 files changed, 158 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..29cfa10
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,158 @@
+@font-face {
+    font-family: "Hack";
+    src: url(../fonts/Hack-Regular.ttf);
+}
+
+@font-face {
+    font-family: "Kingthings Foundation";
+    src: url(../fonts/Kingthings-Foundation.ttf);
+}
+
+@font-face {
+    font-family: "Kingthings Exeter";
+    src: url(../fonts/Kingthings-Exeter.ttf);
+}
+
+@font-face {
+    font-family: "Venturis Old";
+    src: url(../fonts/VenturisOldADF-Regular.otf);
+}
+
+body{
+    max-width: 900px;
+    margin: auto;
+    background: #c6e2ff;
+}
+
+p{
+    text-align: justify;
+}
+
+hr{
+    color: white;
+    margin-top: 10px;
+}
+
+pre {
+    font-family: "Hack";
+    padding: 1%;
+    border-radius: 20px;
+}
+
+a {
+    color: purple;
+    text-decoration: none;
+}
+
+a:hover {
+    font-style: italic;
+}
+
+a:visited {
+    color: purple;
+}
+
+footer span{
+    text-align: center;
+    margin-top: 0.5em;
+}
+
+header {
+    text-align: center;
+}
+header h1 {
+    font-size: 300%;
+}
+
+header nav a{
+    padding: 0.5em;
+}
+
+table {
+    border-collapse: collapse;
+    font-size: 0.9em;
+}
+
+table th{
+    background-color: purple;
+    color: white;
+}
+
+tr, th, td{
+    border: 1px solid black;
+    padding: 0.3em;
+}
+
+footer {
+    text-align: center;    
+    margin-top: 5%;
+    margin-bottom: 5%;
+}
+
+
+header h1{
+    font-family: "Venturis Old";
+    color: #228B22;
+}
+
+header h1 span{
+    color: purple;
+}
+
+article {
+    width: fit-content;
+    /*text-align: center*/;
+    padding: 0.5em;
+}
+
+ul { text-align: left; }
+
+/*.container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}*/
+
+blockquote {
+    font-style: italic;
+}
+
+
+aside{
+    position: absolute;
+    top: 0.5em;
+    right: 0.5em;
+    width: fit-content;
+    max-width: 350px;
+    text-align: center;
+}
+aside blockquote {
+    font-size: 0.8em;
+}
+
+aside img{
+    padding: 0.1em;
+    border-radius: 20px;
+    vertical-align: top;
+    width: 45%;
+}
+
+#blog ul, #blog ol{
+    padding-left: 4%;
+    padding-right: 4%;
+}
+
+#blog img{
+    max-width: 600px;
+}
+
+p:has(> img){
+    text-align: center;
+}
+
+.pagination {
+    text-align: center;
+    padding: 5px;
+    margin: 5px;
+    font-size: 110%;
+}