diff options
author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-30 10:08:13 +0200 |
---|---|---|
committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-30 10:08:13 +0200 |
commit | 768b047e89f419deca3ddd00af7cb75209de97b6 (patch) | |
tree | 2e94259cc97a4370897278b6845ce5a7ddf31629 /src | |
parent | cef8ab49453e4ce8a2e19de4e27862b059f7d9d9 (diff) | |
download | puszcza-768b047e89f419deca3ddd00af7cb75209de97b6.tar.gz puszcza-768b047e89f419deca3ddd00af7cb75209de97b6.zip |
Move to nuxtjs
Diffstat (limited to 'src')
-rw-r--r-- | src/App.vue | 72 | ||||
-rw-r--r-- | src/components/FacebookFeed.vue | 25 | ||||
-rw-r--r-- | src/components/FacebookFindUsButton.vue | 35 | ||||
-rw-r--r-- | src/components/Footer.vue | 119 | ||||
-rw-r--r-- | src/components/JoinUs.vue | 73 | ||||
-rw-r--r-- | src/components/NavBar.vue | 203 | ||||
-rw-r--r-- | src/components/NavLink.vue | 53 | ||||
-rw-r--r-- | src/main.js | 14 | ||||
-rw-r--r-- | src/router/index.js | 27 | ||||
-rw-r--r-- | src/views/AboutView.vue | 3 | ||||
-rw-r--r-- | src/views/ContactView.vue | 13 | ||||
-rw-r--r-- | src/views/DownloadView.vue | 18 | ||||
-rw-r--r-- | src/views/HomeView.vue | 16 | ||||
-rw-r--r-- | src/views/PageNotFoundView.vue | 6 |
14 files changed, 0 insertions, 677 deletions
diff --git a/src/App.vue b/src/App.vue deleted file mode 100644 index 6c8c5aa..0000000 --- a/src/App.vue +++ /dev/null @@ -1,72 +0,0 @@ -<template> - <div id="app"> - <NavBar - :routes="routes" - :externalRoutes="externalRoutes" - title="19 PDH Puszcza" - logo="assets/krajka-logo.svg" - /> - <router-view id="content"></router-view> - <Footer :routes="routes" :specialRoutes="specialRoutes" /> - </div> -</template> - -<script> -import NavBar from "./components/NavBar.vue"; -import Footer from "./components/Footer.vue"; - -import { routes, externalRoutes } from "./router/index"; - -export default { - name: "app", - components: { NavBar, Footer }, - data() { - return { - routes, - externalRoutes: [], - specialRoutes: [ - // { - // name: 'Akcja "Ratujmy pszczoły"', - // path: "/ratujmy-pszczoly" - // } - ] - }; - } -}; -</script> - -<style> -@import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap"); - -html, -body { - padding: 0; - margin: 0; -} - -* { - box-sizing: border-box; -} - -#app { - font-family: "Roboto Slab", serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #181818; - text-align: center; - align-items: center; - - display: flex; - flex-direction: column; - min-height: 100vh; -} - -#content { - flex: 1; - width: 100%; - - display: flex; - flex-direction: column; - align-items: center; -} -</style> diff --git a/src/components/FacebookFeed.vue b/src/components/FacebookFeed.vue deleted file mode 100644 index 9d2d251..0000000 --- a/src/components/FacebookFeed.vue +++ /dev/null @@ -1,25 +0,0 @@ -<template> - <section class="feed"> - <h1>Zobacz co się dzieje!</h1> - <FacebookFindUsButton /> - </section> -</template> - -<script> -import FacebookFindUsButton from "./FacebookFindUsButton.vue"; - -export default { - components: { - FacebookFindUsButton - }, - props: { - pageId: String - } -}; -</script> - -<style scoped> -.feed { - margin: 50px 0; -} -</style> \ No newline at end of file diff --git a/src/components/FacebookFindUsButton.vue b/src/components/FacebookFindUsButton.vue deleted file mode 100644 index 9a27c11..0000000 --- a/src/components/FacebookFindUsButton.vue +++ /dev/null @@ -1,35 +0,0 @@ -<template> - <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener"> - <div class="button"> - <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" /> - </div> - </a> -</template> - -<style scoped> -.button { - border: 2px solid #c4c4c4; - border-radius: 4px; - - padding: 15px 40px; - margin: 10px; -} - -.button:hover { - background-color: #efefef; -} - -.image { - width: 200px; -} - -@media (max-width: 500px) { - a { - width: 100%; - } - - .image { - width: 150px; - } -} -</style> \ No newline at end of file diff --git a/src/components/Footer.vue b/src/components/Footer.vue deleted file mode 100644 index 1cdad44..0000000 --- a/src/components/Footer.vue +++ /dev/null @@ -1,119 +0,0 @@ -<template> - <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> - </div> - <div class="routes"> - <router-link - v-for="route in specialRoutes" - :key="route.name" - :to="route.path" - >{{route.name}}</router-link> - </div> - </div> - <div class="space"></div> - <div class="author"> - <p>19 Poznańska Drużyna Harcerzy Puszcza</p> - <div class="social"> - <a href="https://github.com/19pdh/" target="_blank" rel="”noopener”"> - <img class="icon" src="/assets/social/github.png" alt="Github" /> - </a> - <a href="https://www.facebook.com/19pdhpuszcza/" target="_blank" rel="”noopener”"> - <img class="icon" src="/assets/social/facebook.png" alt="Facebook" /> - </a> - </div> - </div> - </div> -</template> - -<script> -export default { - props: { - routes: Array, - specialRoutes: Array, - color: { - type: String, - default: "#507b34" - } - }, - computed: { - style() { - return `background-color: ${this.color}`; - } - } -}; -</script> - -<style scoped> -.footer { - color: #ffffff; - min-height: 175px; - width: 100%; - - display: flex; - flex-direction: row; - - align-items: center; - justify-content: center; - - padding: 0 15vw; -} - -.map { - display: flex; - flex-direction: row; - - text-align: left; - - /* margin-right: 100px; */ -} - -.map a { - text-decoration: none; - color: #ffffff; - margin: 5px; -} - -.routes { - display: flex; - flex-direction: column; -} - -.icon { - width: 30px; - height: 30px; - - margin: 0 5px; -} - -.space { - flex: 1; - max-width: 500px; -} - -@media (max-width: 900px) { - .footer { - padding: 20px 10vw 20px 10vw; - flex-direction: column; - - justify-content: center; - } - - .map { - text-align: center; - margin-bottom: 10px; - } - - .space { - height: 1px; - width: 100%; - flex: none; - background-color: #ffffff; - } - - .author { - margin-top: 10px; - } -} -</style> \ No newline at end of file diff --git a/src/components/JoinUs.vue b/src/components/JoinUs.vue deleted file mode 100644 index f534d22..0000000 --- a/src/components/JoinUs.vue +++ /dev/null @@ -1,73 +0,0 @@ -<template> - <section class="joinus"> - <div class="heading"> - <div class="title"> - <div class="text">Rozpocznij swoją harcerską przygodę!</div> - </div> - <div class="button"> - <router-link to="/kontakt">Dołącz do nas!</router-link> - </div> - </div> - </section> -</template> - -<style scoped> -.joinus { - width: 100%; - - padding: 80px 20%; - - background: #dddddd; - - display: flex; - flex-direction: row; - justify-content: center; -} - -.heading { - width: 900px; - padding: 100px 0; - - display: flex; - flex-direction: column; -} - -.title { - background-color: #340c0e; - color: #ffffff; - - width: 260px; - height: 85px; - margin-bottom: 20px; - - text-align: left; -} - -.title .text { - margin: 0; - padding: 10px; - font-size: 24px; -} - -.button { - background-color: #507b34; - padding: 10px; - max-width: 150px; -} - -.button a { - color: #ffffff; - text-decoration: none; -} - -@media (max-width: 500px) { - .heading { - margin: 0; - align-items: center; - } - - .joinus { - padding: 80px 20px; - } -} -</style> \ No newline at end of file diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue deleted file mode 100644 index 1f99a01..0000000 --- a/src/components/NavBar.vue +++ /dev/null @@ -1,203 +0,0 @@ -<template> - <nav :class="navbarClass"> - <div class="title"> - <img v-if="logo" class="logo" :src="logo" alt="ZHR" /> - <router-link :class="titleClass" to="/">{{ title }}</router-link> - </div> - <div class="space"></div> - <button @click="toggleMenu" class="menu-toggler">Menu</button> - <ul :class="linksClass" @click="toggleMenu"> - <!-- Loop for generating links --> - <NavLink v-for="route in routes" :key="route.path" :link="route.path" :name="route.name"></NavLink> - <NavLink - v-for="route in externalRoutes" - :key="route.path" - :link="route.path" - :name="route.name" - :external="true" - ></NavLink> - </ul> - </nav> -</template> - -<script> -import NavLink from "./NavLink.vue"; - -export default { - components: { - NavLink - }, - props: { - routes: Array, - externalRoutes: Array, - title: String, - logo: String - }, - computed: { - titleClass() { - if (this.logo) { - return "title-name margin"; - } - return "title-name"; - }, - navbarClass() { - if (this.menuCollapsed) { - return "navbar"; - } - return "navbar menu-open"; - }, - linksClass() { - if (this.menuCollapsed) { - return "links"; - } - return "links show"; - } - }, - data: function() { - return { - menuCollapsed: true - }; - }, - methods: { - toggleMenu() { - this.menuCollapsed = !this.menuCollapsed; - }, - linksClick() { - this.toggleMenu(); - } - } -}; -</script> - -<style scoped> -.navbar { - font-family: "Roboto Slab", serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #181818; - - box-sizing: border-box; - width: 100%; - height: 80px; - - background: #ffffff; - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); - - padding: 0 200px 0 200px; - - display: flex; - align-items: center; - justify-content: center; -} - -.space { - flex: 1; - max-width: 500px; -} - -.title { - font-size: 30px; - flex-shrink: 0; - - display: flex; -} - -.title-name { - text-decoration: none; - color: #181818; - padding: 10px; -} - -.title-name.margin { - margin-left: 100px; -} - -.links { - display: flex; - flex-direction: row; - padding: 0; -} - -.logo { - position: absolute; - top: 0; - z-index: 1; -} - -.menu-toggler { - display: none; -} - -@media (max-width: 1300px) { - .navbar { - padding: 0 50px 0 50px; - } -} - -@media (max-width: 900px) { - .navbar.menu-open { - box-shadow: none; - } - - .title { - font-size: 24px; - } - - .links { - position: absolute; - /* width: 100vw; */ - - margin-top: 80px; - - flex-direction: column; - display: none; - } - - .menu-toggler { - display: block; - } - - .links.show { - display: flex !important; - flex-direction: column; - justify-content: center; - align-items: center; - - margin-bottom: 0; - padding: 50px 0; - - width: 100%; - left: 0; - top: 0; - - background: #fff; - } - - .links.show li { - padding: 2vh; - font-size: 30px; - } -} - -@media (max-width: 500px) { - .navbar { - padding: 0 10px 0 10px; - } - - .logo { - width: 65px; - } - - .title-name { - font-size: 20px; - } - - .title-name.margin { - margin-left: 70px; - } - - .links.show { - height: calc(100% - 80px); - } -} -</style> \ No newline at end of file diff --git a/src/components/NavLink.vue b/src/components/NavLink.vue deleted file mode 100644 index 8915585..0000000 --- a/src/components/NavLink.vue +++ /dev/null @@ -1,53 +0,0 @@ -<template> - <li class="navlink"> - <a v-if="external" class="link" target="_blank" rel="”noopener”" :href="link">{{ name }}</a> - <router-link v-else class="link" :to="link">{{ name }}</router-link> - </li> -</template> - -<script> -export default { - props: { - link: String, - name: String, - external: { type: Boolean, default: false } - } -}; -</script> - -<style scoped> -@import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap"); - -.link { - font-family: "Roboto Slab", serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - text-decoration: none; - color: #181818; - - padding: 10px; - - border-radius: 5px; -} - -.link:hover { - background-color: #cfcfcf; -} - -.navlink { - list-style-type: none; - - margin: 10px; -} - -.router-link-exact-active { - background-color: #ececec !important; -} - -@media (max-width: 1300px) { - .navlink { - margin: 0; - } -} -</style> \ No newline at end of file diff --git a/src/main.js b/src/main.js deleted file mode 100644 index aea7de4..0000000 --- a/src/main.js +++ /dev/null @@ -1,14 +0,0 @@ -import Vue from "vue"; -import VueRouter from "vue-router"; - -import { router } from "./router/index"; -import App from "./App.vue"; - -Vue.use(VueRouter); - -Vue.config.productionTip = false; - -new Vue({ - render: h => h(App), - router -}).$mount("#app"); diff --git a/src/router/index.js b/src/router/index.js deleted file mode 100644 index 336bd2e..0000000 --- a/src/router/index.js +++ /dev/null @@ -1,27 +0,0 @@ -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: '/kontakt', name: 'Kontakt', component: ContactView } -]; - -export const externalRoutes = [ - { - path: 'https://kronika-puszcza.netlify.com', - name: 'Kronika' - }, - { path: 'https://kronika-puszcza.netlify.com/galeria', name: 'Galeria' } -]; - -export const router = new VueRouter({ - mode: 'history', - routes: [...routes, { path: '*', component: PageNotFoundView }] -}); diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue deleted file mode 100644 index 2455cec..0000000 --- a/src/views/AboutView.vue +++ /dev/null @@ -1,3 +0,0 @@ -<template> - <h1>O nas</h1> -</template> \ No newline at end of file diff --git a/src/views/ContactView.vue b/src/views/ContactView.vue deleted file mode 100644 index cffe8be..0000000 --- a/src/views/ContactView.vue +++ /dev/null @@ -1,13 +0,0 @@ -<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 diff --git a/src/views/DownloadView.vue b/src/views/DownloadView.vue deleted file mode 100644 index dd6b507..0000000 --- a/src/views/DownloadView.vue +++ /dev/null @@ -1,18 +0,0 @@ -<template> - <div class="container"> - <h1>Do pobrania</h1> - <a class="link" href="/files/Karta_próby_na_sprawność.pdf">Karta próby na sprawność</a> - <a class="link" href="/files/Próba_Harcerza.pdf">Próba Harcerza</a> - </div> -</template> - -<style scoped> -.container { - display: flex; - flex-direction: column; -} - -.link { - margin: 5px; -} -</style> \ No newline at end of file diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue deleted file mode 100644 index 736e7f4..0000000 --- a/src/views/HomeView.vue +++ /dev/null @@ -1,16 +0,0 @@ -<template> - <div> - <JoinUs /> - <FacebookFeed /> - </div> -</template> - -<script> -import JoinUs from "../components/JoinUs.vue"; -import FacebookFeed from "../components/FacebookFeed.vue"; - -export default { - name: "HomeView", - components: { JoinUs, FacebookFeed } -}; -</script> \ No newline at end of file diff --git a/src/views/PageNotFoundView.vue b/src/views/PageNotFoundView.vue deleted file mode 100644 index 3292f65..0000000 --- a/src/views/PageNotFoundView.vue +++ /dev/null @@ -1,6 +0,0 @@ -<template> - <div> - <h1>404</h1> - <p>Nie znaleziono strony</p> - </div> -</template> \ No newline at end of file |