about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-08-30 10:08:13 +0200
committerPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-08-30 10:08:13 +0200
commit768b047e89f419deca3ddd00af7cb75209de97b6 (patch)
tree2e94259cc97a4370897278b6845ce5a7ddf31629 /src
parentcef8ab49453e4ce8a2e19de4e27862b059f7d9d9 (diff)
downloadpuszcza-768b047e89f419deca3ddd00af7cb75209de97b6.tar.gz
puszcza-768b047e89f419deca3ddd00af7cb75209de97b6.zip
Move to nuxtjs
Diffstat (limited to 'src')
-rw-r--r--src/App.vue72
-rw-r--r--src/components/FacebookFeed.vue25
-rw-r--r--src/components/FacebookFindUsButton.vue35
-rw-r--r--src/components/Footer.vue119
-rw-r--r--src/components/JoinUs.vue73
-rw-r--r--src/components/NavBar.vue203
-rw-r--r--src/components/NavLink.vue53
-rw-r--r--src/main.js14
-rw-r--r--src/router/index.js27
-rw-r--r--src/views/AboutView.vue3
-rw-r--r--src/views/ContactView.vue13
-rw-r--r--src/views/DownloadView.vue18
-rw-r--r--src/views/HomeView.vue16
-rw-r--r--src/views/PageNotFoundView.vue6
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