update styles

about.html

@@ -85,22 +85,22 @@
         <img src="https://avatars.githubusercontent.com/u/48144618" class="profile" alt="profile">
         <div class="profile-sub">
           <h2 style="margin-top: 2px;">Braeden Sowinski</h2>
-          <span class="des">Software Engineer & System Administrator</span>
+          <span id="des1" class="des">Software Engineer & System Administrator</span>
         </div>
       </section>
       <section id="skills">
         <h3>SKILLS</h3>
 
         <ul class="text">
-          <li><a href="https://git-scm.com/" target="_blank">Git</a></li>
+          <li><a href="https://git-scm.com/" target="_blank">Git/GitHub</a></li>
           <li><a href="https://www.python.org/" target="_blank">Python 3+</a></li>
           <li><a href="https://nodejs.org/en" target="_blank">Node.js</a></li>
           <li><a href="https://go.dev/" target="_blank">Go</a></li>
           <li>C</li>
           <li>Markdown</li>
-          <li>Windows/Debian based OS</li>
           <li>System Administration</li>
           <li><a href="https://www.mongodb.com/" target="_blank">MongoDB</a></li>
+          <li>Windows/Debian based OS</li>
         <ul>
       </section>
     </div>
@@ -111,9 +111,10 @@
         <p class="text">
           Hello there,
           I am Braeden Sowinski, you may also know me by my pseudonym McDazzzled. I am an avid software engineer, actively
-          pursuing a Diploma in Computer System Technologies at BCIT. I am adaptable and driven with a strong work ethic; 
+          pursuing a Diploma in Computer System Technologies at <abbr title="British Columbia Institute of Technology">BCIT</abbr>. I am adaptable and driven with a strong work ethic; 
           possessing the ability to thrive in both a team-based or individualy motivated setting.
-  
+        </p>
+        <p class="text">
           I am eager to expand my knowledge in Software Engineering, IT, System Administration and related fields.
           Approaching more than 5 years of continuous learning and programming, I have learned many valuable languages and 
           frameworks such as C, Go, Node.js, and Python 3+. However, there is always more to learn and experience that I 
@@ -199,7 +200,7 @@
     // If storage is supported set theme to light by default
     if (typeof(Storage) !== "undefined") {
       if (sessionStorage.getItem("theme") == null || sessionStorage.getItem("theme") == undefined) sessionStorage.setItem("theme", "dark");
-      if (sessionStorage.getItem("theme") == 'dark') {
+      if (sessionStorage.getItem("theme") == 'light') {
         document.body.className.includes("dark") ? (
           document.body.classList.remove('dark'),
           localStorage.setItem("pref-theme",'light')

index.html

@@ -138,7 +138,7 @@
       // If storage is supported set theme to light by default
       if (typeof(Storage) !== "undefined") {
         if (sessionStorage.getItem("theme") == null || sessionStorage.getItem("theme") == undefined) sessionStorage.setItem("theme", "dark");
-        if (sessionStorage.getItem("theme") == 'dark') {
+        if (sessionStorage.getItem("theme") == 'light') {
           document.body.className.includes("dark") ? (
             document.body.classList.remove('dark'),
             localStorage.setItem("pref-theme",'light')

projects.html

@@ -260,7 +260,7 @@
     // If storage is supported set theme to light by default
     if (typeof(Storage) !== "undefined") {
       if (sessionStorage.getItem("theme") == null || sessionStorage.getItem("theme") == undefined) sessionStorage.setItem("theme", "dark");
-      if (sessionStorage.getItem("theme") == 'dark') {
+      if (sessionStorage.getItem("theme") == 'light') {
         document.body.className.includes("dark") ? (
           document.body.classList.remove('dark'),
           localStorage.setItem("pref-theme",'light')

public/css/about.css

@@ -6,6 +6,7 @@
   gap: 24px;
   padding: 24px;
   padding-bottom: 0px;
+  /* border: 1px solid pink; */
 }
 
 section {
@@ -16,6 +17,10 @@ section {
   margin-bottom: 24px;
 }
 
+section h3 {
+  margin-top: -5px;
+}
+
 .flex-container {
   display: flex;
   justify-content: space-between;
@@ -65,7 +70,6 @@ footer {
   padding: 8px;
   background-color: var(--menu-text-bg);
   border-radius: 12px;
-  margin-bottom: 24px;
 }
 
 footer p {
@@ -80,6 +84,30 @@ footer p {
   margin-right: 24px;
 }
 
+#profile, #skills {
+  min-width: 275px;
+}
+
+#profile {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+  margin-bottom: 0px;
+}
+
+#skills {
+  border-top-right-radius: 0px;
+  border-top-left-radius: 0px;
+  margin-top: 0px;
+}
+
+#about {
+  min-height: 300px;
+}
+
+#honors {
+  min-height: 218px;
+}
+
 @media only screen and (max-width: 740px) {
   .container {
     display: flex;

public/css/projects.css

@@ -119,7 +119,7 @@
   color: var(--primary);
 }
 
-footer {
+.footer {
   display: flex;
   justify-content: space-between;
   transition: .8s;
@@ -130,7 +130,7 @@ footer {
   width: 80vw;
 }
 
-footer p {
+.footer p {
   font-family: "Ubuntu", serif;
   font-weight: 400;
   font-style: normal;
@@ -141,3 +141,13 @@ footer p {
   margin-top: 6px;
   margin-right: 24px;
 }
+
+.content-body a:hover {
+  background-color: #e4a295;
+}
+
+@media only screen and (max-width: 544px) {
+  .content-head h2 {
+    margin-top: 24px;
+  }
+}