delete links section

Author: erpicoding

index.html

@@ -28,15 +28,14 @@
         </a>
         <div class="linkContainer" id="linkContainer">
           <a class="navbarLink" href="#section1">Über Mich</a>
-          <a class="navbarLink" href="#section2">Links</a>
-          <a class="navbarLink" href="#section3">Projekte</a>
+          <a class="navbarLink" href="#section2">Projekte</a>
         </div>
         <button class="navbarButton" onclick="navbarToggle()">Menu</button>
       </nav>
       <div class="banner animatedBorder">
         <h1>ERPI CODING</h1>
         <h2>Web-Developer</h2>
-        <a href="#section3" class="bannerLink">Projekte &rarr;</a>
+        <a href="#section2" class="bannerLink">Projekte &rarr;</a>
       </div>
     </header>
     <main>
@@ -96,16 +95,7 @@ <h2>Programmiersprachen und andere Technologien</h2>
         </div>
       </section>
     </main>
-    <section class="contentSection linksBg" id="section2">
-      <h2 class="sectionHeading">Links</h2>
-      <a href="https://github.com/erpicoding" target="_blank" class="firstLink"
-        >Github</a
-      >
-      <a href=""></a>
-      <a href=""></a>
-      <a href=""></a>
-    </section>
-    <section class="contentSection" id="section3">
+    <section class="contentSection" id="section2">
       <h2 class="sectionHeading">Projekte</h2>
       <div class="projektContainer">
         <div class="projekt">

style.css

@@ -141,7 +141,7 @@ header {
   }
 }
 .showLinks {
-  height: 180px;
+  height: 120px;
   transition: 500ms;
 }
 
@@ -307,34 +307,6 @@ h6 {
     grid-template-rows: repeat(4, 80px);
   }
 }
-/* Linktree sction
-*/
-.linksBg {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background: linear-gradient(rgba(63, 208, 212, 0.5), rgba(0, 0, 0, 0.7)), url(./img/linksBackground.png) center/cover no-repeat;
-  align-items: center;
-}
-.linksBg a {
-  width: 200px;
-  height: 40px;
-  margin: 20px;
-  background-color: rgba(63, 207, 212, 0.2);
-  border-radius: 20px;
-  box-shadow: inset 0 0 5px rgba(63, 207, 212, 0.25);
-  -webkit-backdrop-filter: blur(4px);
-          backdrop-filter: blur(4px);
-  text-align: center;
-  align-content: center;
-  text-decoration: none;
-  font-size: 20px;
-  font-weight: 600;
-}
-.linksBg h2 {
-  margin-bottom: 60px;
-}
-
 /* -----------------------------------------------------------------------------projekte 
 */
 .projektContainer {

style.css.map

@@ -181,7 +181,8 @@ header {
   }
 }
 .showLinks {
-  height: 180px;
+  // for each link 60px height in this class
+  height: 120px;
   transition: 500ms;
 }
 .banner {
@@ -369,36 +370,6 @@ h6 {
     grid-template-rows: repeat(4, 80px);
   }
 }
-/* Linktree sction
-*/
-.linksBg {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background: linear-gradient($petrol-transparent, rgba(0, 0, 0, 0.7)),
-    url(./img/linksBackground.png) center/cover no-repeat;
-  align-items: center;
-
-  a {
-    width: 200px;
-    height: 40px;
-    margin: 20px;
-
-    background-color: $petrol-ultra-transparent;
-    border-radius: 20px;
-    box-shadow: inset 0 0 5px $petrol-dark-transparent;
-    backdrop-filter: blur(4px);
-
-    text-align: center;
-    align-content: center;
-    text-decoration: none;
-    font-size: 20px;
-    font-weight: 600;
-  }
-  h2 {
-    margin-bottom: 60px;
-  }
-}
 
 /* -----------------------------------------------------------------------------projekte 
 */