favicons, use unshift instead of push to reverse order the notes are …

…appearing in
Swimburger · Apr 21, 2016 · f8aa87f · f8aa87f
1 parent be8c1ec
commit f8aa87f
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -4,6 +4,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
     <title>Google Keep clone built with Vue and Firebase</title>
+    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
+    <link rel="icon" href="/favicon-32x32.png" sizes="32x32">
+    <link rel="apple-touch-icon-precomposed" href="/favicon-128x128.png">
+    <meta name="msapplication-TileImage" content="/favicon-128x128.png">
+    <meta name="theme-color" content="#41b883">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
   </head>
   <body>

diff --git a/src/components/notes/Index.vue b/src/components/notes/Index.vue
@@ -30,7 +30,7 @@ export default {
     let firebase = new Firebase('https://gkeep-vueifire.firebaseio.com/')
     firebase.child('notes').on('child_added', (snapshot) => {
       let note = snapshot.val()
-      this.notes.push(note)
+      this.notes.unshift(note)
       this.$nextTick(() => { // the new note hasn't been rendered yet, but in the nextTick, it will be rendered
         masonry.reloadItems()
         masonry.layout()

diff --git a/static/favicon-128x128.png b/static/favicon-128x128.png
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
diff --git a/static/favicon.ico b/static/favicon.ico