Initial commit

2022-05-12 15:29:25 +02:00
commit 110eea369b
15 changed files with 334 additions and 0 deletions
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -0,0 +1,141 @@
+.vertical-flex {
+    display: flex;
+    flex-direction: column;
+}
+
+.horizontal-flex {
+    display: flex;
+    flex-direction: row;
+}
+
+.horizontal-center {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.vertical-center {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    height: 100%;
+}
+
+.avatar {
+    width: 200px;
+    height: 200px;
+    border-radius: 10px;
+    margin-right: 30px;
+}
+
+.name-title {
+    font-size: xxx-large;
+}
+
+.clickable {
+    cursor: pointer;
+}
+
+.header {
+    width: 42%;
+}
+
+#header-links ul {
+    list-style: none;
+    padding-left: 0px;
+    margin-bottom: 0px;
+    margin-top: 0px;
+}
+#header-links li {
+    display: inline;
+
+    font-size: large;
+    margin-left: 20px;
+}
+
+#header-links li:first-child {
+    margin-left: 0px;
+}
+
+h1, h2 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+html {
+    background-color: #f6f6f6;
+}
+
+body {
+    padding: 5px;
+    font-size: large;
+}
+
+.project-row {
+    margin-top: 30px;
+    box-sizing: border-box;
+}
+
+.agressive-word-breaking {}
+
+/* Screenshots */
+.screenshot {
+    width: 270px;
+    height: auto;
+    margin-right: 15px;
+    border-radius: 10px;
+}
+
+.no-screenshot {
+    width: 270px;
+    height: 270px;
+    background-color: #3e3e3e;
+    border-radius: 10px;
+    margin-right: 15px;
+
+    flex-shrink: 0;
+}
+.no-screenshot-pound {
+    font-size: 130px;
+}
+
+@media screen and (max-width: 720px) {
+    .avatar {
+	width: 100px;
+	height: 100px;
+	margin-right: 10px;
+    }
+
+    .screenshot {
+	width: 100px;
+    }
+
+    .no-screenshot {
+	width: 100px;
+	height: 100px;
+	flex-shrink: 0;
+    }
+    .no-screenshot-pound {
+	font-size: 43px;
+    }
+
+    .name-title {
+	font-size: x-large;
+    }
+
+    #social-links td:nth-child(2) {
+	word-break: break-word;
+    }
+
+    #social-links td {
+	padding-top: 5px;
+	padding-bottom: 5px;
+    }
+    #social-links td[class="table-no-padding-top"] {
+	padding-top: 0px;
+    }
+    #social-links td[class="table-no-padding-bottom"] {
+	padding-bottom: 0px;
+    }
+}