diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/event.html | 96 | ||||
| -rw-r--r-- | templates/index.html | 40 |
2 files changed, 136 insertions, 0 deletions
diff --git a/templates/event.html b/templates/event.html new file mode 100644 index 0000000..2440f42 --- /dev/null +++ b/templates/event.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html> + <head> + <title>Symposium</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" type="text/css" href="/static/styles.css"> + <link rel="stylesheet" type="text/css" href="/symposium/static/styles.css"> + <link rel="shortcut icon" type="image/x-icon" href="/symposium/static/favicon.ico"> + </head> + <body> + <div class="container"> + <div> + <div class="home"> + <a href="/symposium" class="home-title">Symposium</a> + <span> at </span><a class="site" href="/">cyfraeviolae.org</a> + <a class="source" href="/git/symposium">[src]</a> + </div> + </div> + <br> + {% if manage %} + <span class="manage">Admin Management Interface</span> + <br> + <br> + Save your admin management link. Without it, you will not be able to edit your event. + <br> + <br> + <button onclick="navigator.clipboard.writeText(document.location.host + '/symposium/event/{{event.iden}}?password={{event.password}}')">Copy admin management link (keep safe)</button> + <br> + <br> + <button onclick="navigator.clipboard.writeText(document.location.host + '/symposium/event/{{event.iden}}')">Copy invite link</button> + <button onclick="window.open('/symposium/event/{{event.iden}}', '_blank')">Visit public invite page</button> + <br> + <hr> + {% endif %} + <form method="POST" action="/symposium/event/{{ event.iden }}/edit?password={{event.password}}"> + {% if manage %} + <span class="q">Title:</span> + <input name="title" type="text" value="{{ event.title }}"></input> + {% else %} + <h3>{{ event.title }}</h3> + {% endif %} + <br> + {% if not manage %} + <button>Copy invite link</button> + <br> + {% endif %} + <br> + <span class="q">When?</span> + {% if manage %} + <input name="when" class="when" type="datetime-local" value="{{ event.time }}" > + {% else %} + <input name="when" class="when" type="datetime-local" value="{{ event.time }}" disabled> + {% endif %} + <br> + <br> + + <span class="q">Where?</span> + {% if manage %} + <input name="where" type="text" value="{{ event.location }}"></input> + {% else %} + <a target="_blank" href="http://maps.google.com/?q={{ event.location }}">{{ event.location }}</a> + {% endif %} + + <br><br> + + <span class="q">What?</span> + <br> + {% if manage %} + <textarea name="what" class="desc">{{event.description}}</textarea> + <br> + {% else %} + {{ event.description }} + <br> + {% endif %} + + <br> + {% if manage %} + <button>Save changes</button> + <br> + <br> + {% endif %} + </form> + <span class="q">Who?</span> + <br> + {% for name in event.invites %} + — {{ name }} + <br> + {% endfor %} + <form method="POST" action="/symposium/event/{{ event.iden }}/join" class="join-form"> + <input type="text" name="name"> + <button type="submit">Add attendee</button> + </form> + </div> + </body> +</html> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..186e657 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <title>Symposium</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" type="text/css" href="/static/styles.css"> + <link rel="stylesheet" type="text/css" href="/symposium/static/styles.css"> + <link rel="shortcut icon" type="image/x-icon" href="/symposium/static/favicon.ico"> + </head> + <body> + <div class="container"> + <div> + <div class="home"> + <a href="/symposium" class="home-title">Symposium</a> + <span> at </span><a class="site" href="/">cyfraeviolae.org</a> + <a class="source" href="/git/symposium">[src]</a> + </div> + </div> + + <br> + <form method="POST" action="/symposium/event/create"> + <span class="q">Title:</span> + <input name="title" type="text" required></input> + <br> + <span class="q">When?</span> + <input name="when" class="when" type="datetime-local" required> + <br> + <span class="q">Where?</span> + <input name="where" type="text" required></input> + <br> + <span class="q">What?</span> + <br> + <textarea name="what" class="desc" required></textarea> + <br> + <button>Create event</button> + </form> + </div> + </body> +</html> |