add projet + cat + nav

user/themes/hehe/js/site.js

@@ -1,12 +1,3 @@
-function cat() {
-  // var $arrow = $('.navbar > ul > li:nth-child(1)::after');
-  var $tag = $('.tags');
-
-  $('header').click(function(event) {
-    $tag.toggleClass('visible');
-  });
-}
-
 function hover() {
   var $work = $('.navbar > ul > li:nth-child(1)');
 
@@ -20,12 +11,20 @@ function hover() {
 
       $( this ).removeClass( "hover" );
       $(this).parents().find('.tags').removeClass("visible");
-      
+
     }
   );
 }
 
+function active() {
+  var $work = $('.navbar > ul > li:nth-child(1)');
+
+  $work.click(function(event) {
+    $(this).parents().find('.tags').toggleClass("active");
+  });
+}
+
 jQuery(document).ready(function($) {
-  cat();
+  active();
   hover();
 });

user/themes/hehe/scss/template/_header.scss

@@ -8,6 +8,7 @@ header{
   justify-content: space-between;
   background-color: white;
   border-bottom: 2px solid rgb(0,0,0);
+  z-index: 999;
   h1{
     margin: auto 0;
   }
@@ -52,7 +53,7 @@ header{
   ul.tags{
     display: none;
   }
-  ul.visible{
+  ul.visible, ul.active{
     display: flex;
     position: absolute;
     top: 50px;
@@ -61,10 +62,12 @@ header{
     border-left: 2px solid black;
     border-bottom: 2px solid black;
     z-index: 999;
+    background: white;
     a{
       display: flex;
-      width: 100px;
+      width: auto;
       height: 50px;
+      margin: 0 20px;
       li{
         margin: auto;
       }

user/themes/hehe/scss/template/_section.scss

@@ -1,14 +1,16 @@
 #start{
   margin-top: 50px;
+
   //home
   .item{
     display: flex;
+    flex-wrap: wrap;
     .card{
       position: relative;
-      width: calc(100% / 3);
+      width: calc((100% / 3) - 3.5px);
       overflow-y: hidden;
       padding-bottom: 5px;
-      &:nth-child(2n+2){
+      &:nth-child(3n+2){
         margin: 0 5px;
       }
       .card-image:hover{
@@ -29,7 +31,6 @@
       .card-title{
         pointer-events: none;
         position: absolute;
-        // top: 105%;
         left: 50%;
         opacity: 0;
         transition: all 1s;

user/themes/hehe/templates/partials/base.html.twig

@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {% include 'partials/metadata.html.twig' %}
 
-    <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
+    <link rel="icon" type="image/png" href="{{ url('theme://images/hehe_logo.jpg') }}" />
     <link rel="canonical" href="{{ page.url(true, true) }}" />
 
     {% block stylesheets %}