make about page look nicer

4 files changed, 67 insertions, 30 deletions

diff --git a/about/css/blog-slider.css b/about/css/blog-slider.css
new file mode 100644
index 0000000..995faff
--- /dev/null
+++ b/about/css/blog-slider.css
@@ -0,0 +1,16 @@
+.blog-slider {
+  /* width: 95%; */
+  position: relative;
+  max-width: auto;
+  margin: auto;
+  background: #fff;
+  -webkit-box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
+          box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
+  padding: 25px;
+  border-radius: 25px;
+  height: auto;
+  -webkit-transition: all .3s;
+  transition: all .3s;
+  /* margin-top: -15px; /*for exact positioning */
+  /* margin-top: -5%; /* for relative positioning */
+}
\ No newline at end of file
diff --git a/about/css/loader-animation.css b/about/css/loader-animation.css
index ab09bc7..6e3bd1b 100644
--- a/about/css/loader-animation.css
+++ b/about/css/loader-animation.css
@@ -5,6 +5,7 @@
 **   background: #fdfdfd;
 ** }
 */
+
 .loader-wrapper {
     width: 100%;
     height: 100%;
diff --git a/about/css/main.css b/about/css/main.css
index 0d2f978..1e63547 100644
--- a/about/css/main.css
+++ b/about/css/main.css
@@ -9,4 +9,19 @@
 .bio {
     font-size: 22px;
     padding-top: 100px
+}
+
+.title2 {
+    text-align: none;
+    background-color: #fcac94;
+    -webkit-box-shadow: 0 7px 30px -10px #fcac94, 0 7px 30px -10px #fcac94;
+    box-shadow: 0 7px 30px -10px #fcac94, 0 7px 30px -10px #fcac94;
+    -webkit-transition: background-color 0.15s ease-in-out;
+    transition: background-color 0.15s ease-in-out;
+    width: 456px;
+}
+
+.disclaimer {
+    font-size: 17px;
+    font-weight: 600;
 }
\ No newline at end of file
diff --git a/about/index.html b/about/index.html
index dfbdc3e..051200e 100644
--- a/about/index.html
+++ b/about/index.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="/about/css/main.css">
     <link rel="stylesheet" href="/about/css/navigation-bar.css">
     <link rel="stylesheet" href="/about/css/loader-animation.css">
+    <link rel="stylesheet" href="/about/css/blog-slider.css">
     <script src="/js/loader-animation.js"></script>
     <script src="/js/redirect-to-mobile.js"></script>
 </head>
@@ -31,6 +32,40 @@
         </nav>
     </div>
 
+    <div class="bio">
+        <div class="links">
+            <div class="blog-slider">
+                <p class="title">Hi! I'm <a href="mailto:[email protected]">s1nical!</a></p> <!-- This was not a very effective way of accomplishing this but idk rn. -->
+
+                <p class="desc">
+                    I'm a fullstack developer from Portland. Some of my favourite languages to work with are PHP, JavaScript and C++!<br>
+                    Some of my favourite applications I have for such languages are PHP backend data-bases, C++ game development<br>
+                    projects using OpenGL and Discord bots using the <a href="https://discord.js.org/#/">discord.js</a> framework. You can check out most of my creations<br>
+                    on my <a href="https://github.com/8cy">GitHub</a>. On there, I have lots of my C++ development projects to take examples from, some Discord bot</a><br>
+                    examples, and even some public archive repositories of some special softwares such as my archive of various <a href="https://github.com/8cy/net">Botnets</a>.<br>
+                    Keep a lookout, because I'm planning on posting even more tutorial like things soon.<br>
+                    <!-- Unused Line -->
+                </p>
+                <br>
+                <p class="title2">Well what kind of applications do you develop?</p>
+
+                <p class="desc">
+                    Some things I like to test my knowledge with are usually moding instances. Albeit, my Java programming skills aren't as<br>
+                    sharp as I'd hope for them to be, I like to spend some of my free time developing Minecraft mods using the Forge framework.<br>
+                    I also like to write server plugins for popular Minecraft server platforms like <a href="https://dev.bukkit.org/">Bukkit</a>, they aren't the most usefull<br>
+                    things, (Minecraft mods and plugins) however they are fun to write and it helps me further my Java knowledge.<br>
+                    <br>
+                    I also like to occasionally write CS:GO cheats, I've fiddled around with writing my own CS:GO skin changers, full<br>
+                    cheat modules that include such things as aimbots, anti-aim and more.<br>
+                    <br>
+                    <div class="disclaimer">
+                        * Use at your own risk, I am not to be held accountable if you get VAC banned.
+                    </div>
+                </p>
+            </div>
+        </div>
+    </div>
+
     <!-- Loading Animation -->
     <div class="loader-wrapper">
         <div class="loader">
@@ -51,35 +86,5 @@
             </row>
         </div>
     </div>
-
-    <div class="bio">
-        <div class="links">
-            <p class="title">Hi! I'm <a href="mailto:[email protected]">s1nical!</a></p> <!-- This was not a very effective way of accomplishing this but idk rn. -->
-
-            <p class="desc">
-                I'm a fullstack developer from Portland. Some of my favourite languages to work with are PHP, JavaScript and C++!<br>
-                Some of my favourite applications I have for such languages are PHP backend data-bases, C++ game development<br>
-                projects using OpenGL and Discord bots using the <a href="https://discord.js.org/#/">discord.js</a> framework. You can check out most of my creations<br>
-                on my <a href="https://github.com/8cy">GitHub</a>. On there, I have lots of my C++ development projects to take examples from, some Discord bot</a><br>
-                examples, and even some public archive repositories of some special softwares such as my archive of various <a href="https://github.com/8cy/net">Botnets</a>.<br>
-                Keep a lookout, because I'm planning on posting even more tutorial like things soon.<br>
-                <!-- Unused Line -->
-            </p>
-            <br>
-            <p class="title">Well what kind of applications do you develop?</p>
-
-            <p class="desc">
-                Some things I like to test my knowledge with are usually moding instances. Albeit, my Java programming skills aren't as<br>
-                sharp as I'd hope for them to be, I like to spend some of my free time developing Minecraft mods using the Forge framework.<br>
-                I also like to write server plugins for popular Minecraft server platforms like <a href="https://dev.bukkit.org/">Bukkit</a>, they aren't the most usefull<br>
-                things, (Minecraft mods and plugins) however they are fun to write and it helps me further my Java knowledge.<br>
-                <br>
-                I also like to occasionally write CS:GO cheats, I've fiddled around with writing my own CS:GO skin changers, full<br>
-                cheat modules that include such things as aimbots, anti-aim and more.<br>
-                <br>
-                *Use at your own risk, I am not to be held accountable if you get VAC banned.
-            </p>
-        </div>
-    </div>
 </body>
 </html>
\ No newline at end of file