Skip to content

T
todomvc
Commit cdcad266 authored by Sindre Sorhus's avatar Sindre Sorhus
Browse files
Options

Site: More updates 

- Favicon
- SVG logo
- Minimized images more
- Use minimized bootstrap
- More cleanup and optimizations
parent cfc335e0
Show whitespace changes
Inline Side-by-side
Showing with 167 additions and 264 deletions
index.html
View file @ cdcad266
...@@ -8,15 +8,16 @@ ...@@ -8,15 +8,16 @@
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
<link rel="shortcut icon" href="site/favicon.ico">
<link rel="stylesheet" href="site/css/bootstrap.min.css"> <link rel="stylesheet" href="site/css/bootstrap.min.css">
<link rel="stylesheet" href="site/css/bootstrap-responsive.css"> <link rel="stylesheet" href="site/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="site/css/main.css"> <link rel="stylesheet" href="site/css/main.css">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<header class="row"> <header class="row">
<div class="span8"> <div class="span8">
<img class="logo" src="site/img/logo.png" width="500"> <img class="logo" src="site/img/logo.svg" width="500" height="86">
<p>Helping you <strong>select</strong> a MV* framework</p> <p>Helping you <strong>select</strong> a MV* framework</p>
<nav> <nav>
<a href="#" class="zocial red">Download (1.0)</a> <a href="#" class="zocial red">Download (1.0)</a>
...@@ -135,7 +136,7 @@ ...@@ -135,7 +136,7 @@
<hr> <hr>
<div class="row"> <div class="row">
<div class="span6"> <div class="span6">
<img class="screenshot" src="site/img/screenshot.png"> <img class="screenshot" src="site/img/screenshot.png" width="558" height="246">
<p class="tagline2">TodoMVC is a common learning application for popular JavaScript MV* frameworks</p> <p class="tagline2">TodoMVC is a common learning application for popular JavaScript MV* frameworks</p>
</div> </div>
<div class="span6"> <div class="span6">
...@@ -182,8 +183,8 @@ ...@@ -182,8 +183,8 @@
</div> </div>
</div> </div>
<hr> <hr>
<div class="row applist labs"> <div class="row">
<div class="span3"> <div class="span12 applist labs">
<h2>Labs</h2> <h2>Labs</h2>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li> <li>
...@@ -284,14 +285,7 @@ ...@@ -284,14 +285,7 @@
</div> </div>
<hr> <hr>
<footer class="credit"> <footer class="credit">
<p> <p>Brought to you by<a href="https://github.com/addyosmani"><img src="http://www.gravatar.com/avatar/96270e4c3e5e9806cf7245475c00b275?s=40" width="40" height="40">Addy Osmani</a> and <a href="https://github.com/sindresorhus"><img src="http://www.gravatar.com/avatar/d36a92237c75c5337c17b60d90686bf9.png?s=40" width="40" height="40">Sindre Sorhus</a></p>
Brought to you by
<a href="https://github.com/addyosmani">
<img src="http://www.gravatar.com/avatar/96270e4c3e5e9806cf7245475c00b275?s=40">Addy Osmani</a>
and
<a href="https://github.com/sindresorhus">
<img src="http://www.gravatar.com/avatar/d36a92237c75c5337c17b60d90686bf9.png?s=40">Sindre Sorhus</a>
</p>
</footer> </footer>
</div> </div>
<script src="assets/jquery.min.js"></script> <script src="assets/jquery.min.js"></script>
......
site/css/bootstrap-responsive.css
View file @ cdcad266
...@@ -487,203 +487,3 @@ ...@@ -487,203 +487,3 @@
overflow: visible !important; overflow: visible !important;
} }
} }
/*
@media (min-width: 1200px) {
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 30px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px;
}
.span12 {
width: 1170px;
}
.span11 {
width: 1070px;
}
.span10 {
width: 970px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span5 {
width: 470px;
}
.span4 {
width: 370px;
}
.span3 {
width: 270px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid > [class*="span"] {
float: left;
margin-left: 2.564102564%;
}
.row-fluid > [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid > .span12 {
width: 100%;
}
.row-fluid > .span11 {
width: 91.45299145300001%;
}
.row-fluid > .span10 {
width: 82.905982906%;
}
.row-fluid > .span9 {
width: 74.358974359%;
}
.row-fluid > .span8 {
width: 65.81196581200001%;
}
.row-fluid > .span7 {
width: 57.264957265%;
}
.row-fluid > .span6 {
width: 48.717948718%;
}
.row-fluid > .span5 {
width: 40.170940171000005%;
}
.row-fluid > .span4 {
width: 31.623931624%;
}
.row-fluid > .span3 {
width: 23.076923077%;
}
.row-fluid > .span2 {
width: 14.529914530000001%;
}
.row-fluid > .span1 {
width: 5.982905983%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
width: 1160px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
width: 1060px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
width: 960px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
width: 860px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 760px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
width: 660px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
width: 560px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
width: 460px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
width: 360px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
width: 260px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
width: 160px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
width: 60px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
}
*/
\ No newline at end of file
site/css/bootstrap-responsive.min.css
View file @ cdcad266
...@@ -9,4 +9,4 @@ ...@@ -9,4 +9,4 @@
.hidden-phone{display:block;} .hidden-phone{display:block;}
.hidden-tablet{display:block;} .hidden-tablet{display:block;}
.hidden-desktop{display:none;} .hidden-desktop{display:none;}
@media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:100%;} .row-fluid > .span11{width:91.45299145300001%;} .row-fluid > .span10{width:82.905982906%;} .row-fluid > .span9{width:74.358974359%;} .row-fluid > .span8{width:65.81196581200001%;} .row-fluid > .span7{width:57.264957265%;} .row-fluid > .span6{width:48.717948718%;} .row-fluid > .span5{width:40.170940171000005%;} .row-fluid > .span4{width:31.623931624%;} .row-fluid > .span3{width:23.076923077%;} .row-fluid > .span2{width:14.529914530000001%;} .row-fluid > .span1{width:5.982905983%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}} @media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}
\ No newline at end of file
site/css/main.css
View file @ cdcad266
...@@ -45,7 +45,7 @@ a:hover { ...@@ -45,7 +45,7 @@ a:hover {
.nav-tabs > li > a, .nav-tabs > li > a,
.nav-pills > li > a { .nav-pills > li > a {
line-height: 23px; line-height: 20px;
} }
p { p {
...@@ -83,9 +83,8 @@ header nav a:first-child { ...@@ -83,9 +83,8 @@ header nav a:first-child {
clear: both; clear: both;
} }
.vertical-space li { .nav-pills {
margin: 5px 0; margin-left: -10px;
line-height: inherit;
} }
.row { .row {
...@@ -96,7 +95,7 @@ header nav a:first-child { ...@@ -96,7 +95,7 @@ header nav a:first-child {
.screenshot { .screenshot {
width: 100%; width: 100%;
height: auto; height: auto;
max-width: 570px; max-width: 558px;
margin-top: 12px; margin-top: 12px;
} }
...@@ -111,12 +110,9 @@ header nav a:first-child { ...@@ -111,12 +110,9 @@ header nav a:first-child {
margin-bottom: 20px; margin-bottom: 20px;
} }
.nav-pills {
margin-left: -10px;
}
.applist a { .applist a {
white-space: nowrap; white-space: nowrap;
position: relative; /* popover */
} }
.applist .label { .applist .label {
...@@ -131,6 +127,8 @@ header nav a:first-child { ...@@ -131,6 +127,8 @@ header nav a:first-child {
margin: 0; margin: 0;
cursor: default; cursor: default;
color: #333; color: #333;
white-space: normal;
z-index: 999;
} }
.applist .popover-title { .applist .popover-title {
...@@ -153,6 +151,14 @@ header nav a:first-child { ...@@ -153,6 +151,14 @@ header nav a:first-child {
columns: 3; columns: 3;
} }
.applist.labs li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-ms-column-break-inside: avoid;
-o-column-break-inside: avoid;
column-break-inside: avoid;
}
.credit a { .credit a {
margin: 0 5px; margin: 0 5px;
white-space: nowrap; white-space: nowrap;
......
site/img/logo-icon.png
View replaced file @ cfc335e0 View file @ cdcad266
site/img/logo-icon.png

126 KB | W: | H:

site/img/logo-icon.png

43.7 KB | W: | H:

site/img/logo-icon.png
site/img/logo-icon.png
site/img/logo-icon.png
site/img/logo-icon.png
  • 2-up
  • Swipe
  • Onion skin
site/img/logo.svg 0 → 100644
View file @ cdcad266
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="500px" height="85.529px" viewBox="0 0 500 85.529" enable-background="new 0 0 500 85.529" xml:space="preserve">
<g>
<g>
<g>
<path fill="#2D2D2D" d="M115.936,74.479v-6.708l8.744-0.594c1.188-0.086,1.358-0.425,1.358-1.698V22.266h-8.743
c-0.935,0-1.189,0.083-1.359,0.933l-1.358,7.388h-9.339V13.01h54.677v17.576h-9.255l-1.357-7.388
c-0.17-0.85-0.425-0.933-1.358-0.933h-8.746v43.214c0,1.188,0.085,1.527,1.359,1.612l9.34,0.68v6.708H115.936z"/>
<path fill="#2D2D2D" d="M151.076,75.659h-36.319V66.67l9.843-0.669c0.104-0.008,0.184-0.016,0.244-0.026
c0.009-0.101,0.015-0.255,0.015-0.495V23.444h-7.563c-0.074,0-0.137,0-0.188,0.003l-1.549,8.317H104.06V11.831h57.034v19.934
h-11.417l-1.528-8.317c-0.055-0.003-0.121-0.003-0.204-0.003h-7.566v42.035c0,0.17,0.002,0.308,0.006,0.413
c0.065,0.01,0.147,0.016,0.252,0.022l10.44,0.76V75.659z M117.115,73.3h31.603v-4.433l-8.246-0.599
c-2.264-0.151-2.453-1.46-2.453-2.789V21.086h9.926c1.082,0,2.168,0.146,2.516,1.88l1.184,6.44h7.092V14.189h-52.317v15.217
h7.178l1.179-6.422c0.354-1.753,1.438-1.898,2.521-1.898h9.924v44.394c0,1.307-0.189,2.711-2.454,2.876l-7.649,0.517V73.3z"/>
</g>
<g>
<path fill="#2D2D2D" d="M158.563,52.659c0-14.095,7.385-23.263,22.923-23.263c15.705,0,21.817,9.338,21.817,22.33
c0,14.433-7.302,23.77-22.923,23.77C164.847,75.496,158.563,65.988,158.563,52.659z M189.892,52.15
c0-10.021-3.057-13.586-8.574-13.586c-5.604,0-9.34,3.482-9.34,13.67c0,10.273,3.311,14.35,8.997,14.35
C186.495,66.584,189.892,62.764,189.892,52.15z"/>
<path fill="#2D2D2D" d="M180.381,76.677c-14.829,0-22.997-8.53-22.997-24.018c0-15.532,8.785-24.441,24.103-24.441
c14.829,0,22.998,8.35,22.998,23.509C204.484,67.816,195.924,76.677,180.381,76.677z M181.486,30.576
c-14.021,0-21.744,7.843-21.744,22.083c0,9.882,3.579,21.659,20.639,21.659c17.972,0,21.745-12.287,21.745-22.592
C202.126,42.077,198.546,30.576,181.486,30.576z M180.975,67.763c-6.753,0-10.177-5.224-10.177-15.528
c0-9.854,3.54-14.849,10.52-14.849c8.742,0,9.754,8.425,9.754,14.765C191.071,62.656,187.768,67.763,180.975,67.763z
M181.317,39.744c-3.505,0-8.16,1.294-8.16,12.49c0,11.803,4.463,13.17,7.817,13.17c3.322,0,7.738-1.373,7.738-13.254
C188.713,41.218,184.975,39.744,181.317,39.744z"/>
</g>
<g>
<path fill="#2D2D2D" d="M240.416,74.479l-0.852-4.754l-0.594-0.087c-3.565,3.482-7.726,5.857-13.922,5.857
c-10.019,0-16.475-6.364-16.475-22.582c0-17.065,8.578-23.518,18.003-23.518c4.922,0,8.745,1.697,11.97,4.075V20.565
c0-0.848-0.34-1.441-1.104-1.697l-4.668-1.612l0.933-6.878h17.066v55.187c0,1.271,0.081,1.442,1.357,1.613l4.072,0.594v6.708
H240.416z M238.038,41.792c-2.122-1.445-4.84-2.546-7.303-2.546c-6.281,0-8.745,5.855-8.745,13.413
c0,8.233,2.376,12.82,7.725,12.82c2.89,0,6.031-1.697,8.323-3.65V41.792z"/>
<path fill="#2D2D2D" d="M225.049,76.677c-11.714,0-17.653-7.995-17.653-23.763c0-15.464,7.17-24.696,19.182-24.696
c3.869,0,7.419,0.997,10.79,3.042V20.565c0-0.479-0.139-0.524-0.3-0.58l-5.591-1.931l1.201-8.856h19.275v56.366
c0,0.077,0,0.245,0.004,0.395c0.084,0.012,0.189,0.029,0.333,0.05l5.095,0.742v8.908h-17.957l-0.741-4.147
C234.636,75.074,230.372,76.677,225.049,76.677z M226.577,30.576c-10.69,0-16.823,8.143-16.823,22.338
c0,14.403,5.003,21.404,15.295,21.404c5.146,0,9.187-1.702,13.098-5.522l0.417-0.406l2.014,0.289l0.827,4.621h13.622v-4.507
l-3.064-0.448c-2.011-0.269-2.367-1.11-2.367-2.78V11.557h-14.858l-0.662,4.899l3.753,1.297c1.203,0.403,1.898,1.431,1.898,2.812
v15.239l-1.878-1.384C234.287,31.797,230.708,30.576,226.577,30.576z M229.715,66.659c-5.906,0-8.905-4.711-8.905-14
c0-9.274,3.62-14.593,9.926-14.593c2.495,0,5.399,1.003,7.967,2.751l0.516,0.35v21.206l-0.415,0.354
C237.416,63.909,233.754,66.659,229.715,66.659z M230.735,40.426c-6.582,0-7.565,7.666-7.565,12.233
c0,11.642,4.928,11.642,6.545,11.642c2.131,0,4.771-1.124,7.145-3.027V42.43C234.831,41.167,232.582,40.426,230.735,40.426z"/>
</g>
<g>
<path fill="#2D2D2D" d="M259.098,52.659c0-14.095,7.388-23.263,22.925-23.263c15.707,0,21.821,9.338,21.821,22.33
c0,14.433-7.303,23.77-22.926,23.77C265.382,75.496,259.098,65.988,259.098,52.659z M290.429,52.15
c0-10.021-3.059-13.586-8.578-13.586c-5.602,0-9.336,3.482-9.336,13.67c0,10.273,3.31,14.35,8.997,14.35
C287.031,66.584,290.429,62.764,290.429,52.15z"/>
<path fill="#2D2D2D" d="M280.918,76.677c-14.832,0-22.999-8.53-22.999-24.018c0-15.532,8.786-24.441,24.104-24.441
c14.831,0,22.999,8.35,22.999,23.509C305.021,67.816,296.462,76.677,280.918,76.677z M282.022,30.576
c-14.022,0-21.746,7.843-21.746,22.083c0,9.882,3.583,21.659,20.642,21.659c17.971,0,21.745-12.287,21.745-22.592
C302.663,42.077,299.082,30.576,282.022,30.576z M281.512,67.763c-6.754,0-10.178-5.224-10.178-15.528
c0-9.854,3.538-14.849,10.517-14.849c8.747,0,9.758,8.425,9.758,14.765C291.608,62.656,288.306,67.763,281.512,67.763z
M281.851,39.744c-3.503,0-8.159,1.294-8.159,12.49c0,11.803,4.466,13.17,7.82,13.17c3.322,0,7.739-1.373,7.739-13.254
C289.251,41.218,285.51,39.744,281.851,39.744z"/>
</g>
<g>
<path fill="#AF2F2F" d="M354.554,74.479v-6.623l6.963-0.594c1.188-0.171,1.358-0.51,1.358-1.698V33.302h-0.339l-12.141,28.951
h-13.843l-11.968-29.036h-0.427v32.263c0,1.356,0.086,1.527,1.358,1.698l7.303,0.679v6.623h-25.81v-6.623l5.347-0.594
c1.191-0.171,1.359-0.427,1.359-1.698V22.01c0-1.274-0.168-1.527-1.359-1.697l-5.347-0.595V13.01h22.753l14.774,38.461h0.339
l15.536-38.461h22.076v6.623l-5.69,0.68c-1.272,0.17-1.358,0.338-1.358,1.611v43.641c0,1.104,0.254,1.442,1.358,1.613l5.69,0.679
v6.623H354.554z"/>
<path fill="#AF2F2F" d="M383.668,75.659h-30.292v-8.885l8.04-0.688c0.138-0.02,0.231-0.043,0.289-0.06
c-0.019-0.047-0.011-0.198-0.011-0.463v-27.21l-10.517,25.077h-15.414l-10.426-25.294v27.342c0,0.092,0,0.304,0.008,0.479
c0.081,0.012,0.186,0.029,0.328,0.05l8.325,0.771v8.879H305.83v-8.857l6.396-0.712c0.13-0.019,0.229-0.037,0.295-0.053
c0.01-0.096,0.017-0.245,0.017-0.473V22.01c0-0.229-0.007-0.376-0.017-0.473c-0.073-0.016-0.18-0.037-0.332-0.057l-6.359-0.707
v-8.942h24.742l14.159,36.853l14.886-36.853h24.051v8.848l-6.729,0.804c-0.135,0.018-0.237,0.034-0.316,0.048
c-0.004,0.149-0.004,0.317-0.004,0.394v43.641c0,0.204,0.011,0.325,0.021,0.395c0.059,0.016,0.156,0.026,0.339,0.054l6.688,0.799
V75.659z M355.733,73.3h25.575v-4.396l-4.65-0.556c-1.691-0.261-2.397-1.093-2.397-2.784V21.924c0-1.667,0.356-2.51,2.381-2.779
l4.667-0.558v-4.397h-20.103L345.67,52.65h-1.944l-14.773-38.461h-20.764v4.473l4.301,0.478c2.021,0.29,2.406,1.271,2.406,2.87
v43.555c0,1.599-0.386,2.58-2.368,2.866l-4.339,0.481V73.3h23.452v-4.367l-6.231-0.581c-2.088-0.278-2.43-1.11-2.43-2.872V32.037
h2.395l11.968,29.037h12.269l12.144-28.953h2.3v33.443c0,1.56-0.396,2.582-2.367,2.866l-5.953,0.508V73.3z"/>
</g>
<g>
<path fill="#AF2F2F" d="M411.176,74.479L394.11,22.01c-0.34-1.021-1.017-1.189-2.038-1.444l-3.821-0.933l0.85-6.623h25.728v6.623
l-6.879,0.763l12.733,42.451h0.682l12.311-42.451l-6.79-0.763l0.848-6.623h21.988v6.623l-3.566,0.933
c-1.019,0.255-1.865,0.595-2.12,1.612l-15.537,52.302H411.176z"/>
<path fill="#AF2F2F" d="M429.377,75.659h-19.059l-17.329-53.285c-0.116-0.342-0.131-0.396-1.198-0.663l-4.845-1.182l1.118-8.698
h27.943v8.856l-6.521,0.724l11.523,38.423l11.142-38.423l-6.589-0.74l1.129-8.84h24.208v8.711l-4.445,1.164
c-1.077,0.271-1.21,0.485-1.275,0.76L429.377,75.659z M412.032,73.3h15.584l15.286-51.458c0.45-1.788,2.148-2.217,2.965-2.421
l2.675-0.698v-4.533h-19.771l-0.565,4.403l6.991,0.786l-12.945,44.647h-2.446l-13.392-44.647l7.235-0.801v-4.389h-23.513
l-0.582,4.547l2.797,0.685c1.102,0.273,2.334,0.582,2.879,2.216L412.032,73.3z"/>
</g>
<g>
<path fill="#AF2F2F" d="M498.821,70.829c-5.011,3.057-13.502,4.667-21.228,4.667c-21.141,0-29.801-12.308-29.801-32.007
c0-18.083,10.442-31.585,31.583-31.585c7.047,0,14.603,1.783,19.273,4.842v16.64l-9.338-0.764l-1.358-8.32
c-0.171-0.848-0.512-1.273-1.36-1.53c-1.867-0.594-4.753-1.018-7.554-1.018c-10.785,0-17.664,7.302-17.664,21.735
c0,15.027,6.54,22.329,17.069,22.329c2.802,0,6.281-0.425,8.489-1.103c1.02-0.256,1.273-0.51,1.528-1.783l1.273-7.896h9.086
V70.829z"/>
<path fill="#AF2F2F" d="M477.594,76.677c-20.558,0-30.979-11.167-30.979-33.188c0-20.21,12.553-32.765,32.762-32.765
c7.545,0,15.179,1.929,19.919,5.036l0.533,0.348v18.559l-11.532-0.945l-1.507-9.229c-0.088-0.427-0.15-0.475-0.537-0.593
c-1.854-0.589-4.68-0.967-7.213-0.967c-10.629,0-16.482,7.3-16.482,20.556c0,13.836,5.492,21.149,15.888,21.149
c2.783,0,6.132-0.433,8.142-1.05c0.415-0.105,0.502-0.157,0.524-0.171c0.005-0.013,0.079-0.15,0.194-0.718l1.426-8.843H500
v17.632l-0.564,0.346C494.54,74.821,486.171,76.677,477.594,76.677z M479.376,13.084c-19.037,0-30.404,11.367-30.404,30.405
c0,20.457,9.63,30.829,28.622,30.829c7.718,0,15.475-1.625,20.047-4.166V56.216h-6.901l-1.115,6.906
c-0.344,1.731-0.905,2.359-2.401,2.737c-2.188,0.673-5.74,1.138-8.778,1.138c-11.769,0-18.247-8.35-18.247-23.508
c0-14.562,6.867-22.915,18.842-22.915c2.798,0,5.829,0.413,7.911,1.074c1.226,0.368,1.896,1.116,2.158,2.421l1.22,7.451
l7.143,0.585V17.397C493.105,14.765,486.098,13.084,479.376,13.084z"/>
</g>
</g>
<g>
<g>
<g>
<g>
<path fill="#2D2D2D" d="M12.83,5.701h8.781V0H12.83c-2.433,0-4.801,0.683-6.849,1.979l3.046,4.815
C10.163,6.079,11.475,5.701,12.83,5.701"/>
<path fill="#2D2D2D" d="M5.704,12.827c0-1.042,0.216-2.042,0.646-2.979L1.172,7.459C0.394,9.151,0,10.957,0,12.827v10.095
h5.704V12.827z"/>
<rect y="28.68" fill="#2D2D2D" width="5.704" height="14.37"/>
<path fill="#2D2D2D" d="M76.782,6.979c1.718-1.091,3.432-2.121,5.13-3.079c-0.97-1-2.104-1.842-3.336-2.478
C76.773,0.492,74.739,0,72.701,0h-5.048v5.701h5.048C74.195,5.701,75.605,6.15,76.782,6.979"/>
<rect y="48.81" fill="#2D2D2D" width="5.704" height="14.397"/>
<rect x="27.369" fill="#2D2D2D" width="14.371" height="5.701"/>
<rect x="47.497" fill="#2D2D2D" width="14.396" height="5.701"/>
<rect x="53.855" y="79.824" fill="#2D2D2D" width="14.367" height="5.705"/>
<rect x="79.827" y="32.387" fill="#2D2D2D" width="5.701" height="14.398"/>
<rect x="79.827" y="52.542" fill="#2D2D2D" width="5.701" height="14.372"/>
<path fill="#2D2D2D" d="M5.704,72.699v-3.738H0v3.738c0,4.668,2.54,8.976,6.631,11.236l2.758-4.99
C7.115,77.686,5.704,75.295,5.704,72.699"/>
<path fill="#2D2D2D" d="M79.827,22.847v3.778h5.701v-8.467C83.653,19.557,81.756,21.118,79.827,22.847"/>
<path fill="#2D2D2D" d="M79.827,72.699c0,3.575-2.667,6.614-6.203,7.07l0.726,5.655c3.07-0.396,5.897-1.894,7.956-4.22
c2.078-2.347,3.223-5.366,3.223-8.506v-0.028h-5.701V72.699z"/>
<rect x="13.542" y="79.824" fill="#2D2D2D" width="14.398" height="5.705"/>
<rect x="33.696" y="79.824" fill="#2D2D2D" width="14.399" height="5.705"/>
</g>
<path fill="#AF2F2F" d="M13.059,45.396l26.744,26.744c0,0,26.745-51.453,55.662-62.994l-1.084-8.144
C78.632,7.246,54.733,23.675,37.087,48.789l-18.6-10.996L13.059,45.396z"/>
</g>
</g>
</g>
</g>
</svg>
site/img/screenshot.png
View replaced file @ cfc335e0 View file @ cdcad266
site/img/screenshot.png

29.4 KB | W: | H:

site/img/screenshot.png

15.4 KB | W: | H:

site/img/screenshot.png
site/img/screenshot.png
site/img/screenshot.png
site/img/screenshot.png
  • 2-up
  • Swipe
  • Onion skin
site/js/main.js
View file @ cdcad266
...@@ -2,17 +2,17 @@ ...@@ -2,17 +2,17 @@
(function() { (function() {
'use strict'; 'use strict';
// Demos popover // Apps popover
function hover() { function hover() {
$( this ).popover('toggle'); $( this ).popover('toggle');
} }
$('#demos li a').each(function() { $('.applist a').each(function() {
var $this = $( this ); var $this = $( this );
$this.popover({ $this.popover({
placement: 'in right', placement: 'in right',
animation: false, animation: false,
title: $this.text() + '<a href="' + $this.data('source') + '">Go to site</a>' title: $this[0].firstChild.textContent + '<a href="' + $this.data('source') + '">Go to site</a>'
}); });
}) })
.off() .off()
...@@ -24,38 +24,4 @@ ...@@ -24,38 +24,4 @@
} }
}); });
// Contributor list }());
$.ajaxSetup({ \ No newline at end of file
cache: true
});
$.getJSON('https://github.com/api/v2/json/repos/show/addyosmani/todomvc/contributors?callback=?', function( res ) {
var data = res.contributors;
// Add some previous contributors not on the GitHub list
[].push.apply( data, [{
login: 'tomdale',
name: 'Tom Dale'
}, {
login: 'justinbmeyer',
name: 'Justin Meyer'
}]);
var ret = $.map( data, function( elem ) {
var username = elem.login;
if ( $.inArray( username, [ 'addyosmani', 'boushley', 'sindresorhus' ] ) >= 0 ) {
return;
}
return '<a href="https://github.com/' + username + '">' + ( elem.name || username ) + '</a>';
});
$('#contributor-list').show().children('span').html( ret.join(', ') );
});
/*
$('#app-preview')[0].contentWindow.localStorage['spine-Todo'] = '[{"title":"Do some nerdy stuff","completed":true,"id":"c-4"},{"title":"Redesign the website","id":"c-6"}]';
$('#app-preview').load(function() {
var $this = $(this);
var $iframe = $this.contents();
$iframe.find('html,body').scrollTop(110);
$this.show();
});
*/
})();
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7