Skip to content
This repository has been archived by the owner on Jan 6, 2018. It is now read-only.

Commit

Permalink
Add a basic example.
Browse files Browse the repository at this point in the history
  • Loading branch information
tristandunn committed Dec 21, 2009
1 parent df70b86 commit 9d5fa2a
Show file tree
Hide file tree
Showing 4 changed files with 229 additions and 0 deletions.
121 changes: 121 additions & 0 deletions examples/css/github-voice.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
#github-voice-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
color: #FFF;
}

#github-voice-wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 350px;
margin: 0 0 0 -175px;
}

#github-voice-overlay[id],
#github-voice-wrapper[id] {
position: fixed;
}

#github-voice-wrapper h1 {
background: transparent;
color: #FFF;
margin: 0;
padding: 0;
font-size: 28px;
font-weight: bold;
font-family: Helvetica, Arial, Sans-serif;
}

#github-voice {
background: #FFF;
color: #555;
padding: 16px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#github-voice p {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.4;
}

#github-voice ol {
margin: 5px 0;
}

#github-voice ol li {
padding-top: 5px;
font-size: 12px;
clear: left;
}

#github-voice ol li p.votes {
background: inherit;
color: #888;
width: 40px;
margin: 0;
padding: 0;
font-size: 10px;
text-align: center;
float: left;
}

#github-voice ol li p.votes em {
background: inherit;
color: #444;
font-size: 14px;
font-weight: bold;
line-height: 1;
letter-spacing: -1px;
display: block;
}

#github-voice ol li h3 {
margin: 0 0 0 45px;
padding: 0;
font-size: 14px;
line-height: 1.2;
}

#github-voice ol li h3 a {
background: inherit;
color: #06C;
text-decoration: none;
}

#github-voice ol li h3 a:hover {
text-decoration: underline;
}

#github-voice p.call-to-action a {
background: inherit;
color: #06C;
text-decoration: none;
margin-top: 16px;
padding: 7px 35px 7px 7px;
font-size: 16px;
font-weight: bold;
line-height: 1;
letter-spacing: -1px;
text-decoration: none;
display: block;
}

#github-voice p.call-to-action a:hover,
#github-voice p.call-to-action a:hover span {
background: #06C;
color: #FFF;
}

#github-voice p.call-to-action a span {
font-weight: normal;
font-size: 14px;
letter-spacing: 0;
}
45 changes: 45 additions & 0 deletions examples/css/reset.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}
28 changes: 28 additions & 0 deletions examples/css/screen.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
body,
input {
font-size: 14px;
font-family: Helvetica, Arial, Sans-serif;
}

body {
width: 600px;
margin: 32px auto;
}

header h1 {
margin: 0 0 64px 0;
font-size: 48px;
font-weight: bold;
text-align: center;
letter-spacing: -2px;
}

section h1 {
margin: 0 0 8px 0;
font-size: 24px;
font-weight: bold;
}

section ul {
list-style: disc;
}
35 changes: 35 additions & 0 deletions examples/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">

<style type="text/css">
@import url(css/reset.css);
@import url(css/screen.css);
@import url(css/github-voice.css);
</style>
</head>
<body>

<header>
<h1>GitHub Voice</h1>
</header>

<section>
<h1>Examples</h1>

<ul>
<li><a href="#" class="default">View an example</a> using the default options.</li>
</ul>
</section>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.github-voice.js"></script>
<script type="text/javascript">
$(function() {
$('a.default').githubVoice('defunkt', 'github-issues');
});
</script>

</body>
</html>

0 comments on commit 9d5fa2a

Please sign in to comment.