summaryrefslogtreecommitdiffstats
path: root/static
diff options
context:
space:
mode:
authorKyle K <kylek389@gmail.com>2017-03-21 02:34:16 -0500
committerKyle K <kylek389@gmail.com>2017-03-21 02:34:16 -0500
commitce79b2a00cdd428aaf67542926fd3c0971fdc553 (patch)
tree78bd2a002c9b5a613735f31c43247579ccc4e580 /static
parentd4118ad773598fc75a49e814e4a0fef691fdf05e (diff)
downloadexpress-upload-develop.tar.gz
express-upload-develop.tar.bz2
express-upload-develop.zip
begin using Vue.jsHEADdevelop
Diffstat (limited to 'static')
-rw-r--r--static/index.html11
-rw-r--r--static/js/app.js6
2 files changed, 15 insertions, 2 deletions
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