Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

149 lines (142 sloc) 3.765 kb
<!doctype html>
<html>
<head>
<title>Chromium Status: Munich Dashboard</title>
<style>
@font-face {
font-family: "RoadGeek";
src: url('./Roadgeek 2005 Transport Medium.otf');
}
@font-face {
font-family: "RoadGeek Bold";
src: url('./Roadgeek 2005 Transport Heavy.otf');
}
html {
background: #000;
height: 100%;
width: 100%;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
-moz-box-align: center;
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;
}
html.closed {
background: #900;
}
body {
border-radius: 20px;
display: block;
background: #000;
margin: 2%;
padding: 0.5em;
}
#treeStatus {
font: 85px/1 "RoadGeek", Helvetica;
margin-bottom: 0.5em;
}
.open #treeStatus {
color: #3F3;
}
.closed #treeStatus {
color: #F33;
}
.todo {
font: 80px/1 "RoadGeek", Helvetica;
color: #999;
}
.todo span {
clear: both;
display: block;
color: #FFF;
margin-top: 0.5em;
}
</style>
<script src="./TreeStatus.js"></script>
<script src="./Milestoner.js"></script>
</head>
<body>
<section id="treeStatus">The tree is open.</section>
<section id="milestones">
<h1>Monday, Feb 28</h1>
<ol>
<li><time datetime="2011-03-07">7.3</time> M11 Feature Freeze <em>(6.51 days)</em></li>
<li><time datetime="2011-03-28">28.3</time> M11 Beta Branch <em>(11.12 days)</em></li>
</ol>
</section>
<section class="todo">
TODO(mkwst): Implement shiny graphs and lists and etc. That might take a while.
</section>
<section class="todo">
<span>Dory: go/chrome-team-muc-dashboard</span>
</section>
<style>
#milestones {
width: 1100px;
float: right;
margin: 0.5em;
}
#milestones h1 {
font: 40px/1 "RoadGeek", Helvetica;
color: #FFF;
background: #060;
border-bottom: 1px solid #070;
text-align: center;
padding: 0.2em 0 0.1em;
border-radius: 20px 20px 0 0;
margin: 0;
}
#milestones ol, #milestones li {
margin: 0;
padding: 0;
color: #CCC;
font: 50px/1 "RoadGeek", Helvetica;
list-style: none inside;
}
#milestones ol {
background: #222;
border: 1px solid #444;
border-top-color: #060;
}
#milestones li {
border-bottom: 1px solid rgba(0,0,0,0.5);
padding: 0.2em 0.2em 0.1em 0.2em;
}
#milestones li:nth-child(2n) {
background: #444;
}
#milestones li:last-child {
border: none;
}
#milestones time {
width: 2em;
text-align: right;
display: inline-block;
}
#milestones em {
color: #FFF;
}
#milestones strong {
color: #F33;
}
</style>
<script>
var ts = new TreeStatus({ 'id': 'treeStatus' });
var ms = new Milestoner({ 'id': 'milestones', 'toDisplay': 5 });
/*
var ms = new Milestoner({
'date': new Date(2011, 2, 7, 0, 0, 0),
'event': 'M11 Feature Freeze',
'id': 'nextMilestone'
});
*/
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.