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

website: cuter. Mention repo. Mention one more bug.

Browse Source
This commit is contained in:
Thaddee Tyl 2014-01-04 23:47:17 +01:00
parent 57b5a0908e
commit 382b998949
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/index.html
View File

@ -12,11 +12,11 @@ hr { width: 40%; border-width: 1px 0 0 0; }
a.photo { text-decoration: none; }
a.photo>img { padding: 2px; border: 1px solid grey; }
ul { text-align: left; margin-left: 25%; }
h2::before { content: '☙ '; }
h2::after { content: ' ❧'; }
h2 { font-variant: small-caps; }
</style>
<img src='/badge-on!-brightgreen.svg'>
<img src='/license-CC0-red.svg'>
<hr/>
<form action='javascript:makeImage()' id='imageMaker'>
<input name='subject' placeholder='subject'/>
@ -24,6 +24,12 @@ ul { text-align: left; margin-left: 25%; }
<input name='color' placeholder='color'/>
<button>Go!</button>
</form>
<hr/>
<h2>Github Badges</h2>
<img src='/badge-on!-brightgreen.svg'>
<img src='/license-CC0-red.svg'>
<p>
Ever wanted to have your own GitHub badges? <br/>
@ -63,28 +69,35 @@ Use an underscore <code>_</code> if you want a space. Or, you know, use a space.
<img src='/color-blue-blue.svg'>
<img src='/color-ff69b4-ff69b4.svg'>
<h2> Like This? </h2>
<h2>Like This?</h2>
<p>
Tell your favorite badge service to use it!
</p>
<h2> Known Issues </h2>
<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> Greenish aura around the text.
<a href='https://bugzilla.mozilla.org/show_bug.cgi?id=812795'>
Known Firefox 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>
<h2>Origin</h2>
<a href='https://github.com/h5bp/lazyweb-requests/issues/150'>This</a>.
<p>
<a href='https://github.com/h5bp/lazyweb-requests/issues/150'>This</a>.<br/>
All the activity and the code sits
<a href='https://github.com/espadrine/gh-badges'>here</a>.
</p>
<h2> Contributors </h2>
<h2>Contributors</h2>
<a class='photo' href='https://github.com/espadrine'>
<img alt='espadrine' src='https://gravatar.com/avatar/8c3bee0764c781e1b0b8c2e53f0f11fe'>
@ -96,6 +109,7 @@ Tell your favorite badge service to use it!
<img alt='alrra' src='https://gravatar.com/avatar/2fc3f42c9411898f83f3af8ede902591'>
</a>
<p><small>:wq</small></p>
<script>
function escapeField(s) {
return s.replace(/-/g, '--').replace(/_/g, '__');