about summary refs log tree commit diff
path: root/components/ChroniclePost.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/ChroniclePost.vue')
-rw-r--r--components/ChroniclePost.vue60
1 files changed, 0 insertions, 60 deletions
diff --git a/components/ChroniclePost.vue b/components/ChroniclePost.vue
deleted file mode 100644
index 7b2c527..0000000
--- a/components/ChroniclePost.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <a :href="route" class="post">
-    <div>
-      <h4 class="post-title">{{title}}</h4>
-      <p class="post-description">{{shortenedDescription}}...</p>
-    </div>
-  </a>
-</template>
-
-<script>
-export default {
-  name: 'ChroniclePost',
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-    description: {
-      type: String,
-      default: ''
-    },
-    route: {
-      type: String,
-      required: true
-    }
-  },
-  computed: {
-    shortenedDescription() {
-      const first30Words = this.description.split(' ').slice(0, 30)
-      return first30Words.join(' ')
-    }
-  }
-}
-</script>
-
-<style scoped>
-.post {
-  margin: 20px;
-  flex-basis: 410px;
-  text-decoration: none;
-}
-
-.post > div {
-  background: #ffffff;
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
-  padding: 20px;
-
-  text-align: left;
-}
-
-.post-title {
-  color: #181818;
-  font-size: 1.3em;
-}
-
-.post-description {
-  color: #484848;
-  font-size: 0.9em;
-}
-</style>
\ No newline at end of file