Initial commit

.gitignore

@@ -0,0 +1,7 @@
+
+# Environment variables
+.env
+
+
+# IDE files
+.vscode/

assets/icons/code-svgrepo-com.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="code-svgrepo-com.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.1136932"
+     inkscape:cx="204.27529"
+     inkscape:cy="414.83598"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M7 8L3 11.6923L7 16M17 8L21 11.6923L17 16M14 4L10 20"
+     stroke="#fff"
+     stroke-width="2"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="path2" />
+</svg>

assets/icons/server-minimalistic-svgrepo-com.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="server-minimalistic-svgrepo-com.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7875"
+     inkscape:cx="399.36508"
+     inkscape:cy="400"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path
+     d="M14 21H5C4.06812 21 3.60218 21 3.23463 20.8478C2.74458 20.6448 2.35523 20.2554 2.15224 19.7654C2 19.3978 2 18.9319 2 18C2 17.0681 2 16.6022 2.15224 16.2346C2.35523 15.7446 2.74458 15.3552 3.23463 15.1522C3.60218 15 4.06812 15 5 15H19C19.9319 15 20.3978 15 20.7654 15.1522C21.2554 15.3552 21.6448 15.7446 21.8478 16.2346C22 16.6022 22 17.0681 22 18C22 18.9319 22 19.3978 21.8478 19.7654C21.6448 20.2554 21.2554 20.6448 20.7654 20.8478C20.3978 21 19.9319 21 19 21H18"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path2" />
+  <path
+     d="M2 12C2 11.0681 2 10.6022 2.15224 10.2346C2.35523 9.74458 2.74458 9.35523 3.23463 9.15224C3.60218 9 4.06812 9 5 9H19C19.9319 9 20.3978 9 20.7654 9.15224C21.2554 9.35523 21.6448 9.74458 21.8478 10.2346C22 10.6022 22 11.0681 22 12C22 12.9319 22 13.3978 21.8478 13.7654C21.6448 14.2554 21.2554 14.6448 20.7654 14.8478C20.3978 15 19.9319 15 19 15H5C4.06812 15 3.60218 15 3.23463 14.8478C2.74458 14.6448 2.35523 14.2554 2.15224 13.7654C2 13.3978 2 12.9319 2 12Z"
+     stroke="#fff"
+     stroke-width="1.5"
+     id="path4" />
+  <path
+     d="M10 3H19C19.9319 3 20.3978 3 20.7654 3.15224C21.2554 3.35523 21.6448 3.74458 21.8478 4.23463C22 4.60218 22 5.06812 22 6C22 6.93188 22 7.39782 21.8478 7.76537C21.6448 8.25542 21.2554 8.64477 20.7654 8.84776C20.3978 9 19.9319 9 19 9H5C4.06812 9 3.60218 9 3.23463 8.84776C2.74458 8.64477 2.35523 8.25542 2.15224 7.76537C2 7.39782 2 6.93188 2 6C2 5.06812 2 4.60218 2.15224 4.23463C2.35523 3.74458 2.74458 3.35523 3.23463 3.15224C3.60218 3 4.06812 3 5 3H6"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path6" />
+  <circle
+     cx="5"
+     cy="12"
+     r="1"
+     fill="#fff"
+     id="circle8" />
+  <circle
+     cx="5"
+     cy="6"
+     r="1"
+     fill="#fff"
+     id="circle10" />
+  <circle
+     cx="5"
+     cy="18"
+     r="1"
+     fill="#fff"
+     id="circle12" />
+</svg>

assets/icons/video-frame-play-vertical-svgrepo-com.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg16"
+   sodipodi:docname="video-frame-play-vertical-svgrepo-com.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs20" />
+  <sodipodi:namedview
+     id="namedview18"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7875"
+     inkscape:cx="399.36508"
+     inkscape:cy="400"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg16" />
+  <path
+     d="M17 2.5L17 21.5"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path2" />
+  <path
+     d="M7 2.5L7 21.5"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path4" />
+  <path
+     d="M2 12L7 12M22 12L17 12"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path6" />
+  <path
+     d="M2.5 7L7 7M21.5 7L17 7"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path8" />
+  <path
+     d="M21.5 17.75C21.9142 17.75 22.25 17.4142 22.25 17C22.25 16.5858 21.9142 16.25 21.5 16.25V17.75ZM17 16.25C16.5858 16.25 16.25 16.5858 16.25 17C16.25 17.4142 16.5858 17.75 17 17.75V16.25ZM7 17.75C7.41421 17.75 7.75 17.4142 7.75 17C7.75 16.5858 7.41421 16.25 7 16.25L7 17.75ZM17 17.75L21.5 17.75V16.25L17 16.25V17.75ZM2 17.75L7 17.75L7 16.25L2 16.25L2 17.75Z"
+     fill="#fff"
+     id="path10" />
+  <path
+     d="M14 12C14 11.4722 13.4704 11.1162 12.4112 10.4043C11.3375 9.68271 10.8006 9.3219 10.4003 9.58682C10 9.85174 10 10.5678 10 12C10 13.4322 10 14.1483 10.4003 14.4132C10.8006 14.6781 11.3375 14.3173 12.4112 13.5957C13.4704 12.8838 14 12.5278 14 12Z"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path12" />
+  <path
+     d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.352 4.28094 21.7133 5.37486 21.8731 7M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2.64799 19.7191 2.28672 18.6251 2.12687 17"
+     stroke="#fff"
+     stroke-width="1.5"
+     stroke-linecap="round"
+     id="path14" />
+</svg>

