sjs/samhuri.net
1
0
Fork 0
mirror of https://github.com/samsonjs/samhuri.net.git synced 2026-04-27 14:57:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

extract js and css from project html (better caching, less building)

Browse source
This commit is contained in:
Sami Samhuri 2010-11-26 23:21:31 -08:00
parent 86a1fa082d
commit f561617d6c
9 changed files with 214 additions and 878 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

150
proj/batteries/index.html
View file

@ -4,41 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>batteries</title> <title>batteries</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,115 +18,10 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('batteries') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/batteries/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('batteries')
function ready() {
var t = data.get('t-batteries')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-batteries', +new Date())
GITR.repo('samsonjs/batteries')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>&larr; samhuri.net</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<p><a class=up href=../>&larr; projects</a></p>
<a href=https://github.com/samsonjs/batteries><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/batteries><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>
<h1>batteries</h1> <h1>batteries</h1>
<h2>a general purpose node library</h2> <h2>a general purpose node library</h2>
@ -186,3 +47,6 @@
</div> </div>
<div></div> <div></div>
</div> </div>
<p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>

150
proj/format/index.html
View file

@ -4,41 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>format</title> <title>format</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,115 +18,10 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('format') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/format/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('format')
function ready() {
var t = data.get('t-format')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-format', +new Date())
GITR.repo('samsonjs/format')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>&larr; samhuri.net</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<p><a class=up href=../>&larr; projects</a></p>
<a href=https://github.com/samsonjs/format><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/format><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>
<h1>format</h1> <h1>format</h1>
<h2>printf for JavaScript</h2> <h2>printf for JavaScript</h2>
@ -186,3 +47,6 @@
</div> </div>
<div></div> <div></div>
</div> </div>
<p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>

150
proj/gitter/index.html
View file

@ -4,41 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>gitter</title> <title>gitter</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,115 +18,10 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('gitter') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/gitter/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('gitter')
function ready() {
var t = data.get('t-gitter')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-gitter', +new Date())
GITR.repo('samsonjs/gitter')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>&larr; samhuri.net</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<p><a class=up href=../>&larr; projects</a></p>
<a href=https://github.com/samsonjs/gitter><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/gitter><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>
<h1>gitter</h1> <h1>gitter</h1>
<h2>a GitHub client for Node (v2 API)</h2> <h2>a GitHub client for Node (v2 API)</h2>
@ -186,3 +47,6 @@
</div> </div>
<div></div> <div></div>
</div> </div>
<p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>

13
proj/index.html
View file

@ -5,13 +5,7 @@
<title>samhuri.net</title> <title>samhuri.net</title>
<link rel=stylesheet href=../style.css> <link rel=stylesheet href=../style.css>
<style> <style>
#forkme { position: absolute
; top: 0
; right: 0
}
#gh { text-align: center } #gh { text-align: center }
span { padding: 5px } span { padding: 5px }
</style> </style>
<script> <script>
@ -77,7 +71,7 @@
}()) }())
</script> </script>
</head> </head>
<a class=up href=../>&larr; samhuri.net</a> <a class=up href=../>samhuri.net</a>
<a href=https://github.com/samsonjs><img id=forkme src=forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs><img id=forkme src=forkme.png alt="Fork me on GitHub"></a>
<h1>projects</h1> <h1>projects</h1>
<ul> <ul>
@ -102,6 +96,9 @@
<td align=left>following <span id=nfollowing><img src=spinner.gif></span> people</td> <td align=left>following <span id=nfollowing><img src=spinner.gif></span> people</td>
</tr> </tr>
</table> </table>
<p id=promoteJS> <p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>
<p id=promote-js>
<a class=img href=https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function title='JS Function arity'><img src=http://static.jsconf.us/promotejsh.gif height=150 width=180 alt='JS Function arity'/></a> <a class=img href=https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function title='JS Function arity'><img src=http://static.jsconf.us/promotejsh.gif height=150 width=180 alt='JS Function arity'/></a>
</p> </p>

51
proj/proj.css Normal file
View file

@ -0,0 +1,51 @@
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 1em auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
@media only screen and (max-device-width:480px) {
#info { width: 80%
; max-width: 400px
; padding: 0 1em
}
#info > div { clear: left
; width: 100%
; max-width: 100%
; padding: 0.5em 0.2em 1em
; border-left: none
}
}

115
proj/proj.js Normal file
View file

