typographie

composer.json

@@ -35,6 +35,7 @@
         "drupal/metatag": "^1.13",
         "drupal/paragraphs": "^1.12",
         "drupal/pathauto": "^1.8",
+        "drupal/redirect_after_login": "^2.6",
         "drupal/schema_metatag": "^1.5",
         "drupal/site_settings": "^1.19",
         "drupal/subpathauto": "^1.1",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "93ffc8bc2bab9aea79ee40fc534d99f1",
+    "content-hash": "4adedd5f54b7450a9a32db9fc6e7b567",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -4104,6 +4104,63 @@
                 "documentation": "https://www.drupal.org/docs/8/modules/pathauto"
             }
         },
+        {
+            "name": "drupal/redirect_after_login",
+            "version": "2.6.0",
+            "source": {
+                "type": "git",
+                "url": "https://git.drupalcode.org/project/redirect_after_login.git",
+                "reference": "8.x-2.6"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://ftp.drupal.org/files/projects/redirect_after_login-8.x-2.6.zip",
+                "reference": "8.x-2.6",
+                "shasum": "c969cf714f667ad9af72a765ba95fed59ea63160"
+            },
+            "require": {
+                "drupal/core": "^8 || ^9"
+            },
+            "type": "drupal-module",
+            "extra": {
+                "drupal": {
+                    "version": "8.x-2.6",
+                    "datestamp": "1587318962",
+                    "security-coverage": {
+                        "status": "covered",
+                        "message": "Covered by Drupal's security advisory policy"
+                    }
+                }
+            },
+            "notification-url": "https://packages.drupal.org/8/downloads",
+            "license": [
+                "GPL-2.0+"
+            ],
+            "authors": [
+                {
+                    "name": "Shamsher Alam",
+                    "homepage": "https://www.drupal.org/u/shamsher_alam",
+                    "role": "Author"
+                },
+                {
+                    "name": "pen",
+                    "homepage": "https://www.drupal.org/user/2435634"
+                },
+                {
+                    "name": "prempatel2447",
+                    "homepage": "https://www.drupal.org/user/3250112"
+                },
+                {
+                    "name": "rahul-kr-sh",
+                    "homepage": "https://www.drupal.org/user/3561577"
+                }
+            ],
+            "description": "Redirect user after login to a configured url",
+            "homepage": "https://drupal.org/project/redirect_after_login",
+            "support": {
+                "source": "https://git.drupalcode.org/project/redirect_after_login"
+            }
+        },
         {
             "name": "drupal/schema_metatag",
             "version": "1.6.0",

web/sites/development.services.yml

@@ -4,9 +4,6 @@
 # 'example.settings.local.php' file, which sits next to this file.
 parameters:
   http.response.debug_cacheability_headers: true
-  twig.config:
-    debug: true
-    auto_reload: true
 services:
   cache.backend.null:
     class: Drupal\Core\Cache\NullBackendFactory

web/themes/custom/popsu_colloque/css/components/admin/toolbar.scss

@@ -1,4 +1,4 @@
 #toolbar-administration{
-  z-index: 1000;
+  z-index: 99999; 
   position: fixed;
 }

web/themes/custom/popsu_colloque/css/components/btn/all_btn.scss

