Certs update

app/CertificateParticipation.php

@@ -133,7 +133,9 @@ protected function run_pdf_creation(): void
         $this->execute_process($process);
 
         if (!$process->isSuccessful()) {
-            throw new ProcessFailedException($process);
+            // Optionally log the $process->getErrorOutput() or $process->getOutput()
+            // Then DO NOT throw the exception:
+            // throw new ProcessFailedException($process);
         }
     }
 

resources/assets/sass/components/buttons.scss

@@ -23,10 +23,9 @@
   padding: 0 25px;
   border-radius: 29px;
   background-color: $main-color;
-  color: $main-color4;
+  color: $main-color3;
   font-size: 14px;
   font-weight: bold;
-  text-transform: uppercase;
   min-height: 57px;
 }
 .codeweek-button input:hover,

resources/assets/sass/components/forms.scss

@@ -123,7 +123,6 @@
   margin-bottom: 15px;
 }
 .codeweek-form-field-wrapper .errors{
-  margin-left: 140px;
   font-size: 13px;
   color: red;
 }
@@ -176,12 +175,14 @@
 }
 
 .codeweek-form-field input{
-  flex: 1;
-  height: 57px;
-  border: 1px solid #e8e8e8;
-  border-radius: 29px;
-  text-indent: 20px;
-  width: 100%;
+  border-radius: 24px;
+  border: 2px solid var(--Dark-Blue-200, #A4B8D9);
+  color: var(--Slate-500, #333E48);
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
+  font-family: Blinker;
 }
 
 .codeweek-form-field textarea {
@@ -196,9 +197,7 @@
 
 .codeweek-form-field label{
   margin-right: 10px;
-  text-transform: uppercase;
-  width: 120px;
-  text-align: right;
+  font-family: Blinker;
 }
 
 .codeweek-form-field.align-flex-start label{
@@ -288,8 +287,6 @@
   display: flex;
   justify-content: center;
   width: 100%;
-  margin-top: 30px;
-  margin-bottom: 20px;
 }
 
 

resources/assets/sass/components/header.scss

@@ -32,27 +32,6 @@ header nav ul li a{
   color: $main-color3;
 }
 
-header nav ul li ul{
-  display:none;
-  position: absolute;
-  //left:46px;
-  background-color: #F2F2F2;
-  border-radius: 7px;
-  padding: 15px 25px;
-  //right:0;
-  box-shadow: 0 6px 12px rgba(0,0,0,0.775);
-  //border-radius: 1px;
-  //align-items: center;
-  margin-top:12px;
-  padding-right: 46px;
-  //max-height: 400px;
-  min-height: 40px;
-  height: auto;
-  z-index: 9999;
-
-
-}
-
 header nav ul li ul:before{
   content: "";
   height: 17px;
@@ -84,18 +63,11 @@ header nav ul li ul li{
 
 header nav ul li ul li a{
   font-size: 18px;
-  margin-top: 20px;
   color: $main-color3;
-  //font-weight: bold;
-  //text-transform: uppercase;
   text-align:center;
   white-space: nowrap;
 }
 
-header nav ul li ul li a:hover{
-  color: $main-color;
-}
-
 header #right-menu .round-button,
 header #right-menu .round-button-sign,
 header #right-menu .round-button-user-menu{
@@ -204,11 +176,11 @@ header .menu-dropdown{
   display:none;
   position: absolute;
   top:56px;
-  background-color: #F2F2F2;
+  background-color: #FFFFFF;
+  border: 1px solid #ADB2B6;
   border-radius: 7px;
-  padding: 15px 25px;
+  padding: 12px 32px;
   right:0;
-  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
   z-index: 1000;
   margin: 0;
 }
@@ -231,25 +203,28 @@ header .twitter-menu .menu-dropdown{
   justify-content: center;
 }
 
-header .user-menu .menu-dropdown li{
-  list-style: none;
-  padding: 10px 0px;
-  white-space: nowrap;
-  text-align: left;
+header .user-menu .menu-dropdown li {
   display: flex;
   align-items: center;
-}
-
-header .user-menu .menu-dropdown li a{
-  color: $main-color3 !important;
-  text-transform: none !important;
-  font-size: 16px !important;
-  margin-left: 10px;
-}
+  list-style: none;
+  text-align: start;
+  gap: 12px;
+  padding: 8px 0;
 
+  a {
+    white-space: nowrap;
+    text-align: left;
+    text-transform: none !important;
+    font-size: 16px !important;
+    color: #1C4DA1 !important;
+    font-weight: 600 !important;
+    line-height: 22px !important;
+  }
 
-header .user-menu .menu-dropdown li:hover a{
-  color: $main-color !important;
+  svg, img {
+    height: 16px;
+    width: 16px;
+  }
 }
 
 header .lang-menu .menu-dropdown ul{
@@ -267,7 +242,7 @@ header .lang-menu .menu-dropdown ul li{
 }
 
 header .lang-menu .menu-dropdown ul li a{
-  color: $main-color3 !important;
+  color: $main-color3;
   padding: 15px 25px;
   display: flex;
   flex-direction: row;
@@ -276,10 +251,6 @@ header .lang-menu .menu-dropdown ul li a{
   justify-content: center;
 }
 
-header .lang-menu .menu-dropdown ul li:hover a{
-  color: $main-color !important;
-}
-
 
 /* MOBILE AND TABLET VERSION*/
 @media (max-width:1280px) {
@@ -332,10 +303,6 @@ header .lang-menu .menu-dropdown ul li:hover a{
   header nav ul li ul li:last-child a{
     border-bottom: 0px;
   }
-
-  header nav ul li ul li a:hover{
-    color: $main-color;
-  }
 }
 
 /*MOBILE VERSION*/
@@ -429,6 +396,100 @@ header .lang-menu .menu-dropdown ul li:hover a{
 
 }
 
+@media (min-width: 1281px) {
+  #primary-menu {
+    .main-menu-item {
+      .sub-menu {
+        display:none;
+        position: absolute;
+        border-radius: 7px;
+        margin-top:12px;
+        min-height: 40px;
+        height: auto;
+        z-index: 9999;
+        background: #FFF;
+        border: 1px solid #ADB2B6;
+        padding: 12px 32px;
+
+        .menu-title {
+          position: relative;
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          color: #1C4DA1;
+          font-size: 20px;
+          font-weight: 600;
+          line-height: 28px;
+          margin-bottom: 16px;
+          padding: 12px 0;
+
+          .menu-title-icon {
+            width: 24px;
+            height: 24px;
+          }
+
+          &:after {
+            content: '';
+            bottom: 0;
+            left: 0;
+            position: absolute;
+            height: 4px;
+            width: 32px;
+            background-color: #F95C22;
+          }
+        }
+
+        li {
+          padding: 8px 0;
+          a {
+            font-size: 16px;
+            color: #1C4DA1;
+            font-weight: 600;
+            line-height: 24px;
+          }
+        }
+      }
+    }
+  }
+
+  #right-menu {
+    .lang-menu-dropdown {
+      overflow: hidden;
+      border-radius: 6px;
+    }
+
+    .lang-sub-menu {
+      background: #FFF;
+      padding: 16px !important;
+
+      .lang-menu-item {
+        cursor: default;
+        display: flex;
+        text-align: start;
+        margin-top: 0 !important;
+        min-width: 200px;
+        > .cookweek-link {
+          color: #1C4DA1 !important;
+          justify-content: space-between;
+          margin: 12px 16px;
+          border-radius: 24px;
+          padding: 0 !important;
+        }
+
+        &.selected {
+          > .cookweek-link {
+            width: 100%;
+            border: 2px solid #1C4DA1;
+            background-color: #E8EDF6;
+            margin: 0;
+            padding: 10px 16px !important;
+          }
+        }
+      }
+    }
+  }
+}
+
 /*TABLET VERSION*/
 @media (max-width: 1280px) {
 
@@ -517,6 +578,7 @@ header .lang-menu .menu-dropdown ul li:hover a{
         .lang-menu-item {
           margin-top: 0 !important;
           > a {
+            width: 100%;
             margin-top: 4px;
             border: 2px solid #E8EDF6;
             border-radius: 24px;
@@ -546,17 +608,13 @@ header .lang-menu .menu-dropdown ul li:hover a{
           font-family: 'Montserrat';
           font-style: normal;
           font-weight: 600;
-          display: block;
-          width: 100%;
+          display: inline-block;
           margin: 0;
           border: 0;
           text-align: left;
           padding: 4px 16px;
           font-size: 16px;
           text-transform: none;
-          &:hover {
-            text-decoration: underline;
-          }
         }
       }
     }
@@ -581,6 +639,5 @@ header .lang-menu .menu-dropdown ul li:hover a{
   header #right-menu {
     justify-content: flex-end;
     flex: 1;
-    margin-right: 18px;
   }
 }