This repository has been archived by the owner on Mar 9, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 21
/
teaser.html
28 lines (27 loc) · 12.2 KB
/
teaser.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
<title>The Nature of Code Book Project</title>
<meta content="noindex, nofollow" name="robots">
<style type="text/css">
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}body{font-size:13px;line-height:20px;color:#333}a{color:#55a4f2;text-decoration:none}a:hover{color:#1071d1}.project-card-wrap{-moz-border-radius:9px;-webkit-border-radius:9px;-o-border-radius:9px;-ms-border-radius:9px;-khtml-border-radius:9px;border-radius:9px;background:#eee;padding:4px;margin-bottom:20px;clear:both;margin-bottom:0px;width:212px}.project-card-wrap .project-card{overflow:hidden;*zoom:1;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;background-color:#fff;border:1px solid #ddd;position:relative;background-color:#fff;background-image:url('/cache-16ce07d4f/images/compass/bg-card-gradient.png');background-repeat:repeat-x}.project-card-wrap .project-card .tmpl-hide{display:none}.project-card-wrap .project-card .tmpl-projects-friends_backings{background-color:#87c442;text-align:center}.project-card-wrap .project-card ul.project-meta{color:#999;position:absolute}.project-card-wrap .project-card ul.project-meta li{font-size:11px;margin:0 !important}.project-card-wrap .project-card ul.project-meta li a{color:#999}.project-card-wrap .project-card ul.project-meta li a:hover{color:#333}.project-card-wrap .project-card ul.project-meta li a:hover .icon-location{background-position:-10px -150px}.project-card-wrap .project-card ul.project-meta li a:hover .icon-category{background-position:-20px -170px}.project-card-wrap .project-card ul.project-meta .icon-location{margin-top:-4px;margin-right:5px !important}.project-card-wrap .project-card ul.project-meta .icon-category{margin-top:-3px;margin-right:5px !important}.project-card-wrap .project-card ul.project-stats{margin:0;padding:0;border:0;overflow:hidden;*zoom:1;width:100%;font-size:10px;text-transform:uppercase;position:absolute;color:#999}.project-card-wrap .project-card ul.project-stats li{list-style-image:none;list-style-type:none;margin-left:0px;white-space:nowrap;display:inline;float:left;padding-left:10px;padding-right:10px}.project-card-wrap .project-card ul.project-stats li:first-child,.project-card-wrap .project-card ul.project-stats li.first{padding-left:0}.project-card-wrap .project-card ul.project-stats li:last-child{padding-right:0}.project-card-wrap .project-card ul.project-stats li.last{padding-right:0}.project-card-wrap .project-card ul.project-stats li{border-right:1px solid #ddd;border-left:1px solid #fff;margin:0 !important}.project-card-wrap .project-card ul.project-stats li.first{overflow:hidden;*zoom:1;border-left:0}.project-card-wrap .project-card ul.project-stats li.last{border-right:0;width:1px !important;overflow:visible !important}.project-card-wrap .project-card ul.project-stats strong{display:block;color:#666;font-weight:bold}.project-card-wrap .project-card{padding:5px;background-position:0 307px;height:360px}.project-card-wrap .project-card h2{font-size:12px;font-weight:bold;line-height:15px;padding:0 5px;margin-bottom:5px}.project-card-wrap .project-card h2 strong{display:block;max-height:30px;overflow:hidden}.project-card-wrap .project-card h2 span{display:block;font-size:11px;max-height:15px;overflow:hidden;color:#999;font-weight:normal;padding-top:2px}.project-card-wrap .project-card p{color:#999 !important;padding:0 5px;font-size:12px !important;line-height:15px;height:60px;text-overflow:ellipsis;overflow:hidden;word-wrap:word-break}.project-card-wrap .project-card ul.project-stats{margin:0;padding:0;border:0;overflow:hidden;*zoom:1;bottom:5px;left:10px}.project-card-wrap .project-card ul.project-stats li{list-style-image:none;list-style-type:none;margin-left:0px;white-space:nowrap;display:inline;float:left;padding-left:8px;padding-right:8px}.project-card-wrap .project-card ul.project-stats li:first-child,.project-card-wrap .project-card ul.project-stats li.first{padding-left:0}.project-card-wrap .project-card ul.project-stats li:last-child{padding-right:0}.project-card-wrap .project-card ul.project-stats li.last{padding-right:0}.project-card-wrap .project-card ul.project-stats li{width:auto !important;border:0;line-height:17px}.project-card-wrap .project-card ul.project-stats strong{font-size:11px;line-height:11px;margin:0;padding-top:2px}.project-card-wrap .project-card .project-pledged-successful{position:absolute;bottom:43px;left:0;width:190px;height:20px;background:#87c442;color:#fff;padding:0 10px}.project-card-wrap .project-card .project-pledged-successful strong{font-size:11px;text-transform:uppercase;font-weight:bold}.project-card-wrap .project-card .project-pledged-wrap{-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;position:absolute;bottom:43px;left:10px;width:190px;height:8px;background:#ddd;padding:0;margin-top:5px}.project-card-wrap .project-card .project-pledged-wrap .project-pledged{background:#87c442;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;height:8px}.project-card-wrap .project-card ul.project-meta{list-style:none;position:absolute;width:190px;bottom:68px;left:10px;margin:0}.project-card-wrap .project-card ul.project-meta li{list-style-image:none;list-style-type:none;margin-left:0px}.project-card-wrap .project-card ul.project-meta li{width:190px}.project-card-wrap .project-card ul.project-meta li a{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;-moz-binding:url('/stylesheets/compass/xml/ellipsis.xml#ellipsis');display:block}.project-card-wrap .project-card ul.project-meta .icon-location{margin-left:2px}.project-card-wrap .project-card .project-status{position:absolute;bottom:5px;left:5px}.project-card-wrap .project-card .project-status strong{display:block;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;font-size:11px;line-height:18px;padding:2px 10px 0;font-weight:bold;text-transform:uppercase;width:180px;text-align:center}.project-card-wrap .project-card .project-status span{display:block;font-size:11px;color:#999;padding-top:5px;text-align:center}.project-card-wrap .project-card .project-status.project-canceled strong,.project-card-wrap .project-card .project-status.project-failed strong{background:#666;color:#e6e6e6;text-shadow:#333 0 1px 0}.project-card-wrap .project-card{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB6CAIAAAGGlZ5KAAAAS0lEQVQYla1NywkAIAhVh3D/0ZxCj0ZBEKbkoYPo+0oiQsxMiLgGANr33Kp66RtHLsue+MxEvvJ0/DHr7mRmZV+cTOtyL8+P7sbfAUTPD+lmgE5WAAAAAElFTkSuQmCC")}.project-thumbnail{margin-bottom:5px}.project-meta li a:hover span.icon-location{background-position:0 0 !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOTY0RkFCQjY1OTg2NEQ2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTBGRkQzNTc5OTExMUUwQTMwRkFGQUI3QkFBNTUzRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTBGRkQzNDc5OTExMUUwQTMwRkFGQUI3QkFBNTUzRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MDgzRjRCQ0NEMjczNTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE5NjRGQUJCNjU5ODY0RDY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Yu8WwwAAAMFJREFUeNpi/P//P4OJiYkyAwPDXCC2ZYCAQ0CccubMmbuMxsbGQkDODSAWZUAFr4FYgwlIZCJJzoJiBqhYGguQ0IUKPAMamQ5iAK30A1ISIBNACi4BcThIACjRBlUsDqWvg9ygAmTcAmJGNDf8B2I1JqCxd4CMowyY4ChIjgnKaceioANEMILCAeqw6yBHwewG6tYCMZiQdNQjsRtgDGQFq4H4HhSvhgnCrYBaA/IuA9D4lTAxFjSHHYJ6Dw4AAgwAHvc27NKnFNQAAAAASUVORK5CYII=")}.project-meta li a span.icon-location{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOTY0RkFCQjY1OTg2NEQ2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NTNDOEZERTc4RUQxMUUwQTMwRkFGQUI3QkFBNTUzRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NTNDOEZERDc4RUQxMUUwQTMwRkFGQUI3QkFBNTUzRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxODAxMTc0MDcyMDY4MTE4MDgzRjRCQ0NEMjczNTQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE5NjRGQUJCNjU5ODY0RDY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fAPWIwAAAMJJREFUeNpi/P//P8OsWbOUGRgY5gKxLQMEHALilLS0tLuMM2fOFAJybgCxKAMqeA3EGkxAIhNJchYUM0DF0liAhC5U4BnQyHSwqlmz/ICUBMgEkIJLQBwOEgBKtEEVi0Pp6yArVgHxfyAGsSuhmBEqtpYJaOwdIOMoAyY4CpJjgnLasSjoABGMoHCAOuw6yFEwu4G6tRig9sJAPRK7AcZAVrAaiO9B8WqYINwKqDUg7zIAjV8JE2NBc9ghqPfgACDAAOx9OHolJn5DAAAAAElFTkSuQmCC");-moz-box-orient:vertical;-webkit-box-orient:vertical;background-repeat:no-repeat;width:8px;height:12px;display:inline-block;overflow:hidden;vertical-align:middle}
</style>
</head>
<body class="widget">
<div class="project-card-wrap">
<div class="project-card">
<div class="project-thumbnail">
<a href="http://www.kickstarter.com/projects/shiffman/the-nature-of-code-book-project?ref=card" target="_top"><img alt="Photo-little" class="projectphoto-little" height="150" src="https://s3.amazonaws.com/ksr/projects/2599/photo-little.jpg?1295641091" width="200" /></a>
</div>
<h2>
<strong>
<a href="https://natureofcode.com" target="_top">The Nature of Code Book Project</a>
</strong>
<span>
by
Daniel Shiffman
</span>
</h2>
<p>A book about applying topics from mathematics, physics, and generative algorithms to computational systems!</p>
</body>
</html>