diff --git a/README.md b/README.md index 461ef4d..c2d211d 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,9 @@ # WikiJs Metabot Ein Skript was die Page-Listings auf [https://wiki.ctdo.de](https://wiki.ctdo.de) -automatisch befüllt +automatisch befüllt. +Das Repo enthält außerdem die Konfiguration für ein kleines Topictreff-Form mit dem man neue Tops +anlegen kann. ## Verwendung diff --git a/topic-form.css b/topic-form.css new file mode 100644 index 0000000..3736179 --- /dev/null +++ b/topic-form.css @@ -0,0 +1,56 @@ +.new-top { + display: flex; + flex-direction: column; + margin: 1rem 0; + width: max-content; + max-width: 100%; +} + +.top-title { + display: flex; + margin-bottom: 1rem; + width: 60ch; + max-width: 100%; + border-radius: .5rem; +} + +.top-title:focus-within { + outline: 1px solid #1976d2; +} + +.theme--dark .top-title:focus-within { + outline: 1px solid #ffffff; +} + +.top-title-input { + flex-grow: 1; + max-width: unset; + outline: none; + padding: .5rem; + color: #424242; + background-color: #eceff1; + border-radius: 0 .5rem .5rem 0; +} + +.theme--dark .top-title-input { + color: #bdbdbd; + background-color: #3b3b3b; +} + +.top-title-input-prefix { + padding: 1rem .5rem 1rem 1rem; + background-color: #607d8b; + flex-shrink: 0; + color: #ffffffb2; + border-radius: .5rem 0 0 .5rem; +} + +.top-button { + align-self: end +} + +.top-progress-spinner { + width: 22px; + height: 22px; + margin-left: .5rem; +} diff --git a/topic-form.html b/topic-form.html new file mode 100644 index 0000000..470675e --- /dev/null +++ b/topic-form.html @@ -0,0 +1,29 @@ + +
+
+
+ TOP 000 - +
+ +
+ + + + +
diff --git a/topic-form.js.html b/topic-form.js.html new file mode 100644 index 0000000..36df389 --- /dev/null +++ b/topic-form.js.html @@ -0,0 +1,126 @@ +