feature: project: header + general view

src/index.pug

@@ -50,7 +50,7 @@ html(lang="en")
           include page-job-offers.pug
 
       if endpoints.projects || (endpoints.get && endpoints.get.projects)
-        #project(hidden, data-view="project").with-sidebar
+        #project(hidden, data-view="project").segment.lg-full.with-sidebar
           if (endpoints.post && endpoints.post.projects) && (endpoints.get && endpoints.get.projects)
             hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
             hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)

src/page-project.pug

@@ -1,20 +1,25 @@
-.views-container.sidebar-is-closed
-  .content-box.flex.full-width.with-form
-    div.content-box__header
-      solid-ac-checker.flex.space-between(permission='acl:Read', bind-resources)
-        solid-display(
-          bind-resources
-          fields='const-title1, number, customer.name, name'
+.views-container.sidebar-is-closed.bg-color-white
+  .content-box.full-width
+    .content-box__height
+      div.segment.padding-xlarge.border-bottom
+        solid-ac-checker(permission='acl:Read', bind-resources)
+          div
+            solid-display.text-xlarge.text-letter-spacing-large(
+              bind-resources
+              fields='const-title1, number, customer.name, dash, name'
+
+              class-const-title1='text-color-heading text-bolder text-uppercase'
+              class-number='text-color-heading text-bolder text-uppercase word-spacing-right'
+              class-customer.name='text-color-heading text-bolder text-uppercase'
+              class-dash='text-color-heading text-bolder text-xlarge'
+              class-name=''
+        
+              value-const-title1='N°'
+              value-dash=' - '
+            )
+          div.segment.lg-hidden
+            button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')
 
-          class-const-title1='h1-like'
-          class-number='h1-like word-spacing-right'
-          class-customer.name='h1-like'
-          class-name='h1-aside'
-    
-          value-const-title1='N°'
-        )
-        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')
-    div.content-box__height
       solid-ac-checker(permission='acl:Read', bind-resources)
         #project-chat(hidden, data-view="project-chat")
           include views/project/page-project-chat.pug
@@ -37,4 +42,4 @@ nav.jsRightMenu(role='navigation')
         li.segment.padding-large
           span.icon.ci-information.large.icon-margin-right
           a(data-trans='project.menuRight.information')
-      solid-route(name='project-picture' use-id)
+      solid-route(name='project-picture' use-id)

src/styles/base/main.scss

@@ -618,9 +618,7 @@ img {
 }
 
 h1,
-.h1-like,
 h2,
-.h2-like,
 h3,
 h4,
 h5,