From ce79b2a00cdd428aaf67542926fd3c0971fdc553 Mon Sep 17 00:00:00 2001
From: Kyle K <kylek389@gmail.com>
Date: Tue, 21 Mar 2017 02:34:16 -0500
Subject: begin using Vue.js
---
static/index.html | 11 +++++++++--
static/js/app.js | 6 ++++++
2 files changed, 15 insertions(+), 2 deletions(-)
create mode 100644 static/js/app.js
(limited to 'static')
diff --git a/static/index.html b/static/index.html
index 6207ac7..0d614a3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -29,13 +29,18 @@
opacity: 0.9;
background-color: white;
position: absolute;
- top: 5px;
+ top: 25px;
left: 5px;
padding-left: 5px;
}
+ #app { display: block; background-color: #888888}
</style>
</head>
<body>
+<div id="app">
+ {{ message }}
+</div>
+
<canvas id="c"></canvas>
<div id="upload-section">
<h1>Upload File</h1>
@@ -60,10 +65,12 @@
</div>
</div>
<div id="cute" style="position: absolute; bottom: 10px; left: 10px">
- <img src="./img/nyancat.gif" width="200px" height="140px" />
+ <img src="./img/nyancat.gif" alt="nyan" width="200" height="140" />
</div>
<script src="./js/jquery.min.js"></script>
+<script src="./js/vue.min.js"></script>
<script src="./js/upload.js"></script>
+<script src="./js/app.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/static/js/app.js b/static/js/app.js
new file mode 100644
index 0000000..af25133
--- /dev/null
+++ b/static/js/app.js
@@ -0,0 +1,6 @@
+var app = new Vue({
+ el: '#app',
+ data: {
+ message: 'hello, welcome!'
+ },
+})
\ No newline at end of file
--
cgit v1.2.3