Merge branch 'client-side'

villermen · Nov 27, 2018 · 98f016f · 98f016f
2 parents a33e354 + 024e2b4
commit 98f016f
Show file tree

Hide file tree

Showing 96 changed files with 8,736 additions and 803 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,10 @@
+{
+    "presets": [
+        "@babel/preset-env",
+        "@babel/preset-typescript",
+        "@babel/preset-react"
+    ],
+    "plugins": [
+        "@babel/plugin-syntax-dynamic-import"
+    ]
+}
diff --git a/.browserslistrc b/.browserslistrc
@@ -0,0 +1,2 @@
+> 0.5%
+not dead
diff --git a/.editorconfig b/.editorconfig
@@ -1,6 +1,6 @@
 [*]
-end_of_file = lf
+end_of_line = lf
 insert_final_newline = true
 charset = utf-8
 indent_style = space
-indent_size = 4
+indent_size = 4
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 /.idea/
-/vendor/
+/node_modules/
+/dist/*
+!/dist/.htaccess
diff --git a/assets.d.ts b/assets.d.ts
@@ -0,0 +1,8 @@
+// To make TypeScript understand that certain files can be imported
+declare module '*.svg'
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.exe'
+declare module '*.8xp'
+declare module '*.8xg'
+declare module '*.gmk'
diff --git a/public/gamemaker/conveyors.exe → assets/downloads/gamemaker/conveyors.exe b/public/gamemaker/conveyors.exe → assets/downloads/gamemaker/conveyors.exe
diff --git a/public/gamemaker/conveyors.gmk → assets/downloads/gamemaker/conveyors.gmk b/public/gamemaker/conveyors.gmk → assets/downloads/gamemaker/conveyors.gmk
diff --git a/public/gamemaker/dtm_36.exe → assets/downloads/gamemaker/dtm-0.8.exe b/public/gamemaker/dtm_36.exe → assets/downloads/gamemaker/dtm-0.8.exe
diff --git a/public/gamemaker/dtm_08.exe → assets/downloads/gamemaker/dtm-3.6.exe b/public/gamemaker/dtm_08.exe → assets/downloads/gamemaker/dtm-3.6.exe
diff --git a/public/gamemaker/dtm.gmk → assets/downloads/gamemaker/dtm.gmk b/public/gamemaker/dtm.gmk → assets/downloads/gamemaker/dtm.gmk
diff --git a/public/gamemaker/sentinel.exe → assets/downloads/gamemaker/sentinel.exe b/public/gamemaker/sentinel.exe → assets/downloads/gamemaker/sentinel.exe
diff --git a/public/gamemaker/visualized.exe → assets/downloads/gamemaker/visualized.exe b/public/gamemaker/visualized.exe → assets/downloads/gamemaker/visualized.exe
diff --git a/public/gamemaker/visualized.gmk → assets/downloads/gamemaker/visualized.gmk b/public/gamemaker/visualized.gmk → assets/downloads/gamemaker/visualized.gmk
diff --git a/public/tibasic/AVOIDER.8xp → assets/downloads/tibasic/AVOIDER.8xp b/public/tibasic/AVOIDER.8xp → assets/downloads/tibasic/AVOIDER.8xp
diff --git a/public/tibasic/FOUR.8xp → assets/downloads/tibasic/FOUR.8xp b/public/tibasic/FOUR.8xp → assets/downloads/tibasic/FOUR.8xp
diff --git a/public/tibasic/FREEMOVE.8xp → assets/downloads/tibasic/FREEMOVE.8xp b/public/tibasic/FREEMOVE.8xp → assets/downloads/tibasic/FREEMOVE.8xp
diff --git a/public/tibasic/MSTRMND.8xp → assets/downloads/tibasic/MSTRMND.8xp b/public/tibasic/MSTRMND.8xp → assets/downloads/tibasic/MSTRMND.8xp
diff --git a/public/tibasic/OMNIKLOK.8xg → assets/downloads/tibasic/OMNIKLOK.8xg b/public/tibasic/OMNIKLOK.8xg → assets/downloads/tibasic/OMNIKLOK.8xg
diff --git a/public/tibasic/YAHTZEE.8xp → assets/downloads/tibasic/YAHTZEE.8xp b/public/tibasic/YAHTZEE.8xp → assets/downloads/tibasic/YAHTZEE.8xp
diff --git a/public/favicon.ico → assets/favicon.ico b/public/favicon.ico → assets/favicon.ico
diff --git a/assets/icons/README.md b/assets/icons/README.md
@@ -0,0 +1,3 @@
+Brand icons by Dan Leech, https://simpleicons.org/
+
+Others by Freepik, https://www.freepik.com/
diff --git a/assets/icons/github.svg b/assets/icons/github.svg
diff --git a/assets/icons/gmail.svg b/assets/icons/gmail.svg
diff --git a/assets/icons/home.svg b/assets/icons/home.svg
diff --git a/assets/icons/steam.svg b/assets/icons/steam.svg
diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg
diff --git a/public/images/avatar.png → assets/images/avatar.png b/public/images/avatar.png → assets/images/avatar.png
diff --git a/public/images/background.png → assets/images/background.png b/public/images/background.png → assets/images/background.png
diff --git a/public/gamemaker/conveyors1.png → assets/images/gamemaker/conveyors1.png b/public/gamemaker/conveyors1.png → assets/images/gamemaker/conveyors1.png
diff --git a/public/gamemaker/conveyors2.png → assets/images/gamemaker/conveyors2.png b/public/gamemaker/conveyors2.png → assets/images/gamemaker/conveyors2.png
diff --git a/public/gamemaker/conveyors3.png → assets/images/gamemaker/conveyors3.png b/public/gamemaker/conveyors3.png → assets/images/gamemaker/conveyors3.png
diff --git a/public/gamemaker/dtm1.png → assets/images/gamemaker/dtm1.png b/public/gamemaker/dtm1.png → assets/images/gamemaker/dtm1.png
diff --git a/public/gamemaker/dtm2.png → assets/images/gamemaker/dtm2.png b/public/gamemaker/dtm2.png → assets/images/gamemaker/dtm2.png
diff --git a/public/gamemaker/sentinel1.png → assets/images/gamemaker/sentinel1.png b/public/gamemaker/sentinel1.png → assets/images/gamemaker/sentinel1.png
diff --git a/public/gamemaker/sentinel2.png → assets/images/gamemaker/sentinel2.png b/public/gamemaker/sentinel2.png → assets/images/gamemaker/sentinel2.png
diff --git a/public/gamemaker/sentinel3.png → assets/images/gamemaker/sentinel3.png b/public/gamemaker/sentinel3.png → assets/images/gamemaker/sentinel3.png
diff --git a/public/gamemaker/sentinel4.png → assets/images/gamemaker/sentinel4.png b/public/gamemaker/sentinel4.png → assets/images/gamemaker/sentinel4.png
diff --git a/public/gamemaker/visualized1.png → assets/images/gamemaker/visualized1.png b/public/gamemaker/visualized1.png → assets/images/gamemaker/visualized1.png
diff --git a/public/gamemaker/visualized2.png → assets/images/gamemaker/visualized2.png b/public/gamemaker/visualized2.png → assets/images/gamemaker/visualized2.png
diff --git a/public/gamemaker/visualized3.png → assets/images/gamemaker/visualized3.png b/public/gamemaker/visualized3.png → assets/images/gamemaker/visualized3.png
diff --git a/...ic/images/project-buttons/filebrowser.png → ...ts/images/project-buttons/filebrowser.png b/...ic/images/project-buttons/filebrowser.png → ...ts/images/project-buttons/filebrowser.png
diff --git a/public/images/project-buttons/gamemaker.png → assets/images/project-buttons/gamemaker.png b/public/images/project-buttons/gamemaker.png → assets/images/project-buttons/gamemaker.png
diff --git a/.../images/project-buttons/hatlessengine.png → .../images/project-buttons/hatlessengine.png b/.../images/project-buttons/hatlessengine.png → .../images/project-buttons/hatlessengine.png
diff --git a/...mages/project-buttons/isitteamtimeyet.png → ...mages/project-buttons/isitteamtimeyet.png b/...mages/project-buttons/isitteamtimeyet.png → ...mages/project-buttons/isitteamtimeyet.png
diff --git a/public/images/project-buttons/leadtolive.png → assets/images/project-buttons/leadtolive.png b/public/images/project-buttons/leadtolive.png → assets/images/project-buttons/leadtolive.png
diff --git a/...ages/project-buttons/leadtolive_small.png → ...ages/project-buttons/leadtolive_small.png b/...ages/project-buttons/leadtolive_small.png → ...ages/project-buttons/leadtolive_small.png
diff --git a/public/images/project-buttons/minecraft.png → assets/images/project-buttons/minecraft.png b/public/images/project-buttons/minecraft.png → assets/images/project-buttons/minecraft.png
diff --git a/public/images/project-buttons/omnicash.png → assets/images/project-buttons/omnicash.png b/public/images/project-buttons/omnicash.png → assets/images/project-buttons/omnicash.png
diff --git a/public/images/project-buttons/rooster.png → assets/images/project-buttons/rooster.png b/public/images/project-buttons/rooster.png → assets/images/project-buttons/rooster.png
diff --git a/public/images/project-buttons/rslookup.png → assets/images/project-buttons/rslookup.png b/public/images/project-buttons/rslookup.png → assets/images/project-buttons/rslookup.png
diff --git a/public/images/project-buttons/soundboard.png → assets/images/project-buttons/soundboard.png b/public/images/project-buttons/soundboard.png → assets/images/project-buttons/soundboard.png
diff --git a/public/images/project-buttons/tibasic.png → assets/images/project-buttons/tibasic.png b/public/images/project-buttons/tibasic.png → assets/images/project-buttons/tibasic.png
diff --git a/public/images/project-buttons/toxic.png → assets/images/project-buttons/toxic.png b/public/images/project-buttons/toxic.png → assets/images/project-buttons/toxic.png
diff --git a/public/images/project-buttons/vapor.png → assets/images/project-buttons/vapor.png b/public/images/project-buttons/vapor.png → assets/images/project-buttons/vapor.png
diff --git a/public/tibasic/avoider1.png → assets/images/tibasic/avoider.png b/public/tibasic/avoider1.png → assets/images/tibasic/avoider.png
diff --git a/public/tibasic/calculator.png → assets/images/tibasic/calculator.png b/public/tibasic/calculator.png → assets/images/tibasic/calculator.png
diff --git a/public/tibasic/four1.png → assets/images/tibasic/four.png b/public/tibasic/four1.png → assets/images/tibasic/four.png
diff --git a/public/tibasic/freemove1.png → assets/images/tibasic/freemove.png b/public/tibasic/freemove1.png → assets/images/tibasic/freemove.png
diff --git a/public/tibasic/mstrmnd1.png → assets/images/tibasic/mastermind.png b/public/tibasic/mstrmnd1.png → assets/images/tibasic/mastermind.png
diff --git a/public/tibasic/omniklok1.png → assets/images/tibasic/omniklok1.png b/public/tibasic/omniklok1.png → assets/images/tibasic/omniklok1.png
diff --git a/public/tibasic/omniklok2.png → assets/images/tibasic/omniklok2.png b/public/tibasic/omniklok2.png → assets/images/tibasic/omniklok2.png
diff --git a/public/tibasic/omniklok3.png → assets/images/tibasic/omniklok3.png b/public/tibasic/omniklok3.png → assets/images/tibasic/omniklok3.png
diff --git a/public/tibasic/yahtzee1.png → assets/images/tibasic/yahtzee.png b/public/tibasic/yahtzee1.png → assets/images/tibasic/yahtzee.png
diff --git a/assets/index.html b/assets/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="initial-scale=1" />
+        <title>Villermen's homepage</title>
+        <style>body { background-color: black; }</style>
+    </head>
+    <body>
+        <div class="react-root">
+            It seems like you are either a robot or horribly out of fashion.
+            Get with the program or get out respectively.
+        </div>
+    </body>
+</html>
diff --git a/public/styles/default.css → assets/main.css b/public/styles/default.css → assets/main.css
@@ -7,32 +7,40 @@ html, body {
     padding: 0;
     box-sizing: border-box;
 }
+
 body {
     background-color: black;
     color: #00c800;
     font-family: "Roboto", sans-serif;
     padding: 0.8rem 0.8rem 0 0.8rem;
 }
+
 a img {
     border-width: 0;
 }
+
 a {
     color: #8CD28C;
     text-decoration: none;
 }
+
 a:hover {
     text-decoration: underline;
 }
+
 h1, h2 , h3, h4, h5, h6 {
     text-align: center;
     margin: 0 0 1rem 0;
 }
+
 h3, h4, h5, h6 {
     font-weight: normal;
 }
+
 p {
     margin: 0 0 1rem 0;
 }
+
 section, .section {
     text-align: left;
     margin-bottom: 1rem;
@@ -42,69 +50,94 @@ section, .section {
     position: relative;
     min-width: 315px;
 }
+
 main {
     display: block;
 }
+
 footer, footer.section {
     text-align: right;
 }
-@keyframes spin { 100% { transform: rotate(360deg); } }
-@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
+
+@keyframes spin {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes spin {
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@-moz-keyframes spin {
+    100% {
+        -moz-transform: rotate(360deg);
+    }
+}
+
 .background {
     position: fixed;
     z-index: -1;
-
     top: 50%;
     left: 50%;
     width: 2000px;
     height: 2000px;
     margin-top: -1000px;
     margin-left: -1000px;
-
-    background: url("../images/background.png") no-repeat center center;
+    background: url('./images/background.png') no-repeat center center;
     background-size: 100% 100%;
-
     animation: spin 100s linear infinite;
     -webkit-animation: spin 100s linear infinite;
     -moz-animation: spin 100s linear infinite;
 }
+
 .avatar {
     float: left;
     margin: 0 1rem 1rem 0;
     width: 5rem;
     height: 5rem;
 }
+
 .contact {
     vertical-align: middle;
 }
+
 .contactlinks {
     margin-top: 1rem;
     text-align: center;
 }
+
 .contactlink {
     display: inline-block;
     width: 2rem;
     height: 2rem;
     margin: 0 0.4rem;
 }
+
 .contactlink path, .contactlink rect, .contactlink circle {
     fill: #00c800;
 }
+
 .home-button {
     display: block;
     float: left;
     width: 2rem;
     height: 2rem;
     margin-top: -0.4rem;
 }
-.home-button img {
+
+.home-icon {
     width: 2rem;
     height: 2rem;
+    fill: #00c800;
 }
-.project-buttons {
+
+.project-button-container {
     margin: 0 auto;
 }
+
 .project-button {
     display: block;
     float: left;
@@ -113,57 +146,72 @@ footer, footer.section {
     width: 145px;
     height: 95px;
 }
-.project-button.horizontal {
+
+.project-button--horizontal {
     width: 300px;
     height: 95px;
 }
-.project-button.vertical {
+
+.project-button--vertical {
     width: 145px;
     height: 200px;
 }
-.project-button.large {
+
+.project-button--large {
     width: 300px;
     height: 200px;
 }
+
 .project-image {
     border-radius: 2px;
     width: 100%;
     height: 100%;
 }
-.project-button:hover  {
+
+.project-button:hover {
     filter: brightness(1.3);
     -webkit-filter: brightness(1.3);
 }
-.clock{
+
+.clock {
     text-align: center;
     margin-bottom: 1rem;
 }
+
 .clock__digit {
     font-size: 3rem;
     display: inline-block;
     width: 4rem;
 }
+
 .clock__date {
     margin-bottom: 1rem;
 }
+
 .clock__timestamp {
     color: #007900;
 }
+
 .clock__timestamp:before {
     content: "(";
 }
+
 .clock__timestamp:after {
     content: ")";
 }
+
 .ip {
     text-align: center;
 }
+
 .info-section {
     margin-bottom: 1rem;
 }
+
 .clear {
     clear: both;
 }
+
 .center {
     text-align: center;
 }
diff --git a/composer.json b/composer.json
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		Brand icons by Dan Leech, https://simpleicons.org/

		Others by Freepik, https://www.freepik.com/