wip: developing pwa webpush notifications

static/includes/_cells.scss

@@ -599,3 +599,28 @@ div.cell {
 		}
 	}
 }
+
+.cell.webpushcell {
+
+	.notification-dialog {
+
+		margin: 1em;
+
+		.checkbox {
+			display: flexbox;
+			display: -ms-flexbox;
+
+			@include vendor-prefix(justify-content, center);
+			cursor: pointer;
+			padding: 1em;
+
+			.checkbox_input {
+				display: inline;
+			}
+
+			.checkbox_text {
+				margin: 0
+			}
+		}
+	}
+}

templates/combo/manifest.json

@@ -19,5 +19,6 @@
     {% endblock %}
     {% block extra %}
     {% endblock %}
-    "display": "{% firstof pwa_display "standalone" %}"
+    "display": "{% firstof pwa_display "standalone" %}",
+    "gcm_sender_id": "{% firstof gcm_sender_id "1049011543176" %}"
 }

templates/combo/page_template.html

@@ -2,6 +2,7 @@
 {% load static i18n combo gadjo %}
 
 {% block extra_top_head %}
+<link rel="manifest" href="{{site_base}}/manifest.json">
 {{ block.super }}
 <script src="{{site_base}}{% xstatic 'jquery' 'jquery.min.js' %}"></script>
 {% skeleton_extra_placeholder extra-top-head %}

themes.json

@@ -84,6 +84,8 @@
      "no_extra_js": true,
      "theme_color": "#44db6f",
      "favicon": "cotes-d-armor/img/favicon.ico"
+     "icon_sizes": ["192", "256", "512"],
+     "icon_prefix": "img/notification-"
    }
   },
   {"id": "dardilly",