From f7b5db01535896f07617b3711e4d33f27db7ad20 Mon Sep 17 00:00:00 2001
From: "Dylan (via Travis CI)" <dylan@dylanh.dev>
Date: Sun, 9 Aug 2020 19:14:38 +0000
Subject: [PATCH] Deploy dylanh.dev to github.com/dilllxd/gitfolio.git:gh-pages

---
 index.css | 388 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 388 insertions(+)
 create mode 100644 index.css

diff --git a/index.css b/index.css
new file mode 100644
index 0000000..a53be46
--- /dev/null
+++ b/index.css
@@ -0,0 +1,388 @@
+@charset "UTF-8";
+@font-face {
+  font-family: "Manrope VF";
+  src: url("/assets/fonts/variable/Manrope%5Bwght%5D.ttf")
+    format("truetype-variations");
+  font-style: normal;
+  font-weight: 200 800;
+}
+
+@font-face {
+  font-family: "Manrope";
+  src: url("/assets/fonts/web/manrope-bold.woff2") format("woff2"),
+    url("/assets/fonts/otf/manrope-bold.otf") format("opentype");
+  font-style: normal;
+  font-weight: 700;
+}
+
+body {
+  align-items: center;
+  background: var(--bg-color);
+  color: var(--text-color);
+  font-family: "Manrope VF", Manrope, sans-serif;
+  font-feature-settings: "calt", "liga";
+  font-size: 64px;
+  font-variation-ligatures: normal;
+  font-variation-settings: "wght" 500;
+  font-weight: 700;
+  margin: 0%;
+  max-width: 100vw;
+  overflow-x: hidden;
+  padding: 0%;
+  width: 100vw;
+}
+
+.profile {
+  background: var(--background-image) center center;
+  background-repeat: no-repeat;
+  background-size: cover !important;
+  color: #fff !important;
+  display: flex;
+  flex-direction: column;
+  height: 92vh;
+  justify-content: center;
+  padding: 4vh 3vw;
+  position: fixed;
+  text-align: left;
+  width: 24vw;
+}
+
+.display {
+  display: inline-block;
+  height: 92vh;
+  padding: 4vh 3vw;
+  padding-left: 33vw;
+  width: 64vw;
+}
+
+.display h1 {
+  color: var(--text-color);
+  font-family: "Asap", sans-serif;
+  font-size: 50px;
+  font-weight: bold;
+}
+
+.emoji {
+  height: 18px;
+  width: 18px;
+}
+
+.footer {
+  padding: 8vh 0;
+  text-align: center;
+  width: 100%;
+}
+
+.footer a {
+  color: var(--text-color) !important;
+  font-family: "Manrope VF", Manrope, sans-serif;
+  font-feature-settings: "calt", "liga";
+  font-variation-ligatures: normal;
+  font-variation-settings: "wght" 500;
+  font-weight: 700;
+  text-decoration: none;
+}
+
+#profile_img {
+  width: 180px;
+  height: 180px;
+  min-width: 180px;
+  min-height: 180px;
+  max-width: 180px;
+  max-height: 180px;
+  border-radius: 5px;
+  background-size: cover !important;
+  background-repeat: no-repeat !important;
+}
+
+@keyframes grad {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+.profile div {
+  font-weight: bold;
+  margin: 1.5vh 0;
+}
+
+.hidden {
+  opacity: 0;
+}
+
+#username {
+  color: white;
+  font-family: "Asap Condensed", sans-serif;
+  font-size: 18px;
+}
+
+.bottom_section span {
+  font-weight: bold;
+  margin-right: 20px;
+}
+
+.socials span {
+  display: inline-block !important;
+  font-weight: normal !important;
+  margin-right: 2vw !important;
+}
+
+#username span {
+  font-family: "Asap Condensed", sans-serif;
+  font-size: 24px;
+}
+
+.console-underscore {
+  display: inline-block;
+  left: 10px;
+  position: relative;
+  top: -0.14em;
+}
+
+#userbio {
+  font-family: "Asap", sans-serif;
+  font-size: 26px;
+  width: 100%;
+}
+
+#about {
+  font-family: "Asap", sans-serif;
+  font-size: 18px;
+}
+
+.projects a {
+  display: flex;
+  text-decoration: none;
+
+  /* 30px is the gutter size in magic grid */
+  width: calc(49% - 30px);
+
+  /* 49% avoids a weird single column on some wide screens */
+}
+
+.socials span a {
+  font-weight: normal !important;
+}
+
+#about a,
+#username a {
+  color: #fff !important;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+#about a:hover,
+#username a:hover {
+  text-decoration: underline;
+}
+
+#about span {
+  display: block;
+  margin: 1vh 0;
+}
+
+.bottom_section span i {
+  font-size: 15px;
+}
+
+#about span i {
+  font-size: 16px;
+}
+
+#work {
+  margin: 2vh 0;
+  padding: 4vh 0 !important;
+}
+
+#forks {
+  margin: 2vh 0;
+  padding: 4vh 0 !important;
+}
+
+.projects {
+  margin-left: -15px;
+
+  /* align section w/ heading above */
+}
+
+.projects section {
+  border: 1px solid rgb(0, 0, 0, 0.08);
+  border-radius: 5px;
+  box-shadow: 0 0 0 rgb(0, 0, 0, 0);
+  color: var(--text-color);
+  display: inline-block;
+  margin: 1vh 0;
+  padding: 2.5vh 5%;
+  transform: scale(1);
+  transition: 0.4s ease-in-out;
+  width: 100%;
+}
+
+.projects section:hover {
+  border: 1px solid rgb(0, 0, 0, 0);
+  box-shadow: 0 15px 35px rgb(0, 0, 0, 0.06);
+  cursor: pointer;
+  transform: scale(1.03);
+}
+
+.section_title {
+  font-size: 24px;
+  font-weight: bold;
+  margin: 1vh 0;
+  padding: 0 1px;
+  word-wrap: break-word;
+}
+
+.about_section {
+  font-family: "Asap", sans-serif;
+  font-size: 18px;
+  font-weight: bold;
+  margin: 2vh 0;
+  word-wrap: break-word;
+}
+
+.bottom_section {
+  font-size: 14px;
+  margin: 1vh 0;
+  word-wrap: break-word;
+}
+
+.socials {
+  color: #fff;
+  margin: 3vh 0 !important;
+  text-decoration: none;
+}
+
+::selection {
+  background: var(--text-color);
+  color: var(--bg-color);
+}
+
+@media (max-width: 800px) {
+  .profile {
+    height: 60vh;
+    padding: 4vh 5vw;
+    position: relative;
+    text-align: center;
+    width: 90vw;
+  }
+
+  .display {
+    display: inline-block;
+    height: auto;
+    padding: 4vh 5vw;
+    padding-left: 5vw;
+    width: 90vw;
+  }
+
+  .profile_img {
+    animation: grad 8s ease infinite;
+    background: var(--gradient);
+    background-size: 300% 300%;
+    font-family: "Asap Condensed", sans-serif;
+    font-size: 128px;
+    margin: 0 auto !important;
+    transition: background 0.5s ease;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+
+  @keyframes grad {
+    0% {
+      background-position: 0% 50%;
+    }
+
+    50% {
+      background-position: 100% 50%;
+    }
+
+    100% {
+      background-position: 0% 50%;
+    }
+  }
+
+  #work {
+    margin: 0;
+  }
+
+  .projects {
+    margin-left: 0;
+
+    /* remove neg margin to align w/ header */
+  }
+
+  .projects a {
+    width: 100%;
+  }
+
+  .projects section {
+    width: 88%;
+  }
+}
+
+::-webkit-scrollbar {
+  height: 5px;
+  width: 5px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-color);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--text-color);
+}
+
+/* Iconify */
+
+.iconify {
+  font-size: 24px;
+  line-height: 14px;
+}
+:root {
+  --bg-color: rgb(10, 10, 10);
+  --text-color: #fff;
+  --background-image: linear-gradient(
+      90deg,
+      rgba(10, 10, 10, 0.3),
+      rgb(10, 10, 10, 1)
+    ),
+    url("https://source.unsplash.com/1280x720/?wallpaper");
+  --background-background: linear-gradient(
+      0deg,
+      rgba(10, 10, 10, 1),
+      rgba(10, 10, 10, 0.6)
+    ),
+    url("https://source.unsplash.com/1280x720/?wallpaper") center center fixed;
+  --height: 50vh;
+  --gradient: linear-gradient(90deg, #009bef, #f00);
+}
+
+#display h1 {
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: #fff;
+}
+
+.projects section {
+  background: rgb(20, 20, 20);
+}
+
+@media (max-width: 800px) {
+  :root {
+    --background-image: linear-gradient(
+        0deg,
+        rgba(10, 10, 10, 1),
+        rgba(10, 10, 10, 0)
+      ),
+      url("https://source.unsplash.com/1280x720/?wallpaper") !important;
+  }
+}