new website lulz

2021-11-21 02:17:07 -05:00
parent bc95e39627
commit 2e0d950a62
29 changed files with 270 additions and 1040 deletions
@@ -0,0 +1,54 @@
+html, body {
+    position: relative;
+    margin: 0;
+    height: 1500px;
+    text-align:center;
+  }
+  #image {
+    width: 100%;
+    height: 100vh;
+    min-height: 600px;
+    display: block;
+    position: relative;
+    left: 0;
+    z-index:-1;
+    background-repeat: no-repeat;
+    background-image: url('/assets/image/profile.png');
+  }
+
+  .border {
+    text-align:center;
+    overflow:hidden;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #6e6754;
+    border-radius:20px;
+    padding-top:10px;
+    padding-bottom:10px;
+    min-width:5%;
+    max-width:35%;
+    min-height:4%;
+    color:azure;
+  }
+
+  .banner {
+    /* background-image: url('../image/profile/banner.jpg');
+    background-repeat:no-repeat;
+    background-position:center; */
+    width:100%;
+    max-height:100%;
+    /* height:25%; */
+  }
+
+  .medal-clip {
+    /* float:left; */
+    width:50%;
+  }
+
+  a {
+    color:#5c5c5c !important;
+  }
+
+  a:hover {
+    color:#878787;
+  }
@@ -1,103 +0,0 @@
-html, body {
-    font-family: 'Quicksand', sans-serif;
-    margin:0;
-    padding:0;
-    line-height:30px;
-}
-
-
-/* 
-Welcome/Home Styling
-*/
-
-#welcome {
-    height: 933px;
-    line-height: 10px;
-    text-align: center;
-    border: 2px solid black;
-    background-color:#474747;
-    color:#cfcfcf;
-  }
-
-  #welcomespan {
-    display: inline-block;
-    vertical-align: middle;
-    line-height: normal;
-    padding-top:200px
-  }
-
-  /* ----------------- */
-
-  /*
-  About
-  */
-  #about {
-      text-align:center;
-      white-space:normal;
-  }
-  #aboutContainer {
-      white-space:normal;
-      padding-top:30px;
-  }
-
-  /* ----------------- */
-
-  /*
-  Projects
-  */
-
-  #projects {
-      text-align:center;
-      line-height:20px;
-      white-space:normal;
-  }
-
-  #projectsContainer {
-      white-space:normal;
-  }
-
-  /* ----------------- */
-
-  /*
-  Skills
-  */
-
-  #experienced {
-    text-align:center;
-  }
-
-  /* ----------------- */
-
-  /* 
-  Universal Styling 
-  */
-
-  h3 {
-      font-size:40px;
-  }
-
-  h4 {
-    font-size:30px;
-  }
-
-  p {
-      font-size:20px;
-  }
-
-  hr {
-      border-color:gray;
-      width:50%;
-  }
-
-  #intermission {
-      text-align:center;
-  }
-
-  ion-icon {
-    font-size:64px;
-    color:gray;
-  }
-
-  #form {
-    text-align:center;
-  }