diff --git a/config/config.exs b/config/config.exs index 412f3d158..6da132e77 100644 --- a/config/config.exs +++ b/config/config.exs @@ -10,8 +10,10 @@ config :mobilizon, ecto_repos: [Mobilizon.Storage.Repo] config :mobilizon, :instance, - name: System.get_env("MOBILIZON_INSTANCE_NAME") || "Localhost", - description: System.get_env("MOBILIZON_INSTANCE_DESCRIPTION") || "This is a Mobilizon instance", + name: System.get_env("MOBILIZON_INSTANCE_NAME") || "My Mobilizon Instance", + description: + System.get_env("MOBILIZON_INSTANCE_DESCRIPTION") || + "Change this to a proper description of your instance", version: "1.0.0-dev", hostname: System.get_env("MOBILIZON_INSTANCE_HOST") || "localhost", registrations_open: System.get_env("MOBILIZON_INSTANCE_REGISTRATIONS_OPEN") || false, diff --git a/js/public/img/about/action-mobilizon.png b/js/public/img/about/action-mobilizon.png new file mode 100644 index 000000000..d7c2f7b45 Binary files /dev/null and b/js/public/img/about/action-mobilizon.png differ diff --git a/js/public/img/about/care-mobilizon.png b/js/public/img/about/care-mobilizon.png new file mode 100644 index 000000000..8cd2ffaa6 Binary files /dev/null and b/js/public/img/about/care-mobilizon.png differ diff --git a/js/public/img/about/change-mobilizon.png b/js/public/img/about/change-mobilizon.png new file mode 100644 index 000000000..d6d07590f Binary files /dev/null and b/js/public/img/about/change-mobilizon.png differ diff --git a/js/public/img/about/common-mobilizon.png b/js/public/img/about/common-mobilizon.png new file mode 100644 index 000000000..fc6ce6dd9 Binary files /dev/null and b/js/public/img/about/common-mobilizon.png differ diff --git a/js/public/img/about/concieved-mobilizon.png b/js/public/img/about/concieved-mobilizon.png new file mode 100644 index 000000000..a3a0fd0f6 Binary files /dev/null and b/js/public/img/about/concieved-mobilizon.png differ diff --git a/js/public/img/about/control-mobilizon.png b/js/public/img/about/control-mobilizon.png new file mode 100644 index 000000000..996e1113b Binary files /dev/null and b/js/public/img/about/control-mobilizon.png differ diff --git a/js/public/img/about/events-mobilizon.png b/js/public/img/about/events-mobilizon.png new file mode 100644 index 000000000..bf65d29d4 Binary files /dev/null and b/js/public/img/about/events-mobilizon.png differ diff --git a/js/public/img/about/freed-mobilizon.png b/js/public/img/about/freed-mobilizon.png new file mode 100644 index 000000000..f004ccbaf Binary files /dev/null and b/js/public/img/about/freed-mobilizon.png differ diff --git a/js/public/img/about/software-to-the-people-mobilizon.png b/js/public/img/about/software-to-the-people-mobilizon.png new file mode 100644 index 000000000..d1c2854f5 Binary files /dev/null and b/js/public/img/about/software-to-the-people-mobilizon.png differ diff --git a/js/src/components/Event/EventCard.vue b/js/src/components/Event/EventCard.vue index 18f1bae2d..653f593ee 100644 --- a/js/src/components/Event/EventCard.vue +++ b/js/src/components/Event/EventCard.vue @@ -33,7 +33,8 @@ A simple card for an event
{{ tag.title }}
- + +
@@ -78,7 +79,6 @@ import { IEvent, ParticipantRole } from '@/types/event.model'; import { Component, Prop, Vue } from 'vue-property-decorator'; import DateCalendarIcon from '@/components/Event/DateCalendarIcon.vue'; import { IActor, IPerson, Person } from '@/types/actor'; -const lineClamp = require('line-clamp'); export interface IEventCardOptions { hideDate: boolean; @@ -91,9 +91,6 @@ export interface IEventCardOptions { components: { DateCalendarIcon, }, - mounted() { - lineClamp(this.$refs.title, 3); - }, }) export default class EventCard extends Vue { @Prop({ required: true }) event!: IEvent; @@ -124,9 +121,35 @@ export default class EventCard extends Vue { @import "../../variables"; a.card { - border: none; + display: block; background: $secondary; + &:hover { + // box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1); + transform: scale(1.01, 1.01); + &:after { + opacity: 1; + } + } + + border-radius: 5px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + + &:after { + content: ""; + border-radius: 5px; + position: absolute; + z-index: -1; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); + opacity: 0; + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + } + div.tag-container { position: absolute; top: 10px; @@ -166,11 +189,14 @@ export default class EventCard extends Vue { } .title { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; font-weight: 400; - line-height: 1em; font-size: 1.6em; - padding-bottom: 5px; margin-top: auto; + min-height: 3.5rem; } } span.organizer-place-wrapper { diff --git a/js/src/components/Event/EventListCard.vue b/js/src/components/Event/EventListCard.vue index 11e58fa70..f607fb3cb 100644 --- a/js/src/components/Event/EventListCard.vue +++ b/js/src/components/Event/EventListCard.vue @@ -52,14 +52,14 @@ export default {