suzanne.soy/shields
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simple website index page.

Browse Source
This commit is contained in:
Thaddee Tyl 2014-01-04 19:40:28 +01:00
parent 3537924372
commit 2d65f0aecb
1 changed files with 87 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
web/index.html Normal file
View File

@ -0,0 +1,87 @@
<!doctype html>
<meta charset=utf-8>
<title> Badge Service </title>
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
<h1> Badge Service For You! </h1>
<style>
:root { text-align: center; font-family: 'Linux Libertine O', Vollkorn, serif; }
code { padding: 0 4px; border: 1px solid grey; background: #eef; border-radius: 4px; }
a.photo { text-decoration: none; }
a.photo>img { padding: 2px; border: 1px solid grey; }
ul { text-align: left; margin-left: 25%; }
</style>
<img src='http://gh-badges.herokuapp.com/badge-on!-brightgreen.svg'>
<img src='http://gh-badges.herokuapp.com/license-CC0-red.svg'>
<p>
Ever wanted to have your own GitHub badges? <br/>
Maybe you simply wanted to have consistent colors? <br/>
Maybe you wanted to have them be less blurry? <br/>
Or look better on high-resolution displays? <br/>
Maybe you simply love SVG. <br/>
Maybe you fancy a format that uses less than half the bandwidth.
</p>
<img src='http://gh-badges.herokuapp.com/happy-hacking%20%E2%98%BA-yellow.svg'>
<p>
As for me, I wanted a format that people can reuse and hack on. <br/>
I wanted a service for everyone. <br/>
I made the GitHub Badge Service.
</p>
<img src='http://gh-badges.herokuapp.com/download-.5K-blue.svg'>
<p>
Here's how it works. <br/>
<code>http://gh-badges.herokuapp.com/&lt;SUBJECT&gt;-&lt;STATUS&gt;-&lt;COLOR&gt;.svg</code><br/>
Use two dashes <code>--</code> to have one dash as text. <br/>
Use two underscores <code>__</code> to have one underscore as text. <br/>
Use an underscore <code>_</code> if you want a space. Or, you know, use a space.
</p>
<p> Colors: </p>
<img src='http://gh-badges.herokuapp.com/color-brightgreen-brightgreen.svg'>
<img src='http://gh-badges.herokuapp.com/color-green-green.svg'>
<img src='http://gh-badges.herokuapp.com/color-yellowgreen-yellowgreen.svg'>
<img src='http://gh-badges.herokuapp.com/color-yellow-yellow.svg'>
<img src='http://gh-badges.herokuapp.com/color-orange-orange.svg'>
<img src='http://gh-badges.herokuapp.com/color-red-red.svg'>
<img src='http://gh-badges.herokuapp.com/color-lightgrey-lightgrey.svg'>
<img src='http://gh-badges.herokuapp.com/color-blue-blue.svg'>
<img src='http://gh-badges.herokuapp.com/color-ff69b4-ff69b4.svg'>
<h2> Like This? </h2>
<p>
Tell your favorite badge service to use it!
</p>
<h2> Known Issues </h2>
<ul>
<li> Chrome + Retina screen = Blurry.
<a href='https://code.google.com/p/chromium/issues/detail?id=331387'>
Known Blink bug</a>.
<li> The text can be wider than the box (esp. Firefox + Windows).
<a href='https://github.com/espadrine/gh-badges/pull/6#issuecomment-31558269'>
Issue with consistency of text measurement</a>.
</ul>
<h2> Origin </h2>
<a href='https://github.com/h5bp/lazyweb-requests/issues/150'>This</a>.
<h2> Contributors </h2>
<a class='photo' href='https://github.com/espadrine'>
<img alt='espadrine' src='https://gravatar.com/avatar/8c3bee0764c781e1b0b8c2e53f0f11fe'>
</a>
<a class='photo' href='https://github.com/mathiasbynens'>
<img alt='mathiasbynens' src='https://gravatar.com/avatar/24e08a9ea84deb17ae121074d0f17125'>
</a>
<a class='photo' href='https://github.com/alrra'>
<img alt='alrra' src='https://gravatar.com/avatar/2fc3f42c9411898f83f3af8ede902591'>
</a>