diff --git a/static/admin-new/index.html b/static/admin-new/index.html
index 9bec899..8ad1be2 100644
--- a/static/admin-new/index.html
+++ b/static/admin-new/index.html
@@ -11,5 +11,244 @@
     <script>
       window.CMS.init();
     </script>
+    <script>
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/bootstrap/bootstrap.min.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/slick/slick.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/animate/animate.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/venobox/venobox.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/fontawesome/css/all.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/plugins/fira/fira.css");
+CMS.registerPreviewStyle("https://cantorgymnasium.de/scss/style.css");
+</script>
+<script>
+var PostPreview = createClass({
+  render: function() {
+    var entry = this.props.entry;
+    var image = entry.getIn(['data', 'image']);
+    var bg = this.props.getAsset(image);
+    const divStyle = {
+      backgroundImage: 'url("/media/backgrounds/page-title.png"),url("/media/backgrounds/page-title.png")',
+    };
+    return h('div', {},
+              h('section', {"className": "page-title-section overlay", "style": divStyle},
+                h('div', {"className": "container"},
+                  h('div', {"className": "col-md-8"},
+                    h('ul', {"className": "list-inline custom-breadcrumb"},
+                      h('li', {"className": "list-inline-item h1"},
+                        h('a', {"className": "text-primary font-secondary", href: ""}, "Schulchronik")),
+                      h('li', {"className": "list-inline-item ha"},
+                        h("i", {"className": "fa-solid fa-angle-right text-white"})),
+                      h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title']))
+                    )
+                  )
+                )
+              ),
+              h('section', {"className": "section-sm"},
+                h('div', {"className": "container"},
+                  h('div', {"className": "row"},
+                    h('div', {"className": "col-12 mb-4"}, this.props.widgetFor('body'))
+                  )
+                )
+              )
+            );
+  }
+});
+
+CMS.registerPreviewTemplate("schulchronik", PostPreview);
+CMS.registerPreviewTemplate("schuelerrat-index", PostPreview);
+
+</script>
+<script>
+var PostPreviewContent = createClass({
+  render: function() {
+    var entry = this.props.entry;
+    var image = entry.getIn(['data', 'image']);
+    var bg = this.props.getAsset(image);
+    const divStyle = {
+      backgroundImage: 'url("/media/backgrounds/page-title.png"),url("/media/backgrounds/page-title.png")',
+    };
+    return h('div', {},
+              h('section', {"className": "page-title-section overlay", "style": divStyle},
+                h('div', {"className": "container"},
+                  h('div', {"className": "col-md-8"},
+                    h('ul', {"className": "list-inline custom-breadcrumb"},
+                      h('li', {"className": "list-inline-item h1"},
+                        h('a', {"className": "text-primary font-secondary", href: ""}, "Schulchronik")),
+                      h('li', {"className": "list-inline-item ha"},
+                        h("i", {"className": "fa-solid fa-angle-right text-white"})),
+                      h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title']))
+                    )
+                  )
+                )
+              ),
+              h('section', {"className": "section-sm"},
+                h('div', {"className": "container"},
+                  h('div', {"className": "row"},
+                    h('div', {"className": "col-12 mb-4"},
+                      h('div', {"className": "content"}, this.props.widgetFor('body'))
+                    )
+                  )
+                )
+              )
+            );
+  }
+});
+
+CMS.registerPreviewTemplate("anmeldung-index", PostPreviewContent);
+CMS.registerPreviewTemplate("impressum", PostPreviewContent);
+CMS.registerPreviewTemplate("schuelerrat-geschaeftsordnung", PostPreviewContent);
+
+</script>
+<script>
+var EventPreview = createClass({
+  render: function() {
+    var entry = this.props.entry;
+    var image = entry.getIn(['data', 'image']);
+    var bg = this.props.getAsset(image);
+    const divStyle = {
+      backgroundImage: 'url("/media/backgrounds/page-title.png"),url("/media/backgrounds/page-title.png")',
+    };
+    return h('div', {},
+              h('section', {"className": "page-title-section overlay", "style": divStyle},
+                h('div', {"className": "row"},
+                  h('div', {"className": "container"},
+                    h('div', {"className": "col-md-8"},
+                      h('ul', {"className": "list-inline custom-breadcrumb"},
+                        h('li', {"className": "list-inline-item h1"},
+                          h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
+                        ),
+                        h('li', {"className": "list-inline-item ha"},
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
+                        ),
+                        h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
+                        )
+                      ),
+                      h('p', {"className": "text-lighten"}, entry.getIn(['data', 'description']))
+                    )
+                  )
+                )
+              ),
+              h('section', {"className": "section"},
+                h('div', {"className": "container"},
+                  h('div', {"className": "row"},
+                    h('div', {"className": "col-12 "},
+                      h('ul', {"className": "list-unstyled"},
+                        this.props.widgetsFor('events').map(function(event, index) {
+                          return h('li', {"className": "d-md-table mb-4 w-100 border-bottom hover-shadow"},
+                            h('div', {"className": "d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-0"},
+                                h('span', {"className": "h2 d-block"}, new Intl.DateTimeFormat('de-De', { day: 'numeric'}).format(event.getIn(['data', 'date']))),
+                                new Intl.DateTimeFormat('de-De', { month: 'short', year: 'numeric' }).format(event.getIn(['data', 'date']))
+                            ),
+                            h('div', {"className": "d-md-table-cell px-4 vertical-alighn-middle mb-4 mb-md-0"},
+                              h('p', {"className": "h4 mb-3 d-block"}, event.getIn(['data', 'title'])),
+                              h('p', {"className": "mb-0"}, event.getIn(['data', 'summary']))
+                            ),
+                            h('div', {"className": "d-md-table-cell text-right pr-0 pr-md-4"},
+                              h('p', {},
+                                h('i', {"className": "fa-solid fa-location-dot text-primary mr-2"}),
+                                event.getIn(['data', 'location'])
+                              )
+                            )
+                          );
+                        })
+                      )
+                    )
+                  )
+                )
+              )
+            );
+  }
+});
+
+CMS.registerPreviewTemplate("event-index", EventPreview);
+
+</script>
+<script>
+var PagePreview = createClass({
+  render: function() {
+    var entry = this.props.entry;
+    var image = entry.getIn(['data', 'image']);
+    var bg = this.props.getAsset(image);
+    const divStyle = {
+      backgroundImage: 'url("/media/backgrounds/page-title.png"),url("/media/backgrounds/page-title.png")',
+    };
+    return h('div', {},
+              h('section', {"className": "page-title-section overlay", "style": divStyle},
+                h('div', {"className": "row"},
+                  h('div', {"className": "container"},
+                    h('div', {"className": "col-md-8"},
+                      h('ul', {"className": "list-inline custom-breadcrumb"},
+                        h('li', {"className": "list-inline-item h1"},
+                          h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
+                        ),
+                        h('li', {"className": "list-inline-item ha"},
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
+                        ),
+                        h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
+                        )
+                      ),
+                      h('p', {"className": "text-lighten"}, entry.getIn(['data', 'description']))
+                    )
+                  )
+                )
+              )
+            );
+  }
+});
+
+CMS.registerPreviewTemplate("blog-index", PagePreview);
+CMS.registerPreviewTemplate("cantorpreis-index", PagePreview);
+CMS.registerPreviewTemplate("contact-index", PagePreview);
+CMS.registerPreviewTemplate("forms-index", PagePreview);
+CMS.registerPreviewTemplate("ganztagsangebote-index", PagePreview);
+CMS.registerPreviewTemplate("wettbewerbe-index", PagePreview);
+
+</script>
+<script>
+var PagePreviewImage = createClass({
+  render: function() {
+    var entry = this.props.entry;
+    var image = entry.getIn(['data', 'image']);
+    var bg = this.props.getAsset(image);
+    const divStyle = {
+      backgroundImage: 'url("/media/backgrounds/page-title.png"),url("/media/backgrounds/page-title.png")',
+    };
+    return h('div', {},
+              h('section', {"className": "page-title-section overlay", "style": divStyle},
+                h('div', {"className": "row"},
+                  h('div', {"className": "container"},
+                    h('div', {"className": "col-md-8"},
+                      h('ul', {"className": "list-inline custom-breadcrumb"},
+                        h('li', {"className": "list-inline-item h1"},
+                          h('a', {"className": "text-primary font-secondary", href: ""}, "Startseite")
+                        ),
+                        h('li', {"className": "list-inline-item ha"},
+                          h("i", {"className": "fa-solid fa-angle-right text-white"})
+                        ),
+                        h('li', {"className": "list-inline-item text-white h1 font-secondary"}, entry.getIn(['data', 'title'])
+                        )
+                      ),
+                      h('p', {"className": "text-lighten"}, entry.getIn(['data', 'description']))
+                    )
+                  )
+                )
+              ),
+              h('section', {"className": "section-sm"},
+                h('div', {"className": "container"},
+                  h('div', {"className": "row"},
+                    h('div', {"className": "col-12 mb-4"},
+                    h('img', {"className": "img-fluid w-100 mb-4", src: bg.toString(), alt: "about image"}),
+                    this.props.widgetFor('body'))
+                  )
+                )
+              )
+            );
+  }
+});
+
+CMS.registerPreviewTemplate("about-index", PagePreviewImage);
+
+</script>
+
   </body>
 </html>