[About] Designänderung

* Es werden nur noch bei Developer Cards benutzt
* Logo wird geändert, wenn darkmode aktiv ist
* Pluginfarbe wird geändert, wenn darkmode aktiv ist
This commit is contained in:
Tim Gröger 2020-11-12 12:07:40 +01:00
parent b069361c1a
commit 70575c94c3
2 changed files with 26 additions and 29 deletions

View File

@ -1,5 +1,5 @@
const config = { const config = {
baseURL: '/api' baseURL: 'https://flaschengeist.duckdns.org/api'
}; };
export default config; export default config;

View File

@ -4,41 +4,38 @@
class="fit row justify-center content-center items-center" class="fit row justify-center content-center items-center"
v-if="$route.name == 'about' || $route.name == 'about_out'" v-if="$route.name == 'about' || $route.name == 'about_out'"
> >
<q-card flat class="col-xs-12 col-sm-10 col-md-6"> <div class="fit row justify-center content-center items-center">
<q-card-section
class="row fit justify-center items-center content-center"
>
<q-img <q-img
src="logo-dark.svg" :src="$q.dark.isActive? 'logo.svg' : 'logo-dark.svg'"
class="q-mt-md" class="col-12 q-ma-md"
style="min-width: 200px; max-width: 400px" style="min-width: 200px; max-width: 400px"
/> />
</q-card-section> <div class="col-12 text-h4 text-center q-pa-sm">
<q-card-section class="text-h4 text-center">
Flaschengeist Flaschengeist
<div class="text-caption"> <div class="text-caption">
Version 2.0.0 Version 2.0.0
</div> </div>
</q-card-section> </div>
<q-card-section class="text-center"> <div class="col-12 text-center q-ma-sm" style="max-width: 600px;">
Flaschengeist ist ein dynamischen Managementsystem für Studentenclubs. Flaschengeist ist ein dynamischen Managementsystem für Studentenclubs.
Es ermöglicht unter anderem die Mitgliederverwaltung, Dienstverwaltung, Es ermöglicht unter anderem die Mitgliederverwaltung, Dienstverwaltung,
Arbeitsgruppenverwaltung und vieles meher. Es kann fast alles ermöglich Arbeitsgruppenverwaltung und vieles meher. Es kann fast alles ermöglich
werden, wenn ein Plugin dafür geschrieben wird. Jeder Club hat die werden, wenn ein Plugin dafür geschrieben wird. Jeder Club hat die
Möglichkeit sein eigenes Flaschengeist zu hosten. Ziel ist später Möglichkeit sein eigenes Flaschengeist zu hosten. Ziel ist später
Clubübergreifend dezentralisiert miteinander zu arbeiten. Clubübergreifend dezentralisiert miteinander zu arbeiten.
</q-card-section> </div>
</q-card>
<q-separator /> <q-separator />
<q-card flat class="col-12"> <div class="col-12 text-h6 q-pa-sm" v-if="$route.name == 'about'">
<q-card-section class="text-h6" v-if="$route.name == 'about'">
Geladene Plugins: Geladene Plugins:
</q-card-section> </div>
<q-card-section v-if="$route.name == 'about'"> <div class="col-12 q-pa-sm" v-if="$route.name == 'about'">
<q-chip <q-chip
v-for="(plugin, index) in $flaschengeistPlugins.plugins" v-for="(plugin, index) in $flaschengeistPlugins.plugins"
:key="'plugin' + index" :key="'plugin' + index"
square square
:color="$q.dark.isActive ? 'accent' : ''"
class="q-my-none q-ml-xs q-mr-none q-pr-none" class="q-my-none q-ml-xs q-mr-none q-pr-none"
> >
{{ plugin.name }} {{ plugin.name }}
@ -46,20 +43,19 @@
{{ plugin.version }} {{ plugin.version }}
</q-chip> </q-chip>
</q-chip> </q-chip>
</q-card-section> </div>
<q-separator /> <q-separator />
<q-card-section class="text-h6"> <div class="col-12 text-h6 q-pa-sm">
Entwickler: Entwickler:
</q-card-section> </div>
</q-card>
<div <div
class="fit row inline wrap justify-around items-start content-start q-gutter-sm" class="fit row inline wrap justify-around items-start content-start"
> >
<developer <developer
v-for="(developer, index) in developers" v-for="(developer, index) in developers"
:key="'dev' + index" :key="'dev' + index"
class="col-xs-12 col-md-5 col-lg-3" class="col-xs-12 col-md-5 col-lg-3 q-ma-sm"
:firstname="developer.firstname" :firstname="developer.firstname"
:lastname="developer.lastname" :lastname="developer.lastname"
:job="developer.job" :job="developer.job"
@ -68,6 +64,7 @@
:pic="developer.pic" :pic="developer.pic"
/> />
</div> </div>
</div>
</q-page> </q-page>
</template> </template>