add twitter side bar on landing page

bids-standard · Oct 11, 2022 · fa66307 · fa66307
1 parent f07d4bb
commit fa66307
Show file tree

Hide file tree

Showing 3 changed files with 179 additions and 0 deletions.
diff --git a/CONTRIBNUTING.md b/CONTRIBNUTING.md
@@ -0,0 +1,26 @@
+# CONTRIBUTING
+
+Here are some tips in case you want to contribute to this project.
+
+## Requirements
+
+Install jekyll: https://jekyllrb.com/docs/installation/
+
+If you are using a later version of Ruby yoy may encounter this error: when
+trying to serve the website locally.
+
+```bash
+require: cannot load such file -- webrick (LoadError)
+```
+
+To fix this, you can install the `webrick` gem:
+
+```bash
+bundle add webrick
+```
+
+More info here: https://talk.jekyllrb.com/t/load-error-cannot-load-such-file-webrick/5417/7
+
+# Serve locally
+
+Run `bundle exec jekyll serve` in the root of the project.
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+
+<head>
+
+  <meta charset="UTF-8">
+  <title>Brain Imaging Data Structure</title>
+
+  <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Organization",
+      "name": "Brain Imaging Data Structure",
+      "url": "http://bids.neuroimaging.io",
+      "sameAs": [
+        "https://en.wikipedia.org/wiki/Brain_Imaging_Data_Structure",
+        "https://twitter.com/BIDSstandard"
+      ]
+    }
+  </script>
+
+  {% if site.google_analytics %}
+  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{ site.google_analytics }}');
+      </script>
+  {% endif %}
+
+  {% seo %}
+
+
+  <!-- Optional JavaScript -->
+  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+
+  <!-- Add anchors to all headings, see https://www.bryanbraun.com/anchorjs -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.2/anchor.js"></script>
+
+
+  <!-- Favicon -->
+  <link rel="apple-touch-icon" sizes="57x57" href="{{ '/assets/favicon/apple-icon-57x57.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="60x60" href="{{ '/assets/favicon/apple-icon-60x60.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="72x72" href="{{ '/assets/favicon/apple-icon-72x72.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="76x76" href="{{ '/assets/favicon/apple-icon-76x76.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="114x114" href="{{ '/assets/favicon/apple-icon-114x114.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="120x120" href="{{ '/assets/favicon/apple-icon-120x120.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="144x144" href="{{ '/assets/favicon/apple-icon-144x144.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="152x152" href="{{ '/assets/favicon/apple-icon-152x152.png' | relative_url }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/favicon/apple-icon-180x180.png' | relative_url }}">
+  <link rel="icon" type="image/png" sizes="192x192" href="{{ '/assets/favicon/android-icon-192x192.png' | relative_url }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon/favicon-32x32.png' | relative_url }}">
+  <link rel="icon" type="image/png" sizes="96x96" href="{{ '/assets/favicon/favicon-96x96.png' | relative_url }}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}">
+  <link rel="manifest" href="{{ '/assets/favicon/manifest.json' | relative_url }}">
+  <meta name="msapplication-TileImage" content="{{ '/assets/favicon/ms-icon-144x144.png' | relative_url }}">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="theme-color" content="#ffffff">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+</head>
+
+<body>
+
+  <header class="page-header" role="banner">
+    <div class="project-name">{{ site.title }}</div>
+    <div class="project-tagline">{{ site.description }}</div>
+
+    <div class="container">
+      <nav class="navbar navbar-inverse">
+        <div class="container-fluid">
+          <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+          </div>
+          <div class="collapse navbar-collapse" id="myNavbar">
+            <ul class="nav navbar-nav">
+              {% for item in site.data.navigation.menu %}
+              <li class="nav-item">
+                <a class="nav-link" href="{{ item.url | relative_url }}">{{ item.title }} </span></a>
+              </li>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </div>
+
+    {% include steering_group_election_section.html %}
+
+  </header>
+
+  <div class="container">
+
+    <div class="row">
+
+      <div class="col-md-8">
+        <div id="content" class="main-content" role="main">
+          {{ content }}
+        </div>
+      </div>
+
+      <div class="col-md-4">
+        <h1></h1>
+        <a class="twitter-timeline" 
+        data-theme="dark" 
+        data-width="100%" data-height="1500"
+        href="https://twitter.com/BIDSstandard?ref_src=twsrc%5Etfw">Tweets by BIDSstandard
+        </a> 
+      </div>
+
+    </div>
+
+  </div>
+
+  {% if site.show_footer %}
+  <footer class="site-footer">
+    <div class="container">
+      Edit <a href="https://github.com/bids-standard/bids-website/blob/gh-pages/{{ page.path }}">this page on GitHub</a>.
+    </div>
+  </footer>
+  {% endif %}
+
+  <!-- Add anchors before the closing body tag, see https://www.bryanbraun.com/anchorjs -->
+  <script>
+    anchors.options.visible = 'touch';
+    anchors.add('h1');
+    anchors.add('h2');
+    anchors.add('h3');
+    anchors.add('h4');
+    anchors.add('h5');
+    anchors.add('h6');
+  </script>
+
+  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
+
+  {% include tracking.html %}
+
+</body>
+
+</html>
diff --git a/_pages/index.md b/_pages/index.md
@@ -1,4 +1,5 @@
 ---
+layout: index
 ---
 
 # About BIDS