Small website fixes

Author: PeterTh

website/pages/en/index.js

@@ -103,9 +103,9 @@ class Index extends React.Component {
     );
 
     const Example = () => (
-      <div class="code-example">
-      <MarkdownBlock class="code-example">
-      {`\`\`\`cpp
+      <div className="code-example">
+        <MarkdownBlock>
+{`\`\`\`cpp
 #include <celerity.h>
 using namespace celerity;
 
@@ -136,8 +136,8 @@ int main() {
     });
 }
 \`\`\``}
-      </MarkdownBlock>
-        <div class="code-title">
+        </MarkdownBlock>
+        <div className="code-title">
           Complete Celerity Code Sample for Distributed Multi-GPU Matrix-vector Multiplication  
         </div>
       </div>

website/pages/en/research.js

@@ -12,7 +12,7 @@ function formatDOI(doi) {
 
 function formatVid(vid) {
   if (vid == null) return "";
-  return `  \n**[Video](vid)**`;
+  return `  \n**[Video](${vid})**`;
 }
 
 const publications = [

website/static/css/custom.css

@@ -77,9 +77,10 @@ hr.separator {
 
 .code-title {
   position: absolute;
-  bottom: -1em;
+  bottom: -20px;
   width: 100%;
   padding: 3px;
+  border-radius: 3px;
   text-align: center;
   color: white;
   background: linear-gradient(
@@ -88,7 +89,6 @@ hr.separator {
     rgb(200, 110, 132) 35%,
     rgb(74, 102, 176) 100%
   );
-  border-radius: 3px;
 }
 
 @media (max-width: 768px) {