Merge pull request #3 from Clint171/dev

feat: Added certificates
Clint171 · Oct 27, 2023 · dcb9c77 · dcb9c77
2 parents 5f7f3b3 + 0477ff4
commit dcb9c77
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 54 deletions.
diff --git a/index.html b/index.html
@@ -52,17 +52,14 @@ <h3>Soft skills</h3>
                             <li>Time management</li><br>
                         </ol>
                     </div>
-                    <div>
-                        <h3>Certificates</h3>
-                        <span>In progress...</span>
-                    </div>
                 </div>
-                <div class="text_div none" id="projects_div">
-
+                <div class="text_div none" id="projects_div">   
                 </div>
                 <div class="text_div none" id="aboutMe_div">
-                    <h1>Hi 👋, I'm Clint G. L. Simiyu</h1>
-                    <h3>A passionate computer scientist and backend developer</h3>
+                    <div>
+                        <h2>Hi 👋, I'm Clint G. L. Simiyu</h2>
+                        <h3>A passionate computer scientist and web developer</h3>
+                    </div>
                 </div>
                 <div class="text_div none" id="skills_div">
                     <div>
@@ -135,7 +132,9 @@ <h3>Languages and Tools:</h3>
                 </div>
                 <div class="text_div none" id="certificates_div">
                     <svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 15 15"><path fill="#0442cb" d="M9.5 14.5H9a.5.5 0 0 0 .8.4l-.3-.4Zm2-1.5l.3-.4a.5.5 0 0 0-.6 0l.3.4Zm2 1.5l-.3.4a.5.5 0 0 0 .8-.4h-.5Zm-2-3.5A2.5 2.5 0 0 1 9 8.5H8a3.5 3.5 0 0 0 3.5 3.5v-1ZM14 8.5a2.5 2.5 0 0 1-2.5 2.5v1A3.5 3.5 0 0 0 15 8.5h-1ZM11.5 6A2.5 2.5 0 0 1 14 8.5h1A3.5 3.5 0 0 0 11.5 5v1Zm0-1A3.5 3.5 0 0 0 8 8.5h1A2.5 2.5 0 0 1 11.5 6V5ZM9 10.5v4h1v-4H9Zm.8 4.4l2-1.5l-.6-.8l-2 1.5l.6.8Zm1.4-1.5l2 1.5l.6-.8l-2-1.5l-.6.8Zm2.8 1.1v-4h-1v4h1ZM15 5V1.5h-1V5h1Zm-1.5-5h-12v1h12V0ZM0 1.5v12h1v-12H0ZM1.5 15H8v-1H1.5v1ZM0 13.5A1.5 1.5 0 0 0 1.5 15v-1a.5.5 0 0 1-.5-.5H0ZM1.5 0A1.5 1.5 0 0 0 0 1.5h1a.5.5 0 0 1 .5-.5V0ZM15 1.5A1.5 1.5 0 0 0 13.5 0v1a.5.5 0 0 1 .5.5h1ZM3 5h5V4H3v1Zm0 3h3V7H3v1Z"/></svg>
-                    <p>In progress ...</p>
+                    <ul>
+                        <li><a href="./resources/documents/certificates/ClintSimiyu-October 2023 Cyb-certificate.pdf">Cisco Networking Academy® Introduction to Cybersecurity</a></li>
+                    </ul>
 
                 </div>
             </div>
@@ -161,7 +160,6 @@ <h3>Connect with me:</h3>
             <button onclick="flashContacts()">Close</button>
         </div>
         </footer>
-        <div class="bottom"></div>
         <script src="./resources/js/portfolio.js"></script>
         <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
     </body>

diff --git a/resources/css/portfolio.css b/resources/css/portfolio.css
@@ -74,6 +74,7 @@
   .main{
     margin: 0 20px auto;
   }
+
   #projects_div{
     background-color: rgba(0,0,0,0);
   }
@@ -157,6 +158,7 @@ a:hover{
   border-radius: 10px;
 
 }
+
 .hidden{
   width: 0;
 }
@@ -210,11 +212,6 @@ a:hover{
   color: #0554ff;
   position: fixed;
 }
-.bottom{
-  opacity: 0;
-  position: fixed;
-  bottom: 0;
-}
 
 @media screen and (min-width: 200px) and (max-width: 420px) {
    /* Majority of mobile devices*/

diff --git a/resources/documents/certificates/ClintSimiyu-October 2023 Cyb-certificate.pdf b/resources/documents/certificates/ClintSimiyu-October 2023 Cyb-certificate.pdf
diff --git a/resources/js/portfolio.js b/resources/js/portfolio.js
@@ -1,41 +1,3 @@
-// //create cursor element
-// var cursor = document.createElement("iconify-icon");
-// cursor.setAttribute("icon", "gis:arrow-o");
-// cursor.setAttribute("width", "40");
-// cursor.setAttribute("height", "40");
-// cursor.classList.add("cursor");
-// document.body.appendChild(cursor);
-// cursor.style.transform = "scale(0.9)";
-
-
-// //cursor hidden when mouse leaves window
-// document.addEventListener("mouseleave", ()=>{
-//   cursor.style.display = "none";
-// });
-
-// //cursor follow mouse
-// document.addEventListener("mousemove", (e)=>{
-//   cursor.style.left = e.pageX + "px";
-//   cursor.style.top = e.pageY + "px";
-// });
-// //cursor click animation
-// document.addEventListener("mousedown", ()=>{
-//   cursor.style.transform = "scale(0.7)";
-// });
-// document.addEventListener("mouseup", ()=>{
-//   cursor.style.transform = "scale(0.9)";
-// });
-// //hide cursor when link is hovered
-// var links = document.getElementsByTagName("a");
-// for (i=0; i<links.length; i++){
-//   links[i].addEventListener("mouseover", ()=>{
-//     cursor.style.display = "none";
-//   });
-//   links[i].addEventListener("mouseout", ()=>{
-//     cursor.style.display = "block";
-//   });
-// }
-
 // Get the navbar
 var navbar = document.getElementById("topnavbar");
 
@@ -119,11 +81,12 @@ function displayProjects(){
     var repos = response;
     for (i in repos){
       var repo = repos[i];
+      alert(repo);
       //Find image url in the repo by looking in the root directory for a file with the name project_img.png
       var img = "https://raw.githubusercontent.com/Clint171/"+repo.name+"/master/project_img.png";
       //Check if the image exists
       var http = new XMLHttpRequest();
-      http.open('HEAD', img, true);
+      http.open('HEAD', img, false);
       http.send();
       //If the image does not exist, skip this repo
       if (http.status == 404){