@@ -4,7 +4,7 @@
   background: white;
   border-radius: 0;
   a{
-    font-family: 'truenoregular';
+    font-family: 'truenobold';
     font-size: 0.6rem;
     color: $color2;
     span{

web/themes/custom/popsu_colloque/css/components/footer/footer.scss

@@ -4,18 +4,7 @@ footer{
   height: auto;
   padding: 2rem 0 0 0;
   margin-top:2rem;
-  h2{
-    font-size: 1.5rem;
-    text-transform: uppercase;
-    line-height: 1rem;
-  }
-  a{
-    color: black;
-    &:hover{
-      color: black;
-    }
-  }
-  & > .row{
+  & > .d-flex{
     & > div{
       margin-bottom: 1.5rem;
     }
@@ -75,7 +64,6 @@ footer{
   }
   .site_setting_entity{
     img{
-      // width: 100%;
       height: auto;
     }
   }

web/themes/custom/popsu_colloque/css/components/header/header.scss

@@ -182,21 +182,3 @@ header.front{
     display: none;
   }
 }
-
-
-#block-mainnavigation{
-  ul{
-    li{
-      font-size: 0.8rem;
-      a{
-        color: black;
-        font-family: 'truenoregular';
-        &:hover{
-          color: black;
-          text-decoration: none;
-          font-weight: bold;
-        }
-      }
-    }
-  }
-}

web/themes/custom/popsu_colloque/css/components/header/sub_menu.scss

@@ -20,12 +20,13 @@
         color: $color2;
         background: white;
         transition: color 0.3s ease, background 0.3s ease;
-        font-size: 1.7rem;
+        font-size: 2rem;
         font-family: 'dukefill';
         letter-spacing: 0.05rem;
         text-transform: uppercase;
-        @media screen and (min-width: 576px) {
+        @media screen and (min-width: 768px) {
           // padding: 1rem 1rem;
+          font-size: 2.5rem;
         }
         &:hover{
           text-decoration: none;

web/themes/custom/popsu_colloque/css/components/hero.scss

@@ -11,22 +11,20 @@ body{
     margin-right: -50vw;
   }
 }
-.__img-hero{
-  height: 300px;
-    img{
-      width:100%;
-      height: 100%;
-      object-fit: cover;
-    }
-}
 
 .__img-hero{
+  height: 300px;
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
+  img{
+    width:100%;
+    height: 100%;
+    object-fit: cover;
+  }
 }
 
 .participant_full{

web/themes/custom/popsu_colloque/css/components/slides/slides.scss

@@ -52,12 +52,12 @@
       &.first{
         flex-direction: column;
         span{
+          font-family: 'truenolight';
           position: absolute;
           top: -2.5rem;
           width: max-content;
           font-size: 1.2rem;
           line-height: 1.2;
-          font-family: 'truenoregular';
         }
       }
     }

web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss

@@ -51,6 +51,9 @@ section{
     .__wrap{
       padding: 0.5rem;
     }
+     div > *{
+      color:$color2;
+    }
   }
 
   &.bibliographie{
@@ -69,7 +72,7 @@ section{
       width: calc(100% / 4 - #{$gutter} * 2);
     }
     & > div  * {
-      color: $col_black;
+      color: $color2;
       &.__auteur *{
         font-size: 1.4rem;
       }
@@ -103,7 +106,6 @@ section{
   .__publications{
     .publications{
       // margin: $gutter;
-
       .__media{
         padding: 0.5rem 0 0.5rem 0.5rem;
       }

web/themes/custom/popsu_colloque/css/configs/global.scss

@@ -28,6 +28,11 @@ h2{
   font-family: 'dukefill';
   font-size: 2.5rem;
   line-height: 2.5rem;
+  color: $color2;
+  @media screen and (min-width: 768px) {
+    font-size: 3rem;
+    line-height: 3.5rem;
+  }
   a{
     color: $color2;
   }
@@ -38,6 +43,10 @@ h3{
   font-family: 'dukefill';
   font-size: 2rem;
   color: $lightgrey;
+  @media screen and (min-width: 768px){
+    font-size: 2.5rem;
+    line-height: 3.5rem;
+  }
 }
 
 p {
@@ -50,6 +59,19 @@ p{
   font-size: 1rem;
   line-height: 1.5rem;
   font-family: 'truenoregular';
+  strong{
+    font-family: 'truenobold';
+    em{
+      font-family: 'truenobold_italic';
+    }
+  }
+  em{
+    font-family: 'truenoregular_italic';
+  }
+  a{
+    display: inline;
+    background: $underline;
+  }
 }
 
 a{
@@ -86,8 +108,6 @@ img{
   object-fit: cover;
 }
 
-
-
 button{
   outline:0;
   border: 0;
@@ -96,3 +116,15 @@ button{
     border: 0;
   }
 }
+
+footer{
+  *{
+    font-family: 'truenobold';
+    color: $col_black;
+  }
+  h2{
+    text-transform: uppercase;
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}

web/themes/custom/popsu_colloque/css/configs/typography.scss

@@ -20,10 +20,51 @@
     font-style: normal;
 }
 
+
+@font-face {
+    font-family: 'truenolight';
+    src: url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenolt-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenolight_italic';
+    src: url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenoltit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
 @font-face {
     font-family: 'truenoregular';
-    src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
-         url('../fonts/truenorg-webfont.woff') format('woff');
+    src: url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorg-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenoregular_italic';
+    src: url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenorgit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenobold';
+    src: url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobd-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenobold_italic';
+    src: url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'),
+         url('../fonts/trueno/truenobdit-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }
@@ -66,13 +107,28 @@
   }
 }
 
-main{
-// page publication
+
+form{
+  label{
+    font-family: 'truenolight';
+  }
+  .select-items{
+    div{
+      font-family: 'truenolight';
+    }
+  }
+  .select-selected{
+    font-family: 'truenoregular';
+  }
+  input{
+    font-family: 'truenolight';
+  }
+}
+
 .thumbnails{
   &.programme{
     .__content{
-      font-family: 'truenoregular';
-      font-weight: bold;
+      font-family: 'truenobold';
       font-size: 1rem;
       text-transform: uppercase;
     }
@@ -102,6 +158,32 @@ main{
   }
 }
 
+// thumbnails_participants
+.thumbnails_participants{
+  @include shadow_participants;
+    *{
+      color: $color2;
+    }
+    .__name{
+      font-family: 'truenoregular';
+      font-size: 1rem;
+    }
+    .__qualite{
+      font-family: 'truenoregular_italic';
+      font-size: 0.8rem;
+    }
+  }
+
+  .paragraph--type--role-de-l-intervenant{
+    .___title_inter{
+      div{
+        font-family: 'truenobold';
+        font-size: 0.8rem;
+        text-transform: uppercase;
+      }
+    }
+  }
+
 // page shadow_participants
 article{
   &.participant_full{
@@ -109,14 +191,17 @@ article{
       h2{
         font-family: 'truenoregular';
         font-size: 2rem;
+        line-height: 1;
         letter-spacing: normal;
+
       }
     }
     .status{
       div{
-        font-family: 'truenoregular';
-        font-style: italic;
-        font-size: 0.8rem;
+        font-family: 'truenoregular_italic';
+        color: $color2;
+        font-size: 1rem;
+        line-height: 1.2rem;
         text-align: center;
         @media screen and (min-width: 768px) {
           text-align: left;
@@ -125,34 +210,3 @@ article{
     }
   }
 }
-
-
-// thumbnails_participants
-.thumbnails_participants{
-  @include shadow_participants;
-  *{
-    color: $color2;
-  }
-  .__name{
-    font-family: 'truenoregular';
-    font-size: 1rem;
-  }
-  .__qualite{
-    font-family: 'truenoregular';
-    font-size: 0.8rem;
-    font-style: italic;
-  }
-}
-
-.paragraph--type--role-de-l-intervenant{
-  .___title_inter{
-    div{
-      font-family: 'truenoregular';
-      font-weight: bold;
-      font-size: 0.8rem;
-      text-transform: uppercase;
-    }
-  }
-}
-
-}

web/themes/custom/popsu_colloque/css/index.scss

@@ -51,14 +51,20 @@ article img,
 }
 
 .side_notes{
-  position: relative;
+  & > a{
+    position: absolute;
+    // margin-top: -5.5rem;
+    transform: translateY(-50%);
+  }
 }
 
-.side_notes > *{
-  position: absolute;
-  width: 300px;
+.side_notes *{
+  margin: 0 0 0 0;
+  padding: 0;
+  flex: 100%;
+  max-width: 100%;
 }
 
 .side_notes .d-flex {
-  flex-direction: column;
+  // flex-direction: column;
 }

web/themes/custom/popsu_colloque/css/pages/front.scss

@@ -1,36 +1,57 @@
+header{
+  #block-mainnavigation{
+    ul{
+      li{
+        font-size: 0.8rem;
+        a{
+          color: black;
+          font-family: 'truenoregular';
+          &:hover{
+            font-family: 'truenobold';
+            color: black;
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+}
+
 #txt_present{
  margin: 3rem 0;
  @media screen and (min-width: 992px) {
    margin: 5rem 0;
  }
+
  & * {
    color: $color2;
  }
+
  & > div{
    margin: 2rem auto;
  }
+
  .__title-present{
    h2{
-     font-size: 1.5rem;
-     letter-spacing: $letter_spacingH;
+     font-size: 1.9rem;
      font-family: 'truenoregular';
      line-height: normal;
    }
  }
+
  .__sub-title-present{
    p{
-     font-family: 'truenoregular';
-     font-style: italic;
-     font-size: 0.8rem;
-     line-height: 1rem;
+     font-family: 'truenoregular_italic';
+     font-size: 0.9rem;
+     line-height: 1.3rem;
    }
  }
+
  .__body-present{
    p{
-     font-family: 'truenoregular';
-     font-weight: lighter;
-     font-size: 1rem;
-     line-height: 1.5rem;
+     font-family: 'truenolight';
+     font-size: 1.2rem;
+     line-height: 1.8rem;
    }
  }
 

web/themes/custom/popsu_colloque/css/pages/layout.scss

@@ -7,6 +7,40 @@ main:not(.home){
   }
 }
 
+//
+body{
+  position: relative;
+  &::before{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background-image: url("../images/croix_fond.svg");
+    background-size: content;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  &::after{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background:
+    linear-gradient(
+      to top,
+      rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8)
+    );
+    display: block;
+    position: absolute;
+    transform: translateY(-50%);
+    top: 50%;
+    left: 0;
+  }
+}
+
+
 article{
   .__title{
     @include croix_or;

web/themes/custom/popsu_colloque/css/pages/programme.scss

@@ -6,7 +6,7 @@
     }
     h3{
       font-size: 1.5rem;
-      font-family: 'truenoregular';
+      font-family: 'truenolight';
       color: $col_black;
     }
     .views{

web/themes/custom/popsu_colloque/fonts/trueno/stylesheet.css

@@ -0,0 +1,132 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 28, 2020 */
+
+
+
+@font-face {
+    font-family: 'truenobold_italic';
+    src: url('truenobdit-webfont.woff2') format('woff2'),
+         url('truenobdit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenobold_outline';
+    src: url('truenobdol-webfont.woff2') format('woff2'),
+         url('truenobdol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenobold_outline_italic';
+    src: url('truenobdolit-webfont.woff2') format('woff2'),
+         url('truenobdolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack';
+    src: url('truenoblk-webfont.woff2') format('woff2'),
+         url('truenoblk-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_italic';
+    src: url('truenoblkit-webfont.woff2') format('woff2'),
+         url('truenoblkit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_outline';
+    src: url('truenoblkol-webfont.woff2') format('woff2'),
+         url('truenoblkol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoblack_outline_italic';
+    src: url('truenoblkolit-webfont.woff2') format('woff2'),
+         url('truenoblkolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold';
+    src: url('truenoexbd-webfont.woff2') format('woff2'),
+         url('truenoexbd-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold_italic';
+    src: url('truenoexbdit-webfont.woff2') format('woff2'),
+         url('truenoexbdit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoextrabold_outline';
+    src: url('truenoexbdol-webfont.woff2') format('woff2'),
+         url('truenoexbdol-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'truenoXBdoutlineIt';
+    src: url('truenoexbdolit-webfont.woff2') format('woff2'),
+         url('truenoexbdolit-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}

web/themes/custom/popsu_colloque/images/croix_fond.svg

@@ -7,78 +7,36 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   sodipodi:docname="croix_fond.svg"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   id="svg8"
+   width="15"
+   height="15"
+   viewBox="0 0 3.96875 3.9687498"
    version="1.1"
-   viewBox="0 0 1.6898056 1.6898055"
-   height="4.79pt"
-   width="4.79pt">
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="croix_fond.svg">
   <defs
-     id="defs2">
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath138">
-      <path
-         d="M 270.537,513.328 H 402.448 V 428.777 H 270.537 Z"
-         id="path136" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath154">
-      <path
-         d="m 287.707,556.237 h 90.128 v -78.999 h -90.128 z"
-         id="path152" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath170">
-      <path
-         d="m 262.498,530.522 h 74.377 v -86.151 h -74.377 z"
-         id="path168" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath190">
-      <path
-         d="m 406.086,506.959 h 22.617 V 480.26 h -22.617 z"
-         id="path188" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath206">
-      <path
-         d="m 357.604,507.208 h 21.209 v -26.625 h -21.209 z"
-         id="path204" />
-    </clipPath>
-    <clipPath
-       clipPathUnits="userSpaceOnUse"
-       id="clipPath222">
-      <path
-         d="m 380.867,507.541 h 20.731 V 480.26 h -20.731 z"
-         id="path220" />
-    </clipPath>
-  </defs>
+     id="defs2" />
   <sodipodi:namedview
-     inkscape:window-maximized="1"
-     inkscape:window-y="0"
-     inkscape:window-x="2005"
-     inkscape:window-height="1015"
-     inkscape:window-width="1920"
-     units="pt"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="-1.3773898"
-     inkscape:cx="31.450874"
-     inkscape:zoom="7.9195959"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
+     showguides="false"
+     id="base"
      pagecolor="#ffffff"
-     id="base" />
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.186896"
+     inkscape:cx="18.206074"
+     inkscape:cy="6.3000167"
+     inkscape:document-units="px"
+     inkscape:current-layer="g900"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="22"
+     inkscape:window-maximized="1" />
   <metadata
      id="metadata5">
     <rdf:RDF>
@@ -92,16 +50,20 @@
     </rdf:RDF>
   </metadata>
   <g
-     id="layer1"
+     inkscape:label="Calque 1"
      inkscape:groupmode="layer"
-     inkscape:label="Calque 1">
-    <path
-       id="path833"
-       d="M 0.84490277,-0.00332422 V 1.6931298"
-       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <path
-       style="fill:none;stroke:#28429f;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 1.6931298,0.84490277 H -0.00332423"
-       id="path833-2" />
+     id="layer1">
+    <g
+       transform="translate(0.99233661,0.51599475)"
+       id="g900">
+      <path
+         id="path833"
+         d="M 0.99286612,0.66810522 V 2.2556052"
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 1.7866161,1.4618552 H 0.19911613"
+         id="path833-2" />
+    </g>
   </g>
 </svg>

web/themes/custom/popsu_colloque/js/script.js

@@ -8,9 +8,7 @@
         $this = $(this);
         if ( $this.is('#ressource') || $this.is('#publication') ) {
           e.preventDefault();
-
           var $url = $this.attr("href");
-
           if ($( ".side_notes" )[0]) {
             $( ".side_notes" ).remove();
           }
@@ -22,10 +20,10 @@
 
     function content_type($url, $this) {
       if ($this.is('#ressource')) {
-        $("<div class='side_notes'><a href="+$url+"></a> </div>").insertAfter("article");
+        $("<div class='side_notes'><a href="+$url+"></a> </div>").insertAfter(".__wrap_side article");
       }else if ( $this.is('#publication') ) {
         console.log('clcik');
-        $("<div class='side_notes'></>").insertAfter("article");
+        $("<div class='side_notes'></>").insertAfter(".__wrap_side article");
       }
     }
 
@@ -37,9 +35,9 @@
         async: true,
         success: function(data) {
           if ($this.is('#ressource')) {
-            $(data).find('article > div:not(.__wrap_side) .__wrapper').appendTo('.side_notes a');
+            $(data).find('article.publications .__wrapper').appendTo('.side_notes a');
           }else if ($this.is('#publication')) {
-            $(data).find('article > div:not(.__wrap_side) .__wrapper').appendTo('.side_notes');
+            $(data).find('article.publications .__wrapper').appendTo('.side_notes');
           }
           position_link($this);
         },

web/themes/custom/popsu_colloque/template/block/block--popsu-colloque-submenu.html.twig

@@ -27,7 +27,8 @@
  * @ingroup themeable
  */
 #}
-<div{{ attributes }} class="container">
+
+<div id="block-popsu-colloque-submenu" class="container">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-3.html.twig

@@ -27,7 +27,7 @@
  * @ingroup themeable
  */
 #}
-<div{{ attributes }} class="col-12 col-md-6 px-0 col-lg-12">
+<div id="block-renderedsitesettingsblock-3" class="col-12 col-md-6 px-0 col-lg-12 px-0">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-4.html.twig

@@ -27,7 +27,7 @@
  * @ingroup themeable
  */
 #}
-<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
+<div id="block-renderedsitesettingsblock-4" class="col-12 col-md-6 col-lg-4 px-0">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock-5.html.twig

@@ -29,7 +29,7 @@
 #}
 
 
-<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
+<div id="block-renderedsitesettingsblock-5" class="col-12 col-md-6 col-lg-4 px-0">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/block/block--renderedsitesettingsblock.html.twig

@@ -27,10 +27,9 @@
  * @ingroup themeable
  */
 #}
-<div class="col-12 d-md-flex d-lg-block col-lg-4">
+<div class="col-12 d-md-flex d-lg-block col-lg-4 px-0">
 
-
-<div{{ attributes }} class="col-12 col-md-6 col-lg-12 px-0">
+<div id="block-renderedsitesettingsblock" class="col-12 col-md-6 col-lg-12 px-0">
   {{ title_prefix }}
   {% if label %}
     <h2{{ title_attributes }}>{{ label }}</h2>

web/themes/custom/popsu_colloque/template/node/node--informations-pratiques--full.html.twig

@@ -72,7 +72,7 @@
  * @ingroup themeable
  */
 #}
-<article{{ attributes }} class="col-12 col-md-10 mb-5 px-0">
+<article class="col-12 col-md-10 mb-5 px-0">
   {{ title_prefix }}
   {% if label and not page %}
     <h2{{ title_attributes }}>

web/themes/custom/popsu_colloque/template/node/node--moments.html.twig

@@ -73,7 +73,7 @@
  */
 
 #}
-<article{{ attributes }} class="row" id="moments">
+<article class="row" id="moments">
   <div class="__wrapper col-sm-12 col-md-9">
     <div class="__img-hero">
     {{content.field_image}}

web/themes/custom/popsu_colloque/template/node/node--participants--full.html.twig

@@ -72,7 +72,7 @@
  * @ingroup themeable
  */
 #}
-<article{{ attributes }} class="participant_full row">
+<article class="participant_full row">
   <div class="hero col">
     <figure class="d-md-flex d-block">
       <div class="__img">

web/themes/custom/popsu_colloque/template/node/node--publications--isotope-mode.html.twig

@@ -75,7 +75,7 @@
 {% set isoClassTheme = content.field_theme[0][ '#plain_text'] %}
 {% set isoClassPublication = content.field_type_de_publication[0][ '#plain_text'] %}
 
-<article{{ attributes }} class="{{isoClassTheme}} {{isoClassPublication}} thumbnails publications">
+<article class="{{isoClassTheme}} {{isoClassPublication}} thumbnails publications">
   <div{{ content_attributes }}>
     <a href="{{ url }}">
       <div class="d-flex">

web/themes/custom/popsu_colloque/template/node/node--thumbnails-bilbiographie.html.twig

@@ -79,7 +79,7 @@
   {% set class = 'link_ext' %}
 {% endif %}
 
-<article{{ attributes }} class="thumbnails bibliographie {{class}}">
+<article class="thumbnails bibliographie {{class}}">
 <div>
 {% if urlExt %}
   <a target="_blank" href="{{urlExt}}">

web/themes/custom/popsu_colloque/template/node/node--thumbnails-publications.html.twig

@@ -73,7 +73,7 @@
  */
 #}
 
-<article{{ attributes }} class="thumbnails publications">
+<article class="thumbnails publications">
   <div{{ content_attributes }}>
     <a href="{{ url }}">
       <div class="d-flex">

web/themes/custom/popsu_colloque/template/page--user--login.html.twig

@@ -0,0 +1,82 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+  <header role="banner" class="front container-fluid">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="d-flex container">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content mx-auto">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second col-2" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+  </main>
+
+  {% if page.footer %}
+    <footer role="contentinfo" class="container-fluid">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+
+</div>{# /.layout-container #}

web/themes/custom/popsu_colloque/template/page--user.html.twig

@@ -0,0 +1,82 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+  <header role="banner" class="front container-fluid">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main" class="d-flex container">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second col-2" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+  </main>
+
+  {% if page.footer %}
+    <footer role="contentinfo" class="container-fluid">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+
+</div>{# /.layout-container #}

web/themes/custom/popsu_colloque/template/regions/region--footer.html.twig

@@ -15,7 +15,7 @@
  */
 #}
 {% if content %}
-  <div{{ attributes }} class="d-flex container">
+  <div{{ attributes }} class="d-flex flex-wrap px-0 container">
     {{ content }}
   </div>
 {% endif %}