diff --git a/README.md b/README.md
index 3dce2f4..012d0b9 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,10 @@
 # ritzenbergen
-https://ritzenbergen.de - Neue, private Homepage für das kleine Dorf Ritzenbergen
+[https://ritzenbergen.de](https://ritzenbergen.de) - Neue, private Homepage für das kleine Dorf Ritzenbergen
+
+TODO:
+
+- Addhit
+- Galerie
+- BuLi-Tipp
+- Startseite
+- Footer
diff --git a/index.html b/index.html
index 3c1bada..e903eb2 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="RitzenbergenOrtsschild.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Tauri + Vue + Typescript App</title>
+    <title>Willkommen auf ritzenbergen.de</title>
     
     <link rel="manifest" href="./manifest.json">
     <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;700&display=swap" as="style"
diff --git a/public/RitzenbergenOrtsschild.png b/public/RitzenbergenOrtsschild.png
new file mode 100755
index 0000000..02cc324
Binary files /dev/null and b/public/RitzenbergenOrtsschild.png differ
diff --git a/src/Main.vue b/src/Main.vue
index 14faec4..8fbf238 100644
--- a/src/Main.vue
+++ b/src/Main.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import Navbar from "./Navbar.vue";
 import striptags from "striptags";
+import moment, { Moment } from "moment";
 export default {
   components: {
     Navbar,
@@ -14,7 +15,43 @@ export default {
             datum: "2009-04-06",
             type: "text",
             content: "<h1>Test</h1>",
-            link: null,
+            link: undefined,
+            foto: "erntefest/2011/pic08.jpg"
+        },
+        {
+            id: 0,
+            eventname:"Eventname",
+            datum: "2009-04-06",
+            type: "link",
+            content: "<h1>Test</h1>",
+            link: "#/test",
+            foto: "erntefest/2011/pic08.jpg"
+        },
+        {
+            id: 0,
+            eventname:"Eventname",
+            datum: "2009-04-06",
+            type: "dlink",
+            content: "<h1>Test</h1>",
+            link: "/",
+            foto: "erntefest/2011/pic08.jpg"
+        },
+        {
+            id: 0,
+            eventname:"Eventname",
+            datum: "2009-04-06",
+            type: "fotos",
+            content: "<h1>Test</h1>",
+            link: undefined,
+            foto: "erntefest/2011/pic08.jpg"
+        },
+        {
+            id: 0,
+            eventname:"Eventname",
+            datum: "2009-04-06",
+            type: "html",
+            content: "<h1>Test</h1>",
+            link: undefined,
             foto: "erntefest/2011/pic08.jpg"
         }
       ];
@@ -31,7 +68,14 @@ export default {
         }
     },
     format_date(date: string){
-        
+        let mymoment:Moment=moment();
+        mymoment.set("year",parseInt(date.split("-")[0]));
+        mymoment.set("month",parseInt(date.split("-")[2])-1);
+        mymoment.set("day",parseInt(date.split("-")[1]));
+        return mymoment.format("DD.MM.YYYY")
+    },
+    get_file(filename:string){
+        return filename;
     }
   }
 };
@@ -105,36 +149,42 @@ export default {
         <h5 class="align-center" v-if="events.length == 0">
           Es stehen keine Events an.
         </h5>
-        <!--HTML-->
+
+
+
         <div class="item features-image col-12 col-md-6 col-lg-3" :class="{active: i%4==0}" v-for="event, i in events">
           <div class="item-wrapper">
             <div class="item-img mb-3">
-              <img :src="'../bilder/'+event.foto" />
+              <img :src="get_file('bilder/'+event.foto)" />
             </div>
             <div class="item-content align-left">
               <h6 class="item-subtitle mbr-fonts-style mt-0 mb-3 display-5">
                 <strong
                   ><a
                     class="text-black fw-bold"
-                    @click.prevent
                     :data-id="event.id"
                     >{{ event.eventname }}</a
                   ></strong
                 >
               </h6>
               <p class="mbr-text mbr-fonts-style mb-3 display-7">
-                {{ event.datum }}
+                {{ format_date(event.datum) }}
               </p>
               <p class="mbr-text mbr-fonts-style mb-3 display-7">
                 {{ vorschautext(event.content) }}
               </p>
               <div class="mbr-section-btn item-footer">
-                <button
-                  class="btn item-btn btn-primary display-7 modal-open-btn"
+                <a
+                :download="event.type=='dlink' ? event.link : undefined"
+                :href="event.link"
+                    ><button
+                  class="btn item-btn btn-primary display-7"
                   :data-id="event.id"
                 >
-                  Mehr
-                </button>
+                  <span v-if="event.type=='link'">Einladung öffnen</span>
+                  <span v-else-if="event.type=='dlink'">Einladung runterladen</span>
+                  <span v-else>Mehr</span>
+                </button></a>
               </div>
             </div>
           </div>
