forked from tomdale/everyjs.com
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Tom Dale
committed
May 30, 2011
0 parents
commit 51c1c5d
Showing
17 changed files
with
12,601 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -0,0 +1,2 @@ | |||
--- | |||
STROBE_APPLICATION_ID: 243 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -0,0 +1,42 @@ | |||
_____ _ _____ | |||
/ ___| | | / __ \ | |||
\ `--. _ __ _ __ ___ _ _ | |_ | / \/ ___ _ __ ___ | |||
`--. \| '_ \ | '__|/ _ \ | | | || __|| | / _ \ | '__|/ _ \ | |||
/\__/ /| |_) || | | (_) || |_| || |_ | \__/\| (_) || | | __/ | |||
\____/ | .__/ |_| \___/ \__,_| \__| \____/ \___/ |_| \___| | |||
| | | |||
|_| | |||
|
|||
Your SproutCore project is almost ready! Here's how to get started: | |||
|
|||
- Change lang="en" in the <html> tag if your page is not in English | |||
|
|||
- Fill: | |||
<title></title> | |||
<meta name="description" content=""> | |||
<meta name="author" content=""> | |||
|
|||
- Change the favicons | |||
|
|||
- Start writing your app in js/app.js. | |||
|
|||
- Describe your application HTML in index.html. | |||
|
|||
- During development, you can link to sproutcore-2.0.a.1.js to get the | |||
unminified version of SproutCore. | |||
|
|||
- Make a 404.html page if you have a 404 redirection in your server configuration file | |||
|
|||
== Recommendations and usage ===== | |||
|
|||
- Use CSS versioning to force the cache refresh: | |||
<link rel="stylesheet" href="css/style.css?v=[current_version]"> | |||
|
|||
== About ========================= | |||
|
|||
This SproutCore package is based on a build of HTML 5 Boilerplate from | |||
initializr.com. Thanks @jverrecchia! | |||
|
|||
== Contact ======================= | |||
|
|||
www.sproutcore.com |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -0,0 +1,203 @@ | |||
|
|||
/* ==== Scroll down to find where to put your styles :) ==== */ | |||
|
|||
/* HTML5 ✰ Boilerplate */ | |||
|
|||
html, body, div, span, object, iframe, | |||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |||
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, | |||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, | |||
fieldset, form, label, legend, | |||
table, caption, tbody, tfoot, thead, tr, th, td, | |||
article, aside, canvas, details, figcaption, figure, | |||
footer, header, hgroup, menu, nav, section, summary, | |||
time, mark, audio, video { | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
font-size: 100%; | |||
font: inherit; | |||
vertical-align: baseline; | |||
} | |||
|
|||
article, aside, details, figcaption, figure, | |||
footer, header, hgroup, menu, nav, section { | |||
display: block; | |||
} | |||
|
|||
blockquote, q { quotes: none; } | |||
blockquote:before, blockquote:after, | |||
q:before, q:after { content: ''; content: none; } | |||
ins { background-color: #ff9; color: #000; text-decoration: none; } | |||
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } | |||
del { text-decoration: line-through; } | |||
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } | |||
table { border-collapse: collapse; border-spacing: 0; } | |||
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | |||
input, select { vertical-align: middle; } | |||
|
|||
body { font:13px/1.231 sans-serif; *font-size:small; } | |||
select, input, textarea, button { font:99% sans-serif; } | |||
pre, code, kbd, samp { font-family: monospace, sans-serif; } | |||
|
|||
html { overflow-y: scroll; } | |||
a:hover, a:active { outline: none; } | |||
ul, ol { margin-left: 2em; } | |||
ol { list-style-type: decimal; } | |||
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } | |||
small { font-size: 85%; } | |||
strong, th { font-weight: bold; } | |||
td { vertical-align: top; } | |||
|
|||
sub, sup { font-size: 75%; line-height: 0; position: relative; } | |||
sup { top: -0.5em; } | |||
sub { bottom: -0.25em; } | |||
|
|||
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } | |||
textarea { overflow: auto; } | |||
.ie6 legend, .ie7 legend { margin-left: -7px; } | |||
input[type="radio"] { vertical-align: text-bottom; } | |||
input[type="checkbox"] { vertical-align: bottom; } | |||
.ie7 input[type="checkbox"] { vertical-align: baseline; } | |||
.ie6 input { vertical-align: text-bottom; } | |||
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } | |||
button, input, select, textarea { margin: 0; } | |||
input:valid, textarea:valid { } | |||
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } | |||
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } | |||
|
|||
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } | |||
::selection { background:#FF5E99; color:#fff; text-shadow: none; } | |||
a:link { -webkit-tap-highlight-color: #FF5E99; } | |||
|
|||
button { width: auto; overflow: visible; } | |||
.ie7 img { -ms-interpolation-mode: bicubic; } | |||
|
|||
body, select, input, textarea { color: #444; } | |||
h1, h2, h3, h4, h5, h6 { font-weight: bold; } | |||
a, a:active, a:visited { color: #607890; } | |||
a:hover { color: #036; } | |||
|
|||
/* | |||
// ========================================== \\ | |||
|| || | |||
|| Your styles ! || | |||
|| || | |||
\\ ========================================== // | |||
*/ | |||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } | |||
.hidden { display: none; visibility: hidden; } | |||
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } | |||
.visuallyhidden.focusable:active, | |||
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } | |||
.invisible { visibility: hidden; } | |||
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } | |||
.clearfix:after { clear: both; } | |||
.clearfix { zoom: 1; } | |||
|
|||
|
|||
@media all and (orientation:portrait) { | |||
|
|||
} | |||
|
|||
@media all and (orientation:landscape) { | |||
|
|||
} | |||
|
|||
@media screen and (max-device-width: 480px) { | |||
|
|||
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ | |||
} | |||
|
|||
|
|||
@media print { | |||
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; | |||
-ms-filter: none !important; } | |||
a, a:visited { color: #444 !important; text-decoration: underline; } | |||
a[href]:after { content: " (" attr(href) ")"; } | |||
abbr[title]:after { content: " (" attr(title) ")"; } | |||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } | |||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } | |||
thead { display: table-header-group; } | |||
tr, img { page-break-inside: avoid; } | |||
@page { margin: 0.5cm; } | |||
p, h2, h3 { orphans: 3; widows: 3; } | |||
h2, h3{ page-break-after: avoid; } | |||
} | |||
|
|||
#wrapper { | |||
width: 700px; | |||
margin: 0 auto; | |||
} | |||
|
|||
h1 { | |||
font-size: 28px; | |||
} | |||
|
|||
h2 { | |||
margin-bottom: 18px; | |||
} | |||
|
|||
h3 { | |||
margin-top: 14px; | |||
margin-bottom: 6px; | |||
} | |||
|
|||
table { | |||
width: 600px; | |||
} | |||
|
|||
td { | |||
padding-bottom: 18px; | |||
} | |||
|
|||
td a { | |||
text-decoration: none; | |||
font-weight: bold; | |||
} | |||
|
|||
td em { | |||
font-style: italic; | |||
font-weight: normal; | |||
} | |||
|
|||
td div { | |||
margin: 7px 0; | |||
} | |||
|
|||
p { | |||
margin: 6px 0; | |||
} | |||
|
|||
ol li { | |||
margin: 9px 0; | |||
} | |||
|
|||
div { | |||
margin: 12px 0; | |||
} | |||
|
|||
footer { | |||
font-size: 12px; | |||
color: #999; | |||
text-align: center; | |||
} | |||
|
|||
::-moz-selection{ background: #2746F5; color:#fff; text-shadow: none; } | |||
::selection { background:#2746F5; color:#fff; text-shadow: none; } | |||
|
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -0,0 +1,89 @@ | |||
<!doctype html> | |||
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> | |||
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |||
|
|||
<title></title> | |||
<meta name="description" content=""> | |||
<meta name="author" content=""> | |||
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
|
|||
<link rel="shortcut icon" href="/favicon.ico"> | |||
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> | |||
<link rel="stylesheet" href="css/style.css?v=2"> | |||
|
|||
<script type="text/javascript" src="http://use.typekit.com/mqp4vpt.js"></script> | |||
<script type="text/javascript">try{Typekit.load();}catch(e){}</script> | |||
|
|||
|
|||
<!--[if lt IE 9]> | |||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | |||
<![endif]--> | |||
</head> | |||
<body> | |||
<div id="wrapper"> | |||
<h1>EveryJS</h1> | |||
<h2>The right tool for the job.</h2> | |||
|
|||
<h3>Libraries</h3> | |||
<script type="text/html"> | |||
{{#collection contentBinding="EveryJS.listController" tagName="table"}} | |||
<td> | |||
{{#with content}} | |||
<a {{bindAttr href="website"}}>{{name}}</a> | |||
<p class="description">{{description}}</p> | |||
|
|||
{{#if dependencies}} | |||
<div class="dependencies"> | |||
Depends on: | |||
{{list dependencies}} | |||
</div> | |||
{{/if}} | |||
|
|||
{{#if browserSupport}} | |||
<div class="browser-support"> | |||
{{browserSupport}} | |||
</div> | |||
{{/if}} | |||
|
|||
{{#view EveryJS.SizeView}} | |||
<em>Just {{sizeString}}.</em> | |||
{{/view}} | |||
{{/with}} | |||
</td> | |||
{{/collection}} | |||
</script> | |||
<em>This is hardly exhaustive. Please contribute your favorite library by following the instructions below.</em> | |||
|
|||
<div id="contribute"> | |||
<h3>Contribute</h3> | |||
<p>To contribute your favorite JavaScript library, visit the <a href="https://github.com/tomdale/everyjs.com">GitHub page</a>, | |||
clone the repository, add the library to the <code>EveryJS.libraries</code> array, then submit a pull request.</p> | |||
<p>The order in which you add your library is unimportant. The list is automatically alphabetized. More sophisticated filtering is coming soon.</p> | |||
</div> | |||
|
|||
<div id="rules"> | |||
<h3>House Rules</h3> | |||
|
|||
<ol> | |||
<li>The site belongs to the community. Libraries of any size or popularity are welcome. We filter based on quality.</li> | |||
<li>If a library is not accepted, we will provide a reason, and steps for the maintainer to take to get it accepted.</li> | |||
<li>For now, browser libraries only. I'm considering the best way to list helpful things like CoffeeScript, Jammit and UglifyJS.</li> | |||
</ol> | |||
|
|||
<footer> | |||
<p>©2011 <a href="http://twitter.com/tomdale">Tom Dale</a> & contributors. Because we're all in this together.</p> | |||
<p>Inspired by Thomas Fuchs' <a href="http://www.microjs.com/">microjs.com</a></p> | |||
<p>Hosted on <a href="http://www.strobecorp.com">Strobe</a></p> | |||
</footer> | |||
</div> | |||
|
|||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> | |||
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.6.1.min.js"%3E%3C/script%3E'))</script> | |||
<script src="js/libs/sproutcore-2.0.a.2.js"></script> | |||
<script src="js/app.js"></script> | |||
</body> | |||
</html> |
Binary file not shown.
Oops, something went wrong.