From 08fa2f616c90e59066d0308097c65c424b5b4a88 Mon Sep 17 00:00:00 2001 From: Raphael Kabo Date: Mon, 28 Apr 2025 09:02:43 +0100 Subject: Make editing mode and links clearer --- public/css/style.css | 20 +++++++++++++++++- public/images/fediverse-icon.svg | 45 ++++++++++++++++++++++++++++++++++++++++ views/event.handlebars | 15 +++++++++----- views/eventgroup.handlebars | 8 ++++++- views/layouts/main.handlebars | 2 +- 5 files changed, 82 insertions(+), 8 deletions(-) create mode 100644 public/images/fediverse-icon.svg diff --git a/public/css/style.css b/public/css/style.css index 8bc0caa..3060098 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -53,6 +53,7 @@ h3 { --color-grey-30: hsl(0, 0%, 30%); --color-grey-20: hsl(0, 0%, 20%); --color--black: hsl(0, 0%, 10%); + --color-orange: #ff8c26; --transition: 0.15s ease-in; } @@ -213,6 +214,10 @@ h3 { line-height: 2rem; } +.fediverse-icon img { + width: 70%; +} + /* LAYOUT */ html { @@ -250,7 +255,7 @@ body > #container { padding: 1rem; } -#container > #content > main.event > *:not(.event-header-image) { +#container > #content > main.event > *:not(.event-header-image,.event__editing-banner) { margin: 0 1rem; } @@ -369,6 +374,19 @@ ul#sidebar__nav a { /* EVENTS */ +#container > section#content.content--editing { + border: 6px solid var(--color-orange); +} + +.event__editing-banner { + background-color: var(--color-orange); + color: #fff; + padding: 0.5rem; + text-align: center; + font-weight: bold; + margin: 0; +} + #genericEventImageContainer { height: 150px; border-radius: 5px; diff --git a/public/images/fediverse-icon.svg b/public/images/fediverse-icon.svg new file mode 100644 index 0000000..356bcd8 --- /dev/null +++ b/public/images/fediverse-icon.svg @@ -0,0 +1,45 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/views/event.handlebars b/views/event.handlebars index 1b1022e..c0968a5 100755 --- a/views/event.handlebars +++ b/views/event.handlebars @@ -1,4 +1,9 @@ -
+
+{{#if editingEnabled}} +
+ You are currently editing this event. Do not share this link! +
+{{/if}} {{#if eventHasCoverImage}}
{{else}} @@ -70,8 +75,9 @@ {{/if}}
  • - + + Public link: https://{{domain}}/{{eventData.id}}
    • {{#if isFederated}}
  • - - - + Fediverse Icon + Fediverse link: @{{eventData.id}}@{{domain}}