stars and alignment

multiformats · Feb 26, 2017 · da80db2 · da80db2
1 parent f8691d7
commit da80db2
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 12 deletions.
diff --git a/content/index.md b/content/index.md
@@ -1,5 +1,6 @@
 +++
 title = "Multiformats"
+stars = "multiformats/multiformats"
 +++
 
 > ## Self-describing values for Future-proofing

diff --git a/content/multiaddr.md b/content/multiaddr.md
@@ -1,6 +1,7 @@
 +++
 title = "Multiaddr"
 multiformat = "multiaddr"
+stars = "multiformats/multiaddr"
 +++
 
 ⚠️️ _(Note: this page is a work in progress; [please improve it here](https://github.com/multiformats/website/blob/master/content/multiaddr.md))_ ⚠️️

diff --git a/content/multihash.md b/content/multihash.md
@@ -1,6 +1,7 @@
 +++
 title = "Multihash"
 multiformat = "multihash"
+stars = "multiformats/multihash"
 +++
 
 > ## Self-describing hashes
@@ -228,10 +229,14 @@ The Multihash format (this documentation and the specification) is Open Source s
 Multihash is part of [the Multiformats Project](../), a collection of protocols which aim to future-proof systems, today. [Check out the other multiformats](../#multiformat-protocols). It is also maintained and sponsored by [Protocol Labs](http://ipn.io).
 
 <div class="about-logos">
-<a href="../" class="no-decoration">
-  <img alt="Multiformats Logo" id="logo" src="../logo.svg" width="60" style="vertical-align: middle;" />Multiformats
-</a>
-<a href="http://ipn.io" class="no-decoration">
-  <img src="../protocol-labs-logo.png" height="64px" />
-</a>
+  <div>
+    <a href="../" class="no-decoration">
+      <img alt="Multiformats Logo" id="logo" src="../logo.svg" width="60" style="vertical-align: middle;" />Multiformats
+    </a>
+  </div>
+  <div>
+    <a href="http://ipn.io" class="no-decoration">
+      <img src="../protocol-labs-logo.png" height="64px" />
+    </a>
+  </div>
 </div>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -17,17 +17,24 @@
 		<link href="{{ $basePath }}minimal.css" rel="stylesheet">
 		<link href="{{ $basePath}}style.css" rel="stylesheet"/>
 		<link href="{{ $basePath}}fonts/fonts.css" rel="stylesheet">
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
   </head>
   <body>
     <div class="container">
       <header class="push-2 col-8 title
         {{ if $isHomePage }}home-page{{ end }}">
 				<img alt="Multiformats Logo" id="logo" src="{{ $basePath}}logo.svg" width="60"/>
-				<span>
         {{ if not $isHomePage }}
-          <a href="{{ $basePath }}">Multiformats</a> / </span>
+        <span>
+          <a href="{{ $basePath }}">Multiformats</a> /
+        </span>
         {{ end }}
         <span class="mfc mfc-{{ .Params.multiformat }}">{{ .Title }}</span>
+        {{ if .Params.stars }}
+        <span style="margin-top: 11px; float:right;">
+          <a class="github-button" href="https://github.com/{{ .Params.stars }}" data-icon="octicon-star" data-style="mega" data-count-href="{{ .Params.stars }}/stargazers" data-count-api="/repos/{{ .Params.stars }}#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star {{ .Params.stars }} on GitHub">Star</a>
+        </span>
+        {{ end }}
       </header>
 
       <div class="row">
@@ -49,6 +56,5 @@
         h.innerHTML =  link + lsymbol + h.innerHTML + '</a>'
       })
      </script>
-
   </body>
 </html>
diff --git a/static/style.css b/static/style.css
@@ -194,14 +194,15 @@ blockquote :last-child { margin-bottom: 0px; }
 }
 
 .about-logos {
-  display: flex;
-  justify-content: space-around;
+  /*display: flex;*/
+  /*justify-content: space-around;*/
 }
 
-.about-logos a {
+.about-logos > div {
   font-size: 24px;
   vertical-align: middle;
   height: 70px;
+  min-width: 45%;
   display: inline-block;
   /*margin: 0px auto;*/
 }
diff --git a/versions/history b/versions/history
@@ -1,2 +1,3 @@
 QmXzJcnFHXErv8iAd8W5vMYWp8bLBpvU1CFNpmGu2nKB3W
 QmdQmEzVEJ16eP5DpHwGf6WDCtKXC8DpwxnP4eosPFgDC9
+Qmf38duto7uZtQdP4svfSJnuU7oXs4hfwaC1KQQbjN99Cp