assets/icons/youtube-svgrepo-com.svg

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   width="800px"
+   height="800px"
+   viewBox="0 0 24 24"
+   fill="none"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="youtube-svgrepo-com.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="0.7875"
+     inkscape:cx="399.36508"
+     inkscape:cy="400"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1920"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M9.49614 7.13176C9.18664 6.9549 8.80639 6.95617 8.49807 7.13509C8.18976 7.31401 8 7.64353 8 8V16C8 16.3565 8.18976 16.686 8.49807 16.8649C8.80639 17.0438 9.18664 17.0451 9.49614 16.8682L16.4961 12.8682C16.8077 12.6902 17 12.3589 17 12C17 11.6411 16.8077 11.3098 16.4961 11.1318L9.49614 7.13176ZM13.9844 12L10 14.2768V9.72318L13.9844 12Z"
+     fill="#0F0F0F"
+     id="path2"
+     style="fill:#ffffff" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M0 12C0 8.25027 0 6.3754 0.954915 5.06107C1.26331 4.6366 1.6366 4.26331 2.06107 3.95491C3.3754 3 5.25027 3 9 3H15C18.7497 3 20.6246 3 21.9389 3.95491C22.3634 4.26331 22.7367 4.6366 23.0451 5.06107C24 6.3754 24 8.25027 24 12C24 15.7497 24 17.6246 23.0451 18.9389C22.7367 19.3634 22.3634 19.7367 21.9389 20.0451C20.6246 21 18.7497 21 15 21H9C5.25027 21 3.3754 21 2.06107 20.0451C1.6366 19.7367 1.26331 19.3634 0.954915 18.9389C0 17.6246 0 15.7497 0 12ZM9 5H15C16.9194 5 18.1983 5.00275 19.1673 5.10773C20.0989 5.20866 20.504 5.38448 20.7634 5.57295C21.018 5.75799 21.242 5.98196 21.4271 6.23664C21.6155 6.49605 21.7913 6.90113 21.8923 7.83269C21.9973 8.80167 22 10.0806 22 12C22 13.9194 21.9973 15.1983 21.8923 16.1673C21.7913 17.0989 21.6155 17.504 21.4271 17.7634C21.242 18.018 21.018 18.242 20.7634 18.4271C20.504 18.6155 20.0989 18.7913 19.1673 18.8923C18.1983 18.9973 16.9194 19 15 19H9C7.08058 19 5.80167 18.9973 4.83269 18.8923C3.90113 18.7913 3.49605 18.6155 3.23664 18.4271C2.98196 18.242 2.75799 18.018 2.57295 17.7634C2.38448 17.504 2.20866 17.0989 2.10773 16.1673C2.00275 15.1983 2 13.9194 2 12C2 10.0806 2.00275 8.80167 2.10773 7.83269C2.20866 6.90113 2.38448 6.49605 2.57295 6.23664C2.75799 5.98196 2.98196 5.75799 3.23664 5.57295C3.49605 5.38448 3.90113 5.20866 4.83269 5.10773C5.80167 5.00275 7.08058 5 9 5Z"
+     fill="#0F0F0F"
+     id="path4"
+     style="fill:#ffffff" />
+</svg>

