[FEAURE] Add basic blog system. Add first activity report

docs/.vuepress/components/Posts.vue

@@ -0,0 +1,39 @@
+<template>
+    <div v-for="page in pages">
+        <div class="page-detail">
+            <router-link :to="page.path"><h2>{{ page.title }}
+            <template v-if="page.frontmatter.features">
+                <Badge v-for="feature in page.frontmatter.features"  type="tip" :text="feature" vertical="top" />
+            </template>
+            </h2> </router-link>
+            <img v-if="page.frontmatter.image" class="article-image" :src="page.frontmatter.image"/>
+            <p>{{ page.frontmatter.description }}</p>
+            <p><router-link :to="page.path">Mehr Erfahren</router-link></p>
+
+        </div>
+    </div>
+
+
+</template>
+<script>
+    import {usePages} from '@temp/pages'
+
+    export default {
+        props: {
+            type: String
+        },
+        data() {
+            return {
+                pages: []
+            }
+        },
+        setup(props) {
+            const pages = props.type ?
+                usePages().filter(page => page.frontmatter.type === props.type) :
+                usePages();
+            console.log(pages);
+            return {pages}
+        }
+    }
+</script>
+

docs/.vuepress/config.js

@@ -1,14 +1,19 @@
 const { defaultTheme } = require('@vuepress/theme-default')
 const { socialSharePlugin } = require(`vuepress-plugin-social-share`)
-
-
+const { registerComponentsPlugin } = require('@vuepress/plugin-register-components')
+const { path } = require('@vuepress/utils')
+const { usePagesPlugin } = require('vuepress-plugin-use-pages')
 
 module.exports = {
   lang: 'de-DE',
   title: 'Draussenfunker.de | QRV im Grünen',
   description: 'Wir sind eine Gruppe von Funkamateuren die sich mit dem Thema Funken im Freien beschäftigen.',
   plugins: [
+    usePagesPlugin({ startsWith: '/aktivitaeten/'}),
     socialSharePlugin(),
+    registerComponentsPlugin({
+      componentsDir: path.resolve(__dirname, './components'),
+    })
   ],
   theme: defaultTheme({
     sidebarDepth: 2,
@@ -22,6 +27,10 @@ module.exports = {
         text: 'Start',
         link: '/',
       },
+      {
+        text: 'Aktivitäten',
+        link: '/aktivitaeten',
+      },
       {
         text: 'DIY',
         children: [
@@ -33,10 +42,6 @@ module.exports = {
         text: 'Wissenswertes',
         children: ['/wissenswertes/amateurfunk', '/wissenswertes/ausbreitung'],
       },
-      {
-        text: 'Blog',
-        link: '/blog',
-      }
     ],
   }),
 }

docs/.vuepress/styles/index.scss

@@ -3,3 +3,14 @@
     display: inline-block;
   }
 }
+.video-block {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9 */
+  height: 0;
+  overflow: hidden;
+  width: 100%; height: auto;}
+
+.video-block iframe {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;}

docs/aktivitaeten/DA-0138-2022-08-13.md

@@ -0,0 +1,25 @@
+---
+title: Aktivierung von DA-0138
+description: 
+    Am 13.08.2022 haben DO4HAA und DG7PX sich aufgemacht portable Betrieb in Hamburger Weisterweiden zu machen.
+    Mit dabei als Kamerakind war DG7LAN. Herausegekommen ist ein tolles Video, ein paar schön DX Verbindunge und jede Menge Spass.
+type: activity
+image: /images/aktivitaeten/antenne-im-grass.jpeg
+features:
+ - POTA
+ - video
+---
+# Aktivierung von DA-0138
+Am 13.08.2022 haben DO4HAA und DG7PX sich aufgemacht portable Betrieb in Hamburger Weisterweiden zu machen.
+Mit dabei als Kamerakind war DG7LAN. Herausegekommen ist ein tolles Video, ein paar schön DX Verbindunge und jede Menge Spass.
+
+## Video
+<div class="video-block">
+<iframe max-width=100% height=auto src="https://www.youtube.com/embed/GsOL3xUBM6Y" title="Amateurfunk POTA Parks on the air - DA-0138 portabel mit DG7PX / DO4HAA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+
+## Equpiment
+- YEASU FT 891
+- [2 x EREMIT 6Ah](https://www.eremit.de/p/eremit-systemstecker-bis-60a-12ah-komplett-set-powerpole)  
+- [DIY 1/4 Wellen Vertical Antenne](/diy/teleskop-viertelwellen-vertical.html)
+

docs/aktivitaeten/index.md

@@ -0,0 +1,8 @@
+---
+sidebar: false
+---
+# Aktvititäten
+
+<posts type="activity" />
+
+

docs/blog/helloworld.md

@@ -1,3 +0,0 @@
-# Hello World!
-
-Kein Blog kommt ohne den obligatorischen "Hello World" Beitrag aus.