diff --git a/src/app/core/event-card/event-card.component.html b/src/app/core/event-card/event-card.component.html index fb856dc..f4c3251 100644 --- a/src/app/core/event-card/event-card.component.html +++ b/src/app/core/event-card/event-card.component.html @@ -2,6 +2,7 @@ [backgroundImage]="buildEventImageUrl(event.image)" [link]="buildEventLink(event.slug)" [highlight] = "parseDate(event.start_time) > currentTime"> + Event

{{ event.title }}

- {{ event.start_time | relativeTime }} - {{event.description}} + {{ event.start_time | relativeTime }} - {{event.description}} diff --git a/src/app/core/event-card/event-card.component.scss b/src/app/core/event-card/event-card.component.scss index e69de29..e4098aa 100644 --- a/src/app/core/event-card/event-card.component.scss +++ b/src/app/core/event-card/event-card.component.scss @@ -0,0 +1,25 @@ +@import "vars"; + +:host { + position: relative; + display: block; + + .event-label { + position: absolute; + top: 0; + right: 0; + font-size: $f-size-small; + color: $c-secondary; + font-weight: $f-weight-bold; + background-color: $c-primary-l; + border-bottom-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + transition: 150ms background-color ease-in-out; + padding: 0 0.2rem; + text-transform: uppercase; + } + + &:hover .event-label { + background-color: $c-primary; + } +} diff --git a/src/locales/en_devel.xlf b/src/locales/en_devel.xlf index 7f20443..d7032b7 100644 --- a/src/locales/en_devel.xlf +++ b/src/locales/en_devel.xlf @@ -21,7 +21,7 @@ src/app/app.routes.ts - 30 + 32 src/app/pages/network/network.component.html @@ -56,6 +56,10 @@ src/app/pages/association/association.component.html 100,101 + + src/app/pages/event/event-list/event-list.component.html + 3,4 + Finance and Legal @@ -90,11 +94,11 @@ src/app/app.routes.ts - 14 + 15 src/app/pages/blog/blog-list/blog-list.component.html - 2,3 + 3,4 src/app/pages/home/home.component.html @@ -109,7 +113,7 @@ src/app/app.routes.ts - 28 + 30 src/app/pages/contact/contact.component.html @@ -128,7 +132,7 @@ src/app/app.routes.ts - 23 + 25 src/app/pages/association/association.component.html @@ -147,7 +151,7 @@ src/app/app.routes.ts - 26 + 28 src/app/pages/team/team.component.html @@ -162,7 +166,7 @@ src/app/app.routes.ts - 24 + 26 src/app/pages/contact/contact.component.html @@ -177,7 +181,7 @@ src/app/app.routes.ts - 29 + 31 src/app/pages/stats/stats.component.html @@ -214,7 +218,7 @@ src/app/app.routes.ts - 25 + 27 @@ -229,7 +233,7 @@ src/app/app.routes.ts - 27 + 29 @@ -273,11 +277,22 @@ 3,4 + + Event + + src/app/app.routes.ts + 16 + + + src/app/core/event-card/event-card.component.html + 5,6 + + Not Found src/app/app.routes.ts - 33 + 35 src/app/pages/not-found/not-found.component.html @@ -330,14 +345,14 @@ now src/app/core/pipes/relative-time.pipe.ts - 43 + 47 invalid data src/app/core/pipes/relative-time.pipe.ts - 80 + 84 @@ -473,6 +488,13 @@ 122,123 + + Events! + + src/app/pages/blog/blog-list/blog-list.component.html + 4 + + Published @@ -536,6 +558,13 @@ 60,61 + + Blog! + + src/app/pages/event/event-list/event-list.component.html + 4 + + Keep Local Traffic Local