diff options
| author | Kyle K <kylek389@gmail.com> | 2017-03-21 02:34:16 -0500 |
|---|---|---|
| committer | Kyle K <kylek389@gmail.com> | 2017-03-21 02:34:16 -0500 |
| commit | ce79b2a00cdd428aaf67542926fd3c0971fdc553 (patch) | |
| tree | 78bd2a002c9b5a613735f31c43247579ccc4e580 | |
| parent | d4118ad773598fc75a49e814e4a0fef691fdf05e (diff) | |
| download | express-upload-develop.tar.gz express-upload-develop.tar.bz2 express-upload-develop.zip | |
| -rw-r--r-- | static/index.html | 11 | ||||
| -rw-r--r-- | static/js/app.js | 6 |
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 |