[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:
		
							parent
							
								
									b069361c1a
								
							
						
					
					
						commit
						70575c94c3
					
				| 
						 | 
					@ -1,5 +1,5 @@
 | 
				
			||||||
const config = {
 | 
					const config = {
 | 
				
			||||||
  baseURL: '/api'
 | 
					  baseURL: 'https://flaschengeist.duckdns.org/api'
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default config;
 | 
					export default config;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue