about summary refs log tree commit diff
path: root/src/components/Footer.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Footer.vue')
-rw-r--r--src/components/Footer.vue119
1 files changed, 0 insertions, 119 deletions
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