feat: format and remove some code

Author: schmelto

index.html

@@ -105,7 +105,7 @@ <h2 class="text-primary">Our Vision</h2>
     <section id="projects" class="projects">
       <h2>Projects</h2>
 
-      <div class="flex-col-2" id="githubprojects">
+      <div class="flex-col-2 flex-items" id="githubprojects">
         <!-- GitHub Projects from scripts.js goes here -->
       </div>
 

src/assets/css/global.css

@@ -129,7 +129,7 @@ textarea:focus {
   border-radius: 5px;
 }
 
-.btn-secondary{
+.btn-secondary {
   background-color: var(--secondaryBtn);
   color: #fff;
   padding: 18px 30px;
@@ -156,7 +156,7 @@ textarea:focus {
 .flex-items a {
   display: block;
   margin: 0 20px;
-  transition: all 0.4s ease-in-out; 
+  transition: all 0.4s ease-in-out;
 }
 
 .flex-items a:hover {
@@ -170,4 +170,3 @@ textarea:focus {
   border-radius: 10px;
   box-shadow: 3px 5px 5px var(--shadow);
 }
-

src/assets/javascript/script.js

@@ -34,14 +34,6 @@ let githubprojects = [
     name: 'chryz-hub/chryz-hub.github.io',
     icon: 'description',
   },
-  {
-    name: 'chryz-hub/chryz-hub.github.io',
-    icon: 'article',
-  },
-  {
-    name: 'chryz-hub/chryz-hub.github.io',
-    icon: 'person',
-  },
   // Here can be added some more projets if needed
 ];
 
@@ -55,17 +47,27 @@ function getproject(project, icon) {
       return response.json();
     })
     .then((project) => {
-        // we add the project card directly to the html dom
+      // we add the project card directly to the html dom
       githubprojectsdomelement.innerHTML += createprojectcard(project, icon);
     });
 }
 
 function createprojectcard(project, icon) {
-    // removing github emojis cause they are not usable in html
-    project.description = project.description.replace(/:[^}]*:/, '');
+  // removing github emojis cause they are not usable in html
+  project.description = project.description.replace(/:[^}]*:/, '');
 
-    // TODO: add Project Card
-    let projectcard = ``;
-    return projectcard;
-  }
-  
+  // TODO: add Project Card
+  let projectcard = `<a href="#">
+    <div class="item project">
+      <h4 class="text-secondary">Chryz-Hub Website</h4>
+      <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quis quos consequatur atque perferendis
+        sapiente consectetur iusto tempora temporibus, sequi maxime.</p>
+      <div>
+        <span class="fab fa-html5"></span>
+        <span class="fab fa-css3-alt"></span>
+        <span class="fab fa-js"></span>
+      </div>
+    </div>
+  </a>`;
+  return projectcard;
+}