Add more stuff and some formatting

2 files changed, 17 insertions, 11 deletions

diff --git a/www/about.html b/www/about.html
index b9fde96..d3af935 100644
--- a/www/about.html
+++ b/www/about.html
@@ -13,16 +13,21 @@
     <div id="section-div">
         <section>
             <h1> Who are you? </h1>
-            <p> I am Qubane or Qubik, I am 19 years old and I just do some small projects in my free time </p>
-            <p> I primarily try to do things on my own, and create things from scratch, with as few additional libraries as possible </p>
-            <p> This page will be an example of that, as it was created using python and standard libs </p>
-            <p> I have 2 YouTube channels: </p>
-            <ul>
-                <li> Main one (<a href="https://www.youtube.com/@qubane" target="_blank">@qubane</a>) - russian channel that focuses on education on topics like programming / math </li>
-                <li> Second one (<a href="https://www.youtube.com/@thealmightyqubik1501" target="_blank">@thealmightyqubik1501</a>) - english channel that doesn't really have a specific topic, I just post random stuff on there </li>
-            </ul>
-            <p> I mostly code in Python, but also know a bit of C++, Lua, and currently learn the webpage stuff (HTML, CSS, JS?) </p>
-            <p> I love "coding" using Scratch (kids visual block coding language), and made some demo Ray Tracing, Ray Casting and such projects </p>
+            <div style="display: flex;justify-content: flex-start">
+                <img src="images/pfp.webp" alt="Profile Picture" width="350" height="auto">
+                <div>
+                    <p> I am Qubane or Qubik, I am 19 years old and I just do some small projects in my free time </p>
+                    <p> I primarily try to do things on my own, and create things from scratch, with as few additional libraries as possible </p>
+                    <p> This page will be an example of that, as it was created using python and standard libs </p>
+                    <p> I have 2 YouTube channels: </p>
+                    <ul>
+                        <li> Main one (<a href="https://www.youtube.com/@qubane" target="_blank">@qubane</a>) - russian channel that focuses on education on topics like programming / math </li>
+                        <li> Second one (<a href="https://www.youtube.com/@thealmightyqubik1501" target="_blank">@thealmightyqubik1501</a>) - english channel that doesn't really have a specific topic, I just post random stuff on there </li>
+                    </ul>
+                    <p> I mostly code in Python, but also know a bit of C++, Lua, and currently learn the webpage stuff (HTML, CSS, JS?) </p>
+                    <p> I love "coding" using Scratch (kids visual block coding language), and made some demo Ray Tracing, Ray Casting and such projects </p>
+                </div>
+            </div>
         </section>
         <section>
             <h1> Why does this exist? </h1>
diff --git a/www/index.html b/www/index.html
index 79ff93c..6cd383e 100644
--- a/www/index.html
+++ b/www/index.html
@@ -10,11 +10,12 @@
         <div style="margin: auto; width: fit-content;"> <b> Welcome To The Mighty HTML Page </b> </div>
     </header>
     <div id="section-div">
-        <section style="padding-top: 10px">
+        <section>
             <h1> Links to content </h1>
             <p><a href="about">About</a></p>
             <p><a href="test">Testing</a></p>
             <p><a href="projects">Projects</a></p>
+            <p><a href="js-test">JavaScript thing</a></p>
         </section>
         <section>
             <h1> Welcome to the small HTML Page </h1>