diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-29 15:36:31 +0200 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-29 15:36:31 +0200 |
| commit | 69512e87650730fe7668da80093aafb9eaf87468 (patch) | |
| tree | 77ad7fb8fb227232cc0ba2ed270439001b8dfa09 /src | |
| parent | 6695e07be17768dd8569a60e09a6ac2823eb2273 (diff) | |
| download | puszcza-69512e87650730fe7668da80093aafb9eaf87468.tar.gz puszcza-69512e87650730fe7668da80093aafb9eaf87468.zip | |
Add ContactView
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Footer.vue | 14 | ||||
| -rw-r--r-- | src/components/JoinUs.vue | 2 | ||||
| -rw-r--r-- | src/router/index.js | 4 | ||||
| -rw-r--r-- | src/views/ContactView.vue | 13 |
4 files changed, 28 insertions, 5 deletions
diff --git a/src/components/Footer.vue b/src/components/Footer.vue index 63f8e9a..8288667 100644 --- a/src/components/Footer.vue +++ b/src/components/Footer.vue @@ -1,5 +1,5 @@ <template> - <div class="footer"> + <div class="footer" :style="style"> <div class="map"> <div class="routes"> <router-link v-for="route in routes" :key="route.name" :to="route.path">{{route.name}}</router-link> @@ -31,14 +31,22 @@ export default { props: { routes: Array, - specialRoutes: Array + specialRoutes: Array, + color: { + type: String, + default: "#507b34" + } + }, + computed: { + style() { + return `background-color: ${this.color}`; + } } }; </script> <style scoped> .footer { - background-color: #507b34; color: #ffffff; min-height: 175px; width: 100vw; diff --git a/src/components/JoinUs.vue b/src/components/JoinUs.vue index ab2d853..070e7f4 100644 --- a/src/components/JoinUs.vue +++ b/src/components/JoinUs.vue @@ -5,7 +5,7 @@ <h1 class="text">Rozpocznij swoją harcerską przygodę!</h1> </div> <div class="button"> - <router-link to="/join-us">Dołącz do nas!</router-link> + <router-link to="/kontakt">Dołącz do nas!</router-link> </div> </div> </section> diff --git a/src/router/index.js b/src/router/index.js index e70642d..336bd2e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -2,13 +2,15 @@ import VueRouter from 'vue-router'; import HomeView from '../views/HomeView'; import AboutView from '../views/AboutView'; +import ContactView from '../views/ContactView'; import DownloadView from '../views/DownloadView'; import PageNotFoundView from '../views/PageNotFoundView'; export const routes = [ { path: '/', name: 'Home', component: HomeView }, { path: '/o-nas', name: 'O nas', component: AboutView }, - { path: '/download', name: 'Do pobrania', component: DownloadView } + { path: '/download', name: 'Do pobrania', component: DownloadView }, + { path: '/kontakt', name: 'Kontakt', component: ContactView } ]; export const externalRoutes = [ diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue new file mode 100644 index 0000000..cffe8be --- /dev/null +++ b/src/views/ContactView.vue @@ -0,0 +1,13 @@ +<template> + <div> + <h1>Kontakt z drużynowym</h1> + <p> + tel: + <a href="tel:+48695516492">+48695516492</a> + </p> + <p> + email: + <a href="mailto:patryk.niedzwiedzinski@zhr.pl">patryk.niedzwiedzinski@zhr.pl</a> + </p> + </div> +</template> \ No newline at end of file |