fixed id naming convention

static/css/main.css

@@ -182,11 +182,11 @@ h1, h2, h3, h4, h5{
 /* #profile label{
   font-weight: 700;
 } */
-#user-profile-activation{
+#userProfileActivation{
   padding: 1.5em;
   background-color: var(--accent-light);
 }
-#activate-user-profile{
+#activateUserProfile{
   margin-left: 1em;
   margin-top: 0;
   width: 3em;
@@ -204,21 +204,21 @@ h1, h2, h3, h4, h5{
 #tandem-meet .col label{
   font-weight: initial;
 }
-#tandem-explanations{
+#tandemExplanations{
   padding-top: 5rem;
   padding-bottom: 5rem;
   background-color: var(--background-wrapper);
 }
-#tandem-explanations header{
+#tandemExplanations header{
   display: grid;
   justify-items: center;
   text-align: center;
   padding: 0 3rem;
 }
-#tandem-explanations header p{
+#tandemExplanations header p{
   color: rgb(100,100,100);
 }
-#tandem-explanations article{
+#tandemExplanations article{
   display: grid;
   justify-items: center;
   margin-top: 2rem;
@@ -226,7 +226,7 @@ h1, h2, h3, h4, h5{
   background-color: var(--accent-light);
   padding: var(--div-padding);
 }
-#tandem-method{
+#tandemMethod{
   background-image: linear-gradient(to right bottom, rgb(242,135,5), rgb(246,150,2), rgb(249,165,2), rgb(251,180,9), rgb(253,155,20));
 }
 .bottom-anchored{
@@ -264,10 +264,10 @@ article li:not(:first-of-type){
   color: darkgray;
   letter-spacing: .25em;
 }
-.profile .user-avatar{
+.profile .userAvatar{
   text-align: center;
 }
-.user-avatar img{
+.userAvatar img{
   width: 9rem;
   height: 9rem;
   object-fit: cover;
@@ -275,13 +275,13 @@ article li:not(:first-of-type){
   border: 2px solid white;
   border-radius: 50%;
 }
-.profile .label, #signal-modal label{
+.profile .label, #signalModal label{
   font-weight: 700;
 }
-.user-description{
+.userDescription{
   margin-top: 1.5em;
 }
-.profile-options{
+.profileOptions{
   margin-top: 2em;
   justify-content: end;
   display: flex;
@@ -289,12 +289,12 @@ article li:not(:first-of-type){
 }
 
 /* search filters */
-#search-filters{
+#searchFilters{
   border: 1px solid white;
   background-color: rgba(255,255,255,.5);
   margin-top: 0.5rem;
 }
-#search-filters form{
+#searchFilters form{
   padding: calc(var(--div-padding) / 3);
 }
 
@@ -342,7 +342,7 @@ label[for="lang"]{
   font-size: 0.9em;
   margin-bottom: 0.25rem;
 }
-#search-filters label{
+#searchFilters label{
   font-weight: 600;
 }
 /* overrides */
@@ -454,11 +454,11 @@ nav .icon-ui{
   .partners-logo-grid{
     grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
   }
-  .profile .user-avatar, .profile .user-pseudo, .offcanvas .user-avatar{
+  .profile .userAvatar, .profile .userPseudo, .offcanvas .userAvatar{
     margin: 0 auto;
     text-align: center
   }
-  .profile .user-pseudo{
+  .profile .userPseudo{
     margin: .5em auto;
   }
 }
@@ -469,17 +469,17 @@ nav .icon-ui{
   h1, h2, h3, h4{
     text-align: center;
   }
-  .profile-options{
+  .profileOptions{
     display: grid;
     gap: 0 .5rem;
 	  width: fit-content;
 	  margin: calc(var(--div-padding) / 3) auto 0;
   }
-  .offcanvas .user-avatar{
+  .offcanvas .userAvatar{
     margin: 0 auto;
     text-align: center
   }
-  .offcanvas .user-avatar img{
+  .offcanvas .userAvatar img{
     width: 5rem;
     height: 5rem;
   }
@@ -520,11 +520,11 @@ nav .icon-ui{
   .offcanvas li:not(:first-child){
     margin-top: initial;
   }
-  .offcanvas .user-pseudo{
+  .offcanvas .userPseudo{
     font-weight: 700;
     margin-top: .5em;
   }
-  #side-lang{
+  #sideLang{
     display: flex;
     align-items: center;
     gap: 1rem;

static/js/check.js

@@ -1,5 +1,5 @@
 document.addEventListener("DOMContentLoaded", function() {
-    const checkTerms = document.querySelector('#cgv-check');
+    const checkTerms = document.querySelector('#cgvCheck');
     const createAccountButton = document.querySelector('#btnCreateAccount');
     const readTerms = document.querySelector('#readTerms');
     console.log(checkTerms, createAccountButton);

static/js/js.js

@@ -4,14 +4,14 @@ function initTooltips(section) {
   const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
 }
 function checkTermsandConditions(){
-  const checkTerms = document.querySelector('#cgv-check');
+  const checkTerms = document.querySelector('#cgvCheck');
   const createAccountButton = document.querySelector('#btnCreateAccount');
   createAccountButton.disabled = !checkTerms.checked;
 }
 
 document.addEventListener("DOMContentLoaded", function() {
   const offmenu = document.getElementById("offSideMenu");
-  const sidemenu = document.getElementById("secondary-nav");
+  const sidemenu = document.getElementById("secondNav");
 
   function toggleMenus(mediaQuery) {
     if (!mediaQuery.matches) {