Removed about and improved readibility

xGauss05 · Jun 14, 2024 · 4e36810 · 4e36810
1 parent 1e2fcbb
commit 4e36810
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 75 deletions.
diff --git a/assets/styles.css b/assets/styles.css
@@ -137,54 +137,10 @@ section {
   box-shadow: 4px 4px var(--main-color);
 }
 
-/* About Section */
-.about {
-  display: grid;
-  grid-template-columns: repeat(2, 2fr);
-  grid-gap: 5rem;
-  align-items: center;
-}
-
-.about-img img {
-  width: 580px;
-  max-width: 100%;
-  height: auto;
-}
-
-.about-text h3 {
-  color: var(--text-color);
-  font-size: 30px;
-  font-weight: 300;
-  margin: 0 0 30px;
-  letter-spacing: 6px;
-}
-
-.about-text h2 {
-  font-size: var(--h2-font);
-  font-weight: 500;
-  line-height: 1.2;
-  margin-bottom: 0.5rem;
-  max-width: 470;
-  margin-bottom: 2rem;
-}
-
-.about-text p {
-  color: var(--2nd-main-color);
-  font-size: var(--p-font);
-  font-weight: 300;
-  line-height: 1.8rem;
-  margin-bottom: 1.5rem;
-  max-width: 570px;
-}
-
-.main-btn .btn {
-  margin-right: 20px;
-}
-
 /* Background Section */
 .center {
   text-align: center;
-  margin-bottom: 1rem;
+  margin-bottom: 2rem;
 }
 
 .center h3 {

diff --git a/img/about.png b/img/about.png
diff --git a/index.html b/index.html
@@ -27,7 +27,6 @@
 
     <ul class="navbar">
       <li><a href="#home">Home</a></li>
-      <li><a href="#about">About</a></li>
       <li><a href="#background">Background</a></li>
       <li><a href="#education">Education</a></li>
       <li><a href="#experience">Experience</a></li>
@@ -41,10 +40,9 @@
     <div class="home-text">
       <h5>Hey! I'm</h5>
       <h1>Jonathan Cacay Llanes</h1>
-      <h6>a passionate <span>Videogame Developer</span> with a strong enthusiasm for creating innovative and efficient solutions! My dream is to hopefully make a good JRPG!</h6>
-      <!--
-      <a href="#" class="btn">Download CV</a>
-      -->
+      <h6>a passionate <b>Videogame Developer</b> with a strong enthusiasm for creating innovative and efficient solutions! My dream is to hopefully make a good JRPG!</h6>
+      <h6>Currently a 4th year student at CITM | UPC pursuing a bachellor's degree on Videogame Design & Development. Born and raised in Barcelona with Filipino heritage. Contact me if you want to create something amazing together!</h6>
+      <a href="#contact" class="btn">Contact me</a>
     </div>
 
     <div class="home-img">
@@ -53,25 +51,6 @@ <h6>a passionate <span>Videogame Developer</span> with a strong enthusiasm for c
   </section>
   <!-- End of Home Section -->
 
-  <!-- Start of About Section -->
-  <section class="about" id="about">
-    <div class="about-img">
-      <img src="img/about.png">
-    </div>
-
-    <div class="about-text">
-      <h3>About Me</h3>
-      <h2>I'm a VideoGame Developer.</h2>
-      <p>Currently a 4th year student at CITM | UPC pursuing a bachellor's degree on Videogame Design & Development. Born and raised in Barcelona with Filipino heritage. Contact me if you want to create something amazing together!</p>
-      <!--
-      <div class="main-btn">
-        <a href="#" class="btn">Download CV</a>
-      </div>
-      -->
-    </div>
-  </section>
-  <!-- End of About Section -->
-
   <!-- Start of Services Section -->
   <section class="background" id="background">
     <div class="center">
@@ -271,20 +250,26 @@ <h3>Education</h3>
     <div class="education-content">
       <div class="box">
         <h6>September 2021 - Present</h6>
-        <h4>Bachellor's Degree | Videogame Design & Development</h4>
-        <h5>@ CITM | UPC (TTC)</h5>
+        <h4>Bachellor's Degree</h4>
+        <h4>Videogame Design & Development</h4>
+        <p>@ CITM | UPC (TTC)</p>
+        <h5>Barcelona, Spain</h5>
       </div>
 
       <div class="box">
         <h6>September 2018 - June 2020</h6>
-        <h4>Higher National Diploma | Multiplatform Applications Development</h4>
-        <h5>@ STUCOM Centre d'Estudis</h5>
+        <h4>Higher National Diploma</h4>
+        <h4>Multiplatform Applications Development</h4>
+        <p>@ STUCOM Centre d'Estudis</p>
+        <h5>Barcelona, Spain</h5>
       </div>
 
       <div class="box">
         <h6>September 2015 - June 2017</h6>
-        <h4>Secondary Education Diploma | Technologic</h4>
-        <h5>@ IES Escola del Treball</h5>
+        <h4>Secondary Education Diploma</h4> 
+        <h4>Technologic</h4>
+        <p>@ IES Escola del Treball</p>
+        <h5>Barcelona, Spain</h5>
       </div>
     </div>
   </section>