opengraph tags

5 files changed, 19 insertions, 5 deletions

diff --git a/public/assets/javascripts/ui/reader/ReaderView.js b/public/assets/javascripts/ui/reader/ReaderView.js
index 4c53226..c132609 100644
--- a/public/assets/javascripts/ui/reader/ReaderView.js
+++ b/public/assets/javascripts/ui/reader/ReaderView.js
@@ -9,7 +9,7 @@ var ReaderView = View.extend({
 	
 	initialize: function(){
 		this.mediaPlayer = new MediaPlayer ({ parent: this })
-		this.shareView = new shareView ({ parent: this })
+		this.shareView = new ShareView ({ parent: this })
 	},
 
 	load: function(name){
diff --git a/public/assets/javascripts/ui/reader/ShareView.js b/public/assets/javascripts/ui/reader/ShareView.js
index ab358e3..35c23ca 100644
--- a/public/assets/javascripts/ui/reader/ShareView.js
+++ b/public/assets/javascripts/ui/reader/ShareView.js
@@ -4,7 +4,7 @@ var ShareView = View.extend({
   events: {
     "click #share_facebook": "facebook",
     "click #share_twitter": "twitter",
-  }
+  },
 
 	initialize: function(opt){
 	  this.parent = opt.parent
@@ -24,4 +24,4 @@ var ShareView = View.extend({
 		window.open(url, "_blank")
 	}
 
-}
+})
diff --git a/server/lib/middleware.js b/server/lib/middleware.js
index 0bf16ce..870451a 100644
--- a/server/lib/middleware.js
+++ b/server/lib/middleware.js
@@ -40,10 +40,15 @@ var middleware = {
 		res.locals.user = req.user || { _id: undefined }
 		res.locals.config = config
 		res.locals.profile = null
+    res.locals.ogImage = ""
+    res.locals.ogTitle = "Vvalls"
+    res.locals.ogUrl = "http://vvalls.com/"
+    res.locals.ogDescription = "3D gallery space, fully customizable"
+    res.locals.ogAuthor = "Vvalls"
 		res.locals.opt = {}
 		next()
 	},
-
+	
 	ensureProject: function (req, res, next) {
 		if (req.params.slug) {
 			Project.findOne({ slug: req.params.slug }, function(err, project){
diff --git a/server/lib/views/index.js b/server/lib/views/index.js
index 5768ace..0b5a1fe 100644
--- a/server/lib/views/index.js
+++ b/server/lib/views/index.js
@@ -56,6 +56,10 @@ var views = module.exports = {
 				res.redirect('/')
 				return
 			}
+			var ogImage
+			if (req.project.media.length && req.project.media[0].media.type == "image") {
+			  ogImage = req.project.media[0].media.url
+			}
 			res.render('reader', {
 				name: util.sanitize(req.project.name),
 				description: util.sanitize(req.project.description),
@@ -65,6 +69,9 @@ var views = module.exports = {
 				canEdit: req.isOwner || req.isCollaborator,
 				editlink: "/project/" + req.project.slug + "/edit",
 				noui: !! (req.query.noui === '1'),
+				ogTitle: req.project.name,
+        ogUrl: "http://vvalls.com/project/" + req.project.slug + "/",
+        ogImage: ogImage,
 			})
 		})
 	},
@@ -159,6 +166,9 @@ var views = module.exports = {
 			  isOwnProfile: isOwnProfile,
 				profile: user,
 				projects: projects || [],
+				ogTitle: "Vvalls: Profile of " + user.displayName,
+        ogUrl: "http://vvalls.com/profile/" + user.username + "/",
+        ogImage: user.photo,
 			})
 		}
 	},
diff --git a/views/projects/list-projects.ejs b/views/projects/list-projects.ejs
index 5ecaec1..2749b0e 100644
--- a/views/projects/list-projects.ejs
+++ b/views/projects/list-projects.ejs
@@ -9,7 +9,6 @@
       [[ } else { ]]
       <a href="/project/[[- project.slug ]]" class="projectItem" data-userid="[[- project.user_id ]]">
       [[ } ]]
-
 			<span class="room" style="background-color: rgb([[- project.color ]]);">
         <span class="mask" style="background-image: url([[- project.photo ]]);">
         </span>