Update 8/23

sonlast · Aug 23, 2023 · f61643a · f61643a
1 parent 3649013
commit f61643a
Show file tree

Hide file tree

Showing 3 changed files with 88 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -16,14 +16,14 @@
 </head>
 
 <body>
-
   <!-- * INTRO SECTION-->
   <header id="#intro_sect">
     <div class="nav-bar">
       <nav>
         <a href="#intro_sect" class="links">Home</a>
         <a href="#project_sect" class="links">Projects</a>
         <a href="#aboutme_sect" class="links">About Me</a>
+        <a href="#skills_sect" class="links">Skills</a>
         <a href="#contact_sect" class="links">Contact</a>
       </nav>
     </div>
@@ -42,8 +42,7 @@ <h3 class="descr">An Aspiring Full Stack Mobile Developer</h3>
     <!-- * PROJECT SECTION -->
     <section id="project_sect">
       <h1>Projects</h1>
-      <button class="ghbtn" onclick="window.location.href='https://github.com/sonlast'"
-        title="Redirects you to Ijerson Lastimosa's Github">My Github</button>
+      <button class="ghbtn" onclick="window.location.href='#'" title="Currently Disabled" disabled>My Github</button>
       <ul class="prjctlst">
         <li>Madlibs Game Python</li>
         <li>Flappy Bird Recreation with VB.Net</li>
@@ -60,7 +59,7 @@ <h1>Projects</h1>
     <!-- * ABOUT ME SECTION -->
     <section id="aboutme_sect">
       <h1>About Me</h1>
-      <a href="files/resume.txt" download="resume.txt" class="dlbutton"><button class="dlbutton">DOWNLOAD
+      <a href="files/resume.txt" download="resume.txt" class="dlbutton"><button class="dlbutton" disabled>DOWNLOAD
           RESUME</button></a>
       <p class="aboutme_parg">Hello, I'm Ijerson Lastimosa Ilalto, and I'm an aspiring full stack developer
         currently in my upcoming 4th year of pursuing a BSCS degree. With a keen interest in Full Stack Development,
@@ -72,28 +71,69 @@ <h1>About Me</h1>
         PHP. Beyond coding, I'm an avid reader, constantly expanding my knowledge while discovering new interests.
         Whether it's diving into a new book or taking on the challenge of learning something entirely new, I'm all
         about the pursuit of knowledge. If you'd like to connect, feel free to reach out at
-        <a href="mailto:sonilalto@gmail.com" class="my_email">sonilalto@gmail.com</a>.
+        <a href="#" class="my_email"><i>Currently Hidden By The Developer</i></a>.
       </p>
     </section>
 
+    <!-- * SKILLS SECTION -->
+    <section id="skills_sect">
+      <h1>Skills</h1>
+      <h2 class="h2_lang">Technologies I Know</h2>
+      <ul class="list_lang">
+        <li>HTML</li>
+        <li>CSS</li>
+        <li>JavaScript</li>
+        <li>Python</li>
+        <li>Java</li>
+        <li>C++</li>
+        <li>C#</li>
+        <li>Php</li>
+        <li>MySQL</li>
+        <li>MongoDB</li>
+        <li>Flutter</li>
+        <li>React Native</li>
+        <li>ASP.Net MAUI</li>
+        <li>Bootstrap</li>
+        <li>Tailwind</li>
+        <li>React.js</li>
+        <li>Angular.js</li>
+        <li>Vue.js</li>
+        <li>Django</li>
+        <li>Flask</li>
+        <li>Laravel</li>
+        <li>REST API</li>
+        <li>JSON API</li>
+        <li>Github</li>
+        <li>Bitbucket</li>
+        <li>Visual Studio Code</li>
+        <li>Android Studio</li>
+        <li>Android</li>
+        <li>iOS</li>
+        <li>Gradle</li>
+        <li>VM Virtualbox</li>
+        <li>Visual Studio</li>
+        <li>Figma</li>
+        <li>Git</li>
+        <li>Eclipse</li>
+        <li>IntelliJ Idea</li>
+      </ul>
+    </section>
+
     <!-- * CONTACT SECTION -->
-    <section id="contact_sect">
+    <section id="contact_sect" class="contact_sect">
       <h1>Contact</h1>
       <h2>Email Me:</h2>
-      <a class="contactlink1" href="mailto:sonilalto@gmail.com">
-        <h3>sonilalto@gmail.com</h3>
+      <a class="contactlink1" href="#">
+        <h3><i>Currently Hidden By The Developer</i></h3>
       </a>
 
       <h2>Call Me:</h2>
-      <h3>+63 961 703 0706</h3>
+      <h3><i>Currently Hidden By The Developer</i></h3>
 
       <h2>Locate Me:</h2>
       <h3>
-        <address>Blk 5 Lot 27 Phase 2 Brgy. Pinagsama, Taguig City, Metro Manila, Philippines</address>
+        <address><i>Currently Hidden By The Developer</i></address>
       </h3>
-
-      <h2>Leave a Comment: </h2>
-      <textarea></textarea>
     </section>
   </main>
   <footer></footer>

diff --git a/script.js b/script.js
@@ -1 +0,0 @@
-

diff --git a/styles.css b/styles.css
@@ -35,7 +35,7 @@ nav {
 	float: right;
 }
 
-/* ! index.html CSS */
+/* ! index CSS */
 h3.intro {
 	padding-left: 26%;
 }
@@ -44,10 +44,14 @@ h3.descr {
 	text-align: center;
 	padding-top: 10px;
 	padding-bottom: 5px;
+	transition-property: font-size;
+	transition-duration: 4s;
+	transition-delay: 2s;
 }
 
 h3.descr:hover {
 	text-decoration: wavy;
+	font-size: 10px;
 }
 
 img.centerimage {
@@ -58,7 +62,7 @@ img.centerimage {
 	border-radius: 50%;
 }
 
-/* ! projects.html CSS */
+/* ! projects CSS */
 button.ghbtn {
 	margin: 0 auto;
 	display: block;
@@ -88,9 +92,10 @@ ul.prjctlst, li {
 	padding-bottom: 10px;
 }
 
-/* ! aboutme.html CSS */
+/* ! aboutme CSS */
 p.aboutme_parg {
 	text-align: center;
+	line-height: 3.7;
 }
 
 a.my_email {
@@ -124,12 +129,29 @@ button.dlbutton:hover {
 	border-color: #000000;
 	background-color: #ffffff;
 	color: #000000;
-	cursor: alias;
+	cursor: pointer;
 	text-decoration: line-through;
 }
 
+/* !  skills CSS */
+h2.h2_lang {
+	text-align: center;
+}
+
+ul.list_lang {
+	padding: 10px;
+	color: #ffffff;
+	text-align: center;
+	list-style-type: none;
+	padding-bottom: 10px;
+	columns: 50px 4;
+}
+
+/* ! contact CSS */
+section.contact_sect {
+	text-align: center;
+}
 
-/* ! contact.html CSS */
 a.contactlink1 {
 	color: #0773ff;
 	text-decoration: none;
@@ -148,6 +170,13 @@ a.contactlink1:hover {
 	padding: 10px;
 }
 
+#skills_sect {
+	padding-top: 10px;
+}
+
 #contact_sect {
-	padding: 10px;
+	padding-top: 10px;
+	padding-right: 10px;
+	padding-bottom: 100px;
+	padding-left: 10px;
 }