Merge branch 'master' of https://github.com/Yorubaname/yorubaname-web…

…site
Yorubaname · May 3, 2020 · 440c821 · 440c821
2 parents 27f9de0 + 564e9be
commit 440c821
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 7 deletions.
diff --git a/website/src/main/resources/public/assets/css/styles.css b/website/src/main/resources/public/assets/css/styles.css
@@ -336,12 +336,17 @@ header .container img.logo {
 	background: #F9F9F9;
 	margin-right: 10px;
 	margin-left: 20px;
+	margin-bottom: 40px;
 	padding: 5px;
 	-webkit-box-shadow: 13px 14px 15px -16px rgba(0,0,0,0.15);
 	-moz-box-shadow: 13px 14px 15px -16px rgba(0,0,0,0.15);
 	box-shadow: 13px 14px 15px -16px rgba(0,0,0,0.15);
 }
 
+ul#side_popular {
+	list-style-type: none;
+}
+
 .side-bar li {
 	list-style: none;
 }

diff --git a/website/src/main/resources/website/header.hbs b/website/src/main/resources/website/header.hbs
@@ -40,6 +40,14 @@
 </head>
 
 <body>
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12&appId=539763726423959&autoLogAppEvents=1';
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
 	<!-- Header -->
     <header>
     	<div class="container">

diff --git a/website/src/main/resources/website/rsidebar.hbs b/website/src/main/resources/website/rsidebar.hbs
@@ -1,9 +1,14 @@
 <div class="side-bar">
-    <ul id="side_popular">
-        <li><h5>{{message "lang.most-popular-names"}}</h5></li>
-        <hr />
-        {{#each mostPopular}}
-            <li class="intonation"><a href="/entries/{{this}}">{{this}}</a></li>
-        {{/each}}
-    </ul>
+<h4>{{message "lang.most-popular-names"}}</h4>
+<hr />
+<ul id="side_popular">
+{{#each mostPopular}}
+<li class="intonation"><a href="/entries/{{this}}">{{this}}</a></li>
+{{/each}}
+</ul>
+</div>
+<div class="side-bar">
+<h4>Do you have a comment or a story about this name? Share below:</h4>
+<hr />
+<div width="200" class="fb-comments" data-href="http://{{host}}/entries/{{name.name}}" data-numposts="5"></div>
 </div>