prepare subscription page

assets/css/src/header.css

@@ -1,3 +1,11 @@
+main {
+  pointer-events: none;
+}
+
+.page-cover > * {
+  pointer-events: all;
+}
+
 #main-header {
   position: fixed;
   box-sizing: border-box;

assets/css/src/home.css

@@ -1,13 +1,3 @@
-[data-template="home"] main {
-  pointer-events: none;
-}
-
-.home-baseline,
-.main-edito-btn,
-.open-nav {
-  pointer-events: all;
-}
-
 .main-edito-btn {
   display: inline-block;
   margin-right: calc(2 * var(--unit--horizontal));

assets/css/src/nav.css

@@ -165,35 +165,6 @@ button.see-more {
   nav.panel {
     width: 40rem;
   }
-  #subscribe-btn-wrapper {
-    height: 2.5rem;
-    margin-bottom: 0.2rem;
-  }
-
-  #subscribe-form {
-    position: relative;
-    width: fit-content;
-  }
-
-  #subscribe-form input {
-    background-color: transparent;
-    border: none;
-    border-bottom: 1px solid #fff;
-    box-sizing: border-box;
-    padding-bottom: 0.3rem;
-    padding-right: 2rem;
-    color: #fff;
-    width: 15rem;
-  }
-  #subscribe-form input:focus-visible {
-    outline: none;
-  }
-  #subscribe-form button[type="submit"] {
-    color: #fff;
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
 
   .panel {
     z-index: 4;

assets/css/src/newsletter.css

@@ -0,0 +1,29 @@
+#subscribe-btn-wrapper {
+  height: 2.5rem;
+  margin-bottom: 0.2rem;
+}
+
+#subscribe-form {
+  position: relative;
+  width: fit-content;
+}
+
+#subscribe-form input {
+  background-color: transparent;
+  border: none;
+  border-bottom: 1px solid #fff;
+  box-sizing: border-box;
+  padding-bottom: 0.3rem;
+  padding-right: 2rem;
+  color: #fff;
+  width: 15rem;
+}
+#subscribe-form input:focus-visible {
+  outline: none;
+}
+#subscribe-form button[type="submit"] {
+  color: #fff;
+  position: absolute;
+  top: 0;
+  right: 0;
+}

assets/css/style.css

@@ -8,6 +8,7 @@
 @import url("src/virtual.css");
 @import url("src/home.css");
 @import url("src/grid.css");
+@import url("src/newsletter.css");
 @import url("src/footer.css");
 @import url("src/print.css");
 :root {