diff --git a/public/views/index.hbs b/public/views/index.hbs
index 7aee06e..8d3e916 100644
--- a/public/views/index.hbs
+++ b/public/views/index.hbs
@@ -36,49 +36,21 @@
 
 <main>
   <h2>
-    Popular Resources
+    Newest Resources
   </h2>
 
   <div class='resources'>
-    <div class='resource'>
-      <a href='/users/liam48D/0'>
-        <img src='https://is.gd/NfqPMT'>
-
-        <h4> cute pug </h4>
-      </a>
-
-      <a href='/users/liam48D'> liam48D </a>
-    </div>
-
-    <div class='resource'>
-      <a href='/users/nanalan/0'>
-        <img src='https://cdn2.scratch.mit.edu/get_image/project/109764181_282x210.png'>
-
-        <h4> Selfie </h4>
-      </a>
-
-      <a href='/users/nanalan'> nanalan </a>
-    </div>
-
-    <div class='resource'>
-      <a href='/users/cheeseeater/0'>
-        <img src='https://cdn2.scratch.mit.edu/get_image/project/47606468_282x210.png'>
-
-        <h4> OpenSprites Logo </h4>
-      </a>
-
-      <a href='/users/cheeseeater'> cheeseeater </a>
-    </div>
-
-    <div class='resource'>
-      <a href='/users/kittylover/18'>
-        <img src='https://is.gd/tzxHhM'>
-
-        <h4> Kitty #18 </h4>
-      </a>
-      
-      <a href='/users/kittylover'> kittylover </a>
-    </div>
+    {{#each recentResources}}
+      <div class='resource'>
+        <a href='/resources/{{this._id}}'>
+          <img src='/resources/{{this._id}}/raw'>
+          <h4>{{this.name}}</h4>
+        </a>
+        {{#each this.owners}}
+          <a href='/users/{{this}}'>{{this}}</a>
+        {{/each}}
+      </div>
+    {{/each}}
   </div>
 </main>
 
diff --git a/server/db.js b/server/db.js
index 1b6af4c..cda82b1 100644
--- a/server/db.js
+++ b/server/db.js
@@ -23,7 +23,7 @@ const Resource = mongoose.model('Resource', mongoose.Schema({
   ] },
   data: Buffer,
   owners: { type: Array, default: [] },
-  when: String,
+  when: Number,
 }))
 
 const Collection = mongoose.model('Collection', mongoose.Schema({
@@ -60,5 +60,12 @@ module.exports = {
         done()
       })
     })
+  },
+
+  getRecentResources: async function(count) {
+    const resources = (await db.collections.resources.find())
+      .sort({when: -1})
+      .limit(4)
+    return resources
   }
 }
\ No newline at end of file
diff --git a/server/main.js b/server/main.js
index 99a9356..8dccd46 100644
--- a/server/main.js
+++ b/server/main.js
@@ -501,9 +501,10 @@ app.get('/resources/:id/raw', async function(req, res) {
   }
 })
 
-app.get('/', function(req, res) {
+app.get('/', async function(req, res) {
   res.render('index', {
-    user: req.session.user
+    user: req.session.user,
+    recentResources: await (db.getRecentResources()).then(e => e.toArray())
   })
 })