From 38c7dcc80f4a7a4ae7a7946e83a29ab1796a38b9 Mon Sep 17 00:00:00 2001
From: Kyleigh Hillerud <kyleigh.hillerud@uconn.edu>
Date: Sun, 26 Apr 2020 11:19:19 -0400
Subject: [PATCH] Add files via upload

---
 index.html | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..80973fa
--- /dev/null
+++ b/index.html
@@ -0,0 +1,57 @@
+<html>
+    <head>
+        <link rel="stylesheet" href="main.css">
+        <title>Twitter in Vuejs</title>
+    </head>
+    <body>
+        <div id="twitter">
+            <header>
+                <div class="inner">
+                    <div class="headerSection">
+                        <router-link to="/home" class="link">Home</router-link>
+                    </div>
+                    <div class="headerSection">
+                        <img src="./images/twitter-icon.png" width="24" height="21">
+                    </div>
+                    <div class="headerSection">
+                        <input type="text" name="search" class="search" v-model="search" placeholder="Search..">
+                        <router-link to="/addTweet" class="tweetLink">Tweet</router-link>
+                    </div>
+                </div>
+            </header>
+
+            <router-view></router-view>
+        </div>
+
+
+        <script src="//cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+        <script src="//unpkg.com/vue-router/dist/vue-router.js"></script>
+        <script src="//unpkg.com/http-vue-loader"></script>
+
+        <script src="./store.js"></script>
+
+        <script>
+            const feed =  httpVueLoader('./feed.vue');
+            const addTweet =  httpVueLoader('./addTweet.vue');
+
+            const routes = [
+                { path: '/home', component: feed},
+                { path: '/addTweet', component: addTweet }
+            ]
+
+            const router = new VueRouter({
+                routes
+            });
+
+            new Vue({
+                router,
+                data: store.data,
+                methods: {
+                    addtweet() {
+                        this.feed.push(tweet);
+                    }
+                }
+            }).$mount('#twitter')
+        </script>
+    </body>
+</html>
