ListPage as GenericPage; setting list_page; remove EventPage; pass context data in sections (to be able to retrieve settings; share buttons; tags with url

cms/static/cms/css/layout.css

@@ -336,4 +336,12 @@ main .body ~ section:not(.comments) {
     display: inline-block;
 }
 
+.meta > .share {
+    margin-top: 0.8em;
+}
+
+.meta .author .summary {
+    display: none;
+}
+
 

cms/static/cms/css/theme.css

@@ -43,7 +43,7 @@ h2 * { vertical-align: middle; }
 
 
 /** info **/
-time {
+time, .tags {
     font-size: 0.9em;
     color: #616161;
 }
@@ -54,6 +54,7 @@ time {
     color: #007EDF;
 }
 
+
 a {
     cursor: pointer;
     text-decoration: none;
@@ -64,6 +65,10 @@ a:hover {
     color: #007EDF;
 }
 
+a:hover > .small_icon {
+    box-shadow: 0em 0em 0.1em #007EDF;
+}
+
 
 .error { color: red; }
 .warning { color: orange; }
@@ -79,29 +84,52 @@ a:hover {
 main {
     background-color: rgba(255,255,255,0.9);
     padding: 1em;
+    margin: 0em 2em;
     box-shadow: 0em 0em 0.2em black;
+    width: 60%;
 }
 
-    main h1:not(.detail_title) {
+
+    main:not(.detail) h1 {
         margin: 0em 0em 0.4em 0em;
     }
 
+main.detail {
+    padding: 0em;
+}
 
-    main h1.detail_title {
+    main.detail > .content {
+        padding: 1em;
+    }
+
+    main.detail > header {
+        padding: 0em;
         margin: 0em;
-        padding: 0.2em;
+    }
+
+    main.detail > header h1.title {
         position: relative;
-        left: -0.7em;
-        width: 80%;
+        width: calc(70% - 0.8em);
+        margin: 0em;
+        margin-bottom: -2em;
+        padding: 0.4em;
         background-color: rgba(255,255,255,0.8);
     }
 
-    main img.detail_cover {
-       width: calc(100% + 2em);
-       margin-top: -3.3em;
-       margin-left: -1em;
+    main.detail > header img.cover {
+       width: 70%;
+       display: inline-block;
     }
 
+    main.detail header .summary {
+       display: inline-block;
+       padding: 1em;
+       width: calc(20% - 2em);
+       vertical-align: top;
+       font-size: 1.2em;
+       font-weight: bold;
+       background-color: white;
+    }
 
 
 /** player **/

cms/static/cms/js/player.js

@@ -220,7 +220,6 @@ function Player(id, on_air_url, show_cover) {
         bar: this.player.querySelector('.controls .progress progress'),
         duration: this.player.querySelector('.controls .progress .duration')
     }
-    console.log(this.progress)
 
     this.controls = {
         single: this.player.querySelector('input.single'),
@@ -361,6 +360,11 @@ Player.prototype = {
             this.audio.pause();
     },
 
+    stop: function() {
+        this.audio.pause();
+        this.player.removeAttribute('state');
+    },
+
     __mime_type: function(path) {
         ext = path.substr(path.lastIndexOf('.')+1);
         return 'audio/' + ext;