diff --git a/res/template/file_viewer.html b/res/template/file_viewer.html
index e8bdf8d..faae323 100644
--- a/res/template/file_viewer.html
+++ b/res/template/file_viewer.html
@@ -11,6 +11,7 @@
+
diff --git a/res/template/fragments/meta_tags.html b/res/template/fragments/meta_tags.html
index 9b0ac15..acc1bdc 100644
--- a/res/template/fragments/meta_tags.html
+++ b/res/template/fragments/meta_tags.html
@@ -4,20 +4,20 @@
-
+
{{template "bgpattern"}}
-
-
-
+
+
-
+
{{end}}
diff --git a/webcontroller/opengraph.go b/webcontroller/opengraph.go
index 69b33e1..a5bdeaf 100644
--- a/webcontroller/opengraph.go
+++ b/webcontroller/opengraph.go
@@ -37,14 +37,21 @@ func (o linkRule) HTML() template.HTML {
func metadataFromFile(f pixelapi.FileInfo) (meta template.HTML) {
meta += ogRule{"og:title", f.Name}.HTML()
meta += ogRule{"og:site_name", "pixeldrain"}.HTML()
- meta += ogRule{"og:description", "View '" + f.Name + "' on Pixeldrain"}.HTML()
- meta += ogRule{"description", "View '" + f.Name + "' on Pixeldrain"}.HTML()
+ meta += ogRule{"og:description", "View '" + f.Name + "' on pixeldrain"}.HTML()
+ meta += ogRule{"description", "View '" + f.Name + "' on pixeldrain"}.HTML()
meta += ogRule{"og:url", "/u/" + f.ID}.HTML()
+ meta += twitterRule{"twitter:title", f.Name}.HTML()
+ meta += twitterRule{"twitter:site", "@Fornax96"}.HTML()
+ meta += twitterRule{"twitter:domain", "pixeldrain.com"}.HTML()
if strings.HasPrefix(f.MimeType, "image") {
meta += ogRule{"og:type", "article"}.HTML()
meta += ogRule{"og:image", "/api/file/" + f.ID}.HTML()
+ meta += ogRule{"og:image:url", "/api/file/" + f.ID}.HTML()
+ meta += ogRule{"og:image:secure_url", "/api/file/" + f.ID}.HTML()
+ meta += ogRule{"og:image:type", f.MimeType}.HTML()
+ meta += twitterRule{"twitter:card", "summary_large_image"}.HTML()
meta += twitterRule{"twitter:image", "/api/file/" + f.ID}.HTML()
meta += linkRule{"image_src", "/api/file/" + f.ID}.HTML()
} else if strings.HasPrefix(f.MimeType, "video") {
@@ -76,12 +83,15 @@ func metadataFromList(l pixelapi.List) (meta template.HTML) {
meta += ogRule{"og:type", "website"}.HTML()
meta += ogRule{"og:title", l.Title}.HTML()
meta += ogRule{"og:site_name", "pixeldrain"}.HTML()
- meta += ogRule{"og:description", "View '" + l.Title + "' on Pixeldrain"}.HTML()
- meta += ogRule{"description", "View '" + l.Title + "' on Pixeldrain"}.HTML()
+ meta += ogRule{"og:description", "View '" + l.Title + "' on pixeldrain"}.HTML()
+ meta += ogRule{"description", "View '" + l.Title + "' on pixeldrain"}.HTML()
meta += ogRule{"og:url", "/l/" + l.ID}.HTML()
meta += ogRule{"og:image", "/api/file/" + l.Files[0].ID + "/thumbnail"}.HTML()
meta += ogRule{"og:image:url", "/api/file/" + l.Files[0].ID + "/thumbnail"}.HTML()
meta += twitterRule{"twitter:image", "/api/file/" + l.Files[0].ID + "/thumbnail"}.HTML()
+ meta += twitterRule{"twitter:title", l.Title}.HTML()
+ meta += twitterRule{"twitter:site", "@Fornax96"}.HTML()
+ meta += twitterRule{"twitter:domain", "pixeldrain.com"}.HTML()
meta += linkRule{"image_src", "/api/file/" + l.Files[0].ID + "/thumbnail"}.HTML()
return meta
}