index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en" data-beasties-container>
+<head>
+  <meta charset="utf-8">
+  <title>Portfolio</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>:root{--primary-color:#0c0;--secondary-color:#090;--tertiary-color:#060;--accent-color:rgb(231, 54, 10);--grey-color:#444;--dark-grey-color:#111}body{background-color:#000;margin:0;overflow:hidden;padding:0}.screen{animation:colorPulse 5s infinite ease-in-out;background-image:radial-gradient(var(--grey-color),var(--dark-grey-color));box-shadow:0 0 5vmin 1vmin #000 inset;box-sizing:border-box;font-family:Fira Mono,monospace;font-size:20px;height:100vh;overflow:hidden;padding:10vmin;width:100vw}.screen:before{animation:wave 10s infinite ease-in-out;content:"";height:20vh;left:0;opacity:.5;position:absolute;right:0;z-index:1}.screen:after{background-image:linear-gradient(transparent,transparent 3px,#222);background-size:4px 4px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes colorPulse{0%,to{color:var(--primary-color)}48%,52%{color:#090}50%{color:#060}}@keyframes wave{0%{box-shadow:0 -10vh 20vh var(--primary-color);top:-100vh}48%,52%{box-shadow:0 -10vh 20vh #090}50%{box-shadow:0 -10vh 20vh #060}to{box-shadow:0 -10vh 20vh var(--primary-color);top:200vh}}</style><link rel="stylesheet" href="styles-YPTPQTOE.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-YPTPQTOE.css"></noscript></head>
+<body>
+  <div class="screen">
+    <app-root></app-root>
+  </div>
+  
+<script src="polyfills-5CFQRCPP.js" type="module"></script><script src="main-PKKUFFG3.js" type="module"></script></body>
+</html>

styles-YPTPQTOE.css

@@ -0,0 +1 @@
+:root{--primary-color: #0c0;--secondary-color: #090;--tertiary-color: #060;--accent-color: rgb(231, 54, 10);--grey-color: #444;--dark-grey-color: #111}body{background-color:#000;margin:0;overflow:hidden;padding:0}.screen{animation:colorPulse 5s infinite ease-in-out;background-image:radial-gradient(var(--grey-color),var(--dark-grey-color));box-shadow:0 0 5vmin 1vmin #000 inset;box-sizing:border-box;font-family:Fira Mono,monospace;font-size:20px;height:100vh;overflow:hidden;padding:10vmin;width:100vw}.screen:before{animation:wave 10s infinite ease-in-out;content:"";height:20vh;left:0;opacity:.5;position:absolute;right:0;z-index:1}.screen:after{background-image:linear-gradient(transparent,transparent 3px,#222);background-size:4px 4px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}h1,h2,h3,h4,h5,h6,p,a{color:var(--primary-color);line-height:1.4;margin:0;position:relative;animation:colorPulse 5s infinite ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:700;text-shadow:0 0 1px var(--primary-color)}a{text-decoration:none}p:last-child:after{animation:blink 1s infinite;content:"_"}.filter-img{filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(.8)}.scrollbar{overflow-y:auto;overflow-x:hidden}.scrollbar::-webkit-scrollbar{width:12px}.scrollbar::-webkit-scrollbar-thumb{background-color:green;border-radius:6px}.tag{margin-left:1em;margin-right:1em;animation:none;padding:.3em .5em;cursor:pointer}.input-theme,select.input-theme,input.input-theme[type=text]{background:var(--dark-grey-color);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:0;font-family:Fira Mono,monospace;padding:.5em 1em;margin-right:.5em;outline:none;transition:border-color .2s,box-shadow .2s}.input-theme:focus{border-color:var(--tertiary-color);box-shadow:0 0 12px var(--primary-color)}.button-theme{background:#222;color:inherit;border:2px solid var(--primary-color);font-family:Fira Mono,monospace;font-size:1.1em;padding:.2em;margin-right:.5em;cursor:pointer;transition:background .2s,border-color .2s}.button-theme:hover,.button-theme:focus{background:var(--primary-color);color:var(--dark-grey-color);border-color:var(--tertiary-color);box-shadow:0 0 16px var(--tertiary-color)}.button-theme>img{width:1.2em;vertical-align:middle}.button-theme:disabled,.button-theme[disabled]{background:var(--dark-grey-color);color:var(--grey-color);border-color:var(--grey-color);cursor:not-allowed;box-shadow:none}.button-accent{background-color:var(--accent-color);box-shadow:0 0 12px var(--accent-color)}.hidden{display:none}@keyframes colorPulse{0%,to{color:var(--primary-color)}48%,52%{color:#090}50%{color:#060}}@keyframes wave{0%{box-shadow:0 -10vh 20vh var(--primary-color);top:-100vh}48%,52%{box-shadow:0 -10vh 20vh #090}50%{box-shadow:0 -10vh 20vh #060}to{box-shadow:0 -10vh 20vh var(--primary-color);top:200vh}}@keyframes blink{50%{opacity:0}}@keyframes backgroundPulse{0%,to{background-color:#0c0}48%,52%{background-color:#090}50%{background-color:#060}}