@ -0,0 +1,115 @@
(function() {
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(name, branches) {
function branchLink(b) {
return '<a href=https://github.com/samsonjs/' + name + '/tree/' + b + '>' + b + '</a>'
}
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
var global = this
global.SJS = {
proj: function(name) {
var data = createObjectStore(name)
document.addEventListener('DOMContentLoaded', ready, false)
function ready() {
var t = data.get('t-' + name)
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-' + name, +new Date())
GITR.repo('samsonjs/' + name)
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(name, branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(name, data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}
}
}())

150
proj/repl-edit/index.html
View file

@ -4,41 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>repl-edit</title> <title>repl-edit</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,115 +18,10 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('repl-edit') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/repl-edit/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('repl-edit')
function ready() {
var t = data.get('t-repl-edit')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-repl-edit', +new Date())
GITR.repo('samsonjs/repl-edit')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>&larr; samhuri.net</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<p><a class=up href=../>&larr; projects</a></p>
<a href=https://github.com/samsonjs/repl-edit><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/repl-edit><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>
<h1>repl-edit</h1> <h1>repl-edit</h1>
<h2>edit Node repl commands with your text editor</h2> <h2>edit Node repl commands with your text editor</h2>
@ -186,3 +47,6 @@
</div> </div>
<div></div> <div></div>
</div> </div>
<p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>

150
proj/strftime/index.html
View file

@ -4,41 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>strftime</title> <title>strftime</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#forkme { position: absolute
; top: 0
; right: 0
}
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,115 +18,10 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('strftime') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/strftime/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('strftime')
function ready() {
var t = data.get('t-strftime')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-strftime', +new Date())
GITR.repo('samsonjs/strftime')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>&larr; samhuri.net</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<p><a class=up href=../>&larr; projects</a></p>
<a href=https://github.com/samsonjs/strftime><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/strftime><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>
<h1>strftime</h1> <h1>strftime</h1>
<h2>strftime for JavaScript</h2> <h2>strftime for JavaScript</h2>
@ -186,3 +47,6 @@
</div> </div>
<div></div> <div></div>
</div> </div>
<p id=sjs>
<a href=https://twitter.com/_sjs>@_sjs</a>
</p>

153
proj/template/index.html
View file

@ -4,40 +4,7 @@
<meta name=viewport content=width=device-width> <meta name=viewport content=width=device-width>
<title>{{name}}</title> <title>{{name}}</title>
<link rel=stylesheet href=../../style.css> <link rel=stylesheet href=../../style.css>
<style> <link rel=stylesheet href=../proj.css>
#info { text-align: center
; margin: 0 auto
; padding: 1em
; border: solid 1px #ccc
; width: 90%
; max-width: 950px
; background-color: #fff
; border-radius: 20px
; -webkit-border-radius: 20px
; -moz-border-radius: 20px
}
h4 { margin: 0.5em 0 0.7em }
#info > div { text-align: center
; font-size: 1.3em
; width: 32%
; max-width: 400px
; float: left
; padding: 0.5em 0.2em
; border-left: dashed 1px #aaa
}
#info > div:first-child { border-left: none }
#info div:last-child { clear: both
; float: none
; border: none
; height: 0
; width: 0
; padding: 0
}
</style>
<script> <script>
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push( ['_setAccount', 'UA-214054-5'] _gaq.push( ['_setAccount', 'UA-214054-5']
@ -52,122 +19,8 @@
</script> </script>
<script src=../gitter.js></script> <script src=../gitter.js></script>
<script src=../store.js></script> <script src=../store.js></script>
<script> <script src=../proj.js></script>
(function() { <script> SJS.proj('{{name}}') </script>
function addClass(el, name) {
var c = el.className || name
if (!c.match(new RegExp('\b' + name + '\b', 'i'))) c += ' ' + name
}
function html(id, h) {
document.getElementById(id).innerHTML = h
}
function text(id, text) {
document.getElementById(id).innerText = text
}
function highlight(id) {
document.getElementById(id).style.className = ' highlight'
}
function textHighlight(id, text) {
var el = document.getElementById(id)
el.innerText = text
el.className = ' highlight'
}
function hide(id) {
document.getElementById(id).style.display = 'none'
}
function branchLink(b) {
return '<a href=https://github.com/samsonjs/{{name}}/tree/' + b + '>' + b + '</a>'
}
function userLink(u) {
return '<a href=https://github.com/' + u.login + '>' + u.name + '</a>'
}
function langsByUsage(langs) {
return Object.keys(langs).sort(function(a, b) {
return langs[a] < langs[b] ? -1 : 1
})
}
function updateBranches(branches) {
html('branches', Object.keys(branches).map(branchLink).join('<br>'))
}
function updateContributors(contributors) {
html('contributors', contributors.map(userLink).join('<br>'))
}
function updateLangs(langs) {
html('langs', langsByUsage(langs).join('<br>'))
}
function updateN(name, things) {
textHighlight('n' + name, things.length)
if (things.length === 1) hide(name.charAt(0) + 'plural')
}
document.addEventListener('DOMContentLoaded', ready, false)
var data = createObjectStore('{{name}}')
function ready() {
var t = data.get('t-{{name}}')
if (!t || +new Date() - t > 86400000) {
console.log('stale ' + String(t))
data.set('t-{{name}}', +new Date())
GITR.repo('samsonjs/{{name}}')
.getBranches(function(err, branches) {
if (err) {
text('branches', '(oops)')
} else {
data.set('branches', branches)
updateBranches(branches)
}
})
.getLanguages(function(err, langs) {
if (err) {
text('langs', '(oops)')
return
}
data.set('langs', langs)
updateLangs(langs)
})
.getContributors(function(err, users) {
if (err) {
text('contributors', '(oops)')
} else {
data.set('contributors', users)
updateContributors(users)
}
})
.getWatchers(function(err, users) {
if (err) {
text('nwatchers', '?')
} else {
data.set('watchers', users)
updateN('watchers', users)
}
})
.getNetwork(function(err, repos) {
if (err) {
text('nforks', '?')
} else {
data.set('forks', repos)
updateN('forks', repos)
}
})
} else {
console.log('hit ' + t + ' (' + (+new Date() - t) + ')')
updateBranches(data.get('branches'))
updateLangs(data.get('langs'))
updateContributors(data.get('contributors'))
updateN('watchers', data.get('watchers'))
updateN('forks', data.get('forks'))
}
}
}())
</script>
</head> </head>
<a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a> <a class=up href=../../>samhuri.net</a> &rarr; <a class=up href=../>projects</a>
<a href=https://github.com/samsonjs/{{name}}><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a> <a href=https://github.com/samsonjs/{{name}}><img id=forkme src=../forkme.png alt="Fork me on GitHub"></a>