projects / slides.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 2558e56)
update slides to more final state
authorrobert <robert>
Fri, 1 Feb 2013 12:15:10 +0000 (12:15 +0000)
committerrobert <robert>
Fri, 1 Feb 2013 12:15:10 +0000 (12:15 +0000)
15 files changed:
fosdem2013/android-reporter.png [new file with mode: 0644] patch | blob
fosdem2013/awsy.png [new file with mode: 0644] patch | blob
fosdem2013/explosive.png [new file with mode: 0644] patch | blob
fosdem2013/fxos-reporter.png [new file with mode: 0644] patch | blob
fosdem2013/index.html patch | blob | blame | history
fosdem2013/slides.css patch | blob | blame | history
fosdem2013/tcbs.png [new file with mode: 0644] patch | blob
fosdem2013/template/OpenSans-Italic-webfont.woff [new file with mode: 0644] patch | blob
fosdem2013/template/OpenSans-Regular-webfont.woff [new file with mode: 0644] patch | blob
fosdem2013/template/OpenSans-Semibold-webfont.woff [new file with mode: 0644] patch | blob
fosdem2013/template/firefox-title.png [deleted file] patch | blob | blame | history
fosdem2013/template/mozilla-tab.png [new file with mode: 0644] patch | blob
fosdem2013/template/page-background-top.png [new file with mode: 0644] patch | blob
fosdem2013/template/page-background.png patch | blob | blame | history
fosdem2013/win7-reporter.png [new file with mode: 0644] patch | blob

diff --git a/fosdem2013/android-reporter.png b/fosdem2013/android-reporter.png
new file mode 100644 (file)
index 0000000..27839ce
Binary files /dev/null and b/fosdem2013/android-reporter.png differ
diff --git a/fosdem2013/awsy.png b/fosdem2013/awsy.png
new file mode 100644 (file)
index 0000000..6ef9e96
Binary files /dev/null and b/fosdem2013/awsy.png differ
diff --git a/fosdem2013/explosive.png b/fosdem2013/explosive.png
new file mode 100644 (file)
index 0000000..0d38618
Binary files /dev/null and b/fosdem2013/explosive.png differ
diff --git a/fosdem2013/fxos-reporter.png b/fosdem2013/fxos-reporter.png
new file mode 100644 (file)
index 0000000..2cf6e8f
Binary files /dev/null and b/fosdem2013/fxos-reporter.png differ
diff --git a/fosdem2013/index.html b/fosdem2013/index.html
index 5bfc09d8c30126608c7dea1b8284cebad1489e83..2cbde445738825ebc0925188fd32658b8fa4c706 100755 (executable)
--- a/fosdem2013/index.html
+++ b/fosdem2013/index.html
@@ -16,9 +16,10 @@
 </head>
 <body onload="docLoaded();">
 <header id="header"><div id="header-text">Mozilla Stability</div>
 </head>
 <body onload="docLoaded();">
 <header id="header"><div id="header-text">Mozilla Stability</div>
-  <a id="headerlogo" href="#index" title="Startseite">Mozilla Firefox</a>
+  <div id="subheader-text"></div>
+  <a id="headerlogo" href="#index" title="Startseite">Mozilla</a>
 </header>
 </header>
-<nav id="slidenav"><div id="subheader-text"></div>
+<nav id="slidenav">
   <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
   <a href="#index" id="nav-start" accesskey="s">start</a> ||
   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
   <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
   <a href="#index" id="nav-start" accesskey="s">start</a> ||
   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
@@ -39,7 +40,7 @@
 </article>
 
 <article id="index" title="Start Page">
 </article>
 
 <article id="index" title="Start Page">
-<h1>Improving Mozilla Stability</h1>
+<h1>Improving Stability of Mozilla Products</h1>
 
 <div class="simplebox">
 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
 
 <div class="simplebox">
 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
@@ -53,7 +54,7 @@
 <div class="captionedbox-content small">
 <ul class="small">
   <li>Created for
 <div class="captionedbox-content small">
 <ul class="small">
   <li>Created for
-    <a href="http://fosdem.org/2013/schedule/track/mozilla_devroom">Mozilla
+    <a href="http://fosdem.org/2013/schedule/track/mozilla/">Mozilla
     Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2013</a> in
     Brussels.</li>
   <li>Written in HTML 5 with CSS 3 and JavaScript.</li>
     Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2013</a> in
     Brussels.</li>
   <li>Written in HTML 5 with CSS 3 and JavaScript.</li>
@@ -68,12 +69,39 @@
 </div>
 </article>
 
 </div>
 </article>
 
+<article id="win7crash" title="Win7 Crash Reporter (Screen Shot)">
+<h1 style="display:none;">Windows Crash</h1>
+
+<div class="simplebox cent">
+<img src="win7-reporter.png"
+ alt="Win7 Crash Reporter">
+</div>
+</article>
+
+<article id="androidcrash" title="Android Crash Reporter (Screen Shot)">
+<h1 style="display:none;">Android Crash</h1>
+
+<div class="simplebox cent">
+<img src="android-reporter.png"
+ alt="Android Crash Reporter">
+</div>
+</article>
+
+<article id="fxoscrash" title="Firefox OS Crash Reporter (Screen Shot)">
+<h1 style="display:none;">Firefox OS Crash</h1>
+
+<div class="simplebox cent">
+<img src="fxos-reporter.png"
+ alt="Firefox OS Crash Reporter">
+</div>
+</article>
+
 <article id="awsy" title="Are We Stable Yet?">
 <h1>Are We Stable Yet?</h1>
 
 <div class="simplebox">
 <ul>
 <article id="awsy" title="Are We Stable Yet?">
 <h1>Are We Stable Yet?</h1>
 
 <div class="simplebox">
 <ul>
-  <li>http://arewestableyet.com/</li>
+  <li><a href="http://arewestableyet.com/">http://arewestableyet.com/</a></li>
   <li>Common <mark>stability indicators</mark></li>
   <li>ADI (active daily installations) and <mark>crash rate</mark> (crashes per 100 ADI)</li>
   <li>Startup and Flash crashes, tracked bugs</li>
   <li>Common <mark>stability indicators</mark></li>
   <li>ADI (active daily installations) and <mark>crash rate</mark> (crashes per 100 ADI)</li>
   <li>Startup and Flash crashes, tracked bugs</li>
@@ -81,12 +109,21 @@
 </div>
 </article>
 
 </div>
 </article>
 
+<article id="awsy-sshot" title="Are We Stable Yet? (Screen Shot)">
+<h1 style="display:none;">Are We Stable Yet?</h1>
+
+<div class="simplebox cent">
+<img src="awsy.png"
+ alt="Are We Stable Yet?">
+</div>
+</article>
+
 <article id="socorro" title="Socorro Data">
 <h1>Socorro Data</h1>
 
 <div class="simplebox">
 <ul>
 <article id="socorro" title="Socorro Data">
 <h1>Socorro Data</h1>
 
 <div class="simplebox">
 <ul>
-  <li>http://crash-stats.mozilla.com/</li>
+  <li><a href="http://crash-stats.mozilla.com/">http://crash-stats.mozilla.com/</a></li>
   <li><mark>Collects</mark> crash reports, displays contents and statistics</li>
   <li>Signature: Last functions(s) called before crash</li>
   <li><mark>Top crashes</mark> by signature and release</li>
   <li><mark>Collects</mark> crash reports, displays contents and statistics</li>
   <li>Signature: Last functions(s) called before crash</li>
   <li><mark>Top crashes</mark> by signature and release</li>
@@ -94,12 +131,21 @@
 </div>
 </article>
 
 </div>
 </article>
 
+<article id="socorro-tcbs" title="Socorro - Top Crashes (Screen Shot)">
+<h1 style="display:none;">Socorro - Top Crashes</h1>
+
+<div class="simplebox cent">
+<img src="tcbs.png"
+ alt="Socorro - Top Crashes">
+</div>
+</article>
+
 <article id="custom" title="Custom Reports">
 <h1>Custom Reports</h1>
 
 <div class="simplebox">
 <ul>
 <article id="custom" title="Custom Reports">
 <h1>Custom Reports</h1>
 
 <div class="simplebox">
 <ul>
-  <li>https://crash-analysis.mozilla.com/rkaiser/0000.overview.html</li>
+  <li><a href="https://crash-analysis.mozilla.com/rkaiser/0000.overview.html">https://crash-analysis.mozilla.com/rkaiser/0000.overview.html</a></li>
   <li>Testing ground for reports to be integrated into Socorro in the future</li>
   <li><mark>Explosiveness</mark>: detection of rising/new crashes</li>
   <li><mark>B2G</mark> crash list: reports from Firefox OS (testing) devices</li>
   <li>Testing ground for reports to be integrated into Socorro in the future</li>
   <li><mark>Explosiveness</mark>: detection of rising/new crashes</li>
   <li><mark>B2G</mark> crash list: reports from Firefox OS (testing) devices</li>
@@ -107,12 +153,21 @@
 </div>
 </article>
 
 </div>
 </article>
 
+<article id="explosive" title="Explosiveness Report (Screen Shot)">
+<h1 style="display:none;">Explosiveness Report</h1>
+
+<div class="simplebox cent">
+<img src="explosive.png"
+ alt="Explosiveness Report">
+</div>
+</article>
+
 <article id="bugzilla" title="Bugzilla">
 <h1>Bugzilla</h1>
 
 <div class="simplebox">
 <ul>
 <article id="bugzilla" title="Bugzilla">
 <h1>Bugzilla</h1>
 
 <div class="simplebox">
 <ul>
-  <li>https://bugzilla.mozilla.org/</li>
+  <li><a href="https://bugzilla.mozilla.org/">https://bugzilla.mozilla.org/</a></li>
   <li><mark>Central hub</mark> of tracking and QA/developer/etc. interaction</li>
   <li><mark>Keywords</mark>: crash, topcrash, needURLs</li>
   <li><mark>Tracking flags</mark> for releases</li>
   <li><mark>Central hub</mark> of tracking and QA/developer/etc. interaction</li>
   <li><mark>Keywords</mark>: crash, topcrash, needURLs</li>
   <li><mark>Tracking flags</mark> for releases</li>
@@ -125,8 +180,8 @@
 
 <div class="simplebox">
 <ul>
 
 <div class="simplebox">
 <ul>
-  <li>Mailing list: stability@mozilla.org</li>
-  <li>irc.mozilla.org: #crashkill</li>
+  <li>Mailing list: <a href="https://mail.mozilla.org/listinfo/stability">stability&#64;mozilla&#46;org</a></li>
+  <li>irc.mozilla.org: <a href="irc://irc.mozilla.org/crashkill">#crashkill</a></li>
   <li>CrashKill meetings: Mondays @ 10am Pacific, Stability room in Vidyo</li>
 </ul>
 </div>
   <li>CrashKill meetings: Mondays @ 10am Pacific, Stability room in Vidyo</li>
 </ul>
 </div>
diff --git a/fosdem2013/slides.css b/fosdem2013/slides.css
index fa67a95a22e6487553cc3f344e467ea9ff27218d..e1c226e85af153895219faf4808ef1bad17312ff 100644 (file)
--- a/fosdem2013/slides.css
+++ b/fosdem2013/slides.css
@@ -8,18 +8,42 @@
 
 /***** base style *****/
 
 
 /***** base style *****/
 
+@font-face{
+  font-family: 'Open Sans';
+  src: url('template/OpenSans-Regular-webfont.woff');
+  font-weight: normal;
+  font-style: normal
+}
+
+@font-face{
+  font-family: 'Open Sans';
+  src: url('template/OpenSans-Semibold-webfont.woff');
+  font-weight: bold;
+  font-style: normal
+}
+
+@font-face{
+  font-family: 'Open Sans';
+  src: url('template/OpenSans-Italic-webfont.woff');
+  font-weight: normal;
+  font-style: italic
+}
+
 html {
   overflow: hidden; /* to make translations not paint scrollbars */
 html {
   overflow: hidden; /* to make translations not paint scrollbars */
+  background: #f5f1e8 url("template/page-background.png") top left repeat;
+  height: 100%;
 }
 
 body {
   margin: 0px;
   padding: 0px;
   border: 0px;
 }
 
 body {
   margin: 0px;
   padding: 0px;
   border: 0px;
-  font-family: Arial,Helvetica,sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-size: 2em;
   font-size: 2em;
-  color: #6d7581;
-  background: white url("template/page-background.png") top left repeat-x;
+  color: #333333;
+  background: url("template/page-background-top.png") top left repeat-x;
+  height: 100%;
 }
 
 ul {
 }
 
 ul {
@@ -33,33 +57,35 @@ ul:last-child {
 }
 
 #header {
 }
 
 #header {
-  height: 38px;
+  height: 40px;
   position: relative;
   position: relative;
-  padding: 0 15px 0 0;
-  z-index: 1;
+  border-top: 1px solid white;
 }
 
 #headerlogo {
 }
 
 #headerlogo {
-  position: relative;
+  position: absolute;
   display: block;
   display: block;
-  text-indent: -500px;
+  right: 20px;
+  top: 0;
+  text-indent: -2000px;
   font-size: 1px;
   overflow: hidden;
   font-size: 1px;
   overflow: hidden;
-  height: 48px;
-  width: 186px;
-  background: url("template/firefox-title.png") 5px 3px no-repeat;
+  height: 41px;
+  width: 148px;
+  background: url("template/mozilla-tab.png") no-repeat;
 }
 
 #header-text {
 }
 
 #header-text {
-  float: right;
-  padding: 7px 20px;
-  font-size: 24px;
+  position: relative;
+  top: 5px;
+  left: 25px;
+  font-size: 20px;
   font-weight: bold;
   font-weight: bold;
-  color: #C0C8CA;
+  color: #808080;
 }
 
 #header-text.neartime {
 }
 
 #header-text.neartime {
-  color: #A0C8DA;
+  color: #80AACC;
 }
 
 #header-text.ontime {
 }
 
 #header-text.ontime {
@@ -70,30 +96,33 @@ ul:last-child {
   color: #FF8080;
 }
 
   color: #FF8080;
 }
 
+#subheader-text {
+  color: #808080;
+  position: relative;
+  top: 3px;
+  left: 25px;
+  font-size: 10px;
+}
+
 #slidenav {
 #slidenav {
-  padding: 4px 15px 30px 55px;
+  position: absolute;
+  right: 200px;
+  top: 15px;
   font-size: 10px;
   font-size: 10px;
-  color: #A0C8DA;
 }
 
 #slidenav a:link,
 #slidenav a:visited {
 }
 
 #slidenav a:link,
 #slidenav a:visited {
-  color: #6d7581;
+  color: #484848;
 }
 
 #slidenav a:hover,
 #slidenav a:active {
 }
 
 #slidenav a:hover,
 #slidenav a:active {
-  color: #0000FF;
+  color: #0073aa;
 }
 
 #slidenav .nolink {
 }
 
 #slidenav .nolink {
-  color: #A0C8DA;
-}
-
-#subheader-text {
-  float: right;
-  padding: 0 20px;
-  color: #6d7581;
+  color: #A0A0A0;
 }
 
 article {
 }
 
 article {
@@ -137,37 +166,30 @@ article[aria-selected="true"] ~ article {
 
 /***** headers *****/
 
 
 /***** headers *****/
 
-h1 {
-  margin: 0 0 0.5em 0;
-  font-size: 1.7em;
+h1, h2, h3, h4 {
+  margin: 0.5em 0;
   font-weight: bold;
   font-weight: bold;
-  color: #505050;
+  color: #484848;
   text-align: center;
   text-align: center;
+}
+
+h1 {
+  margin-top: 0;
+  font-size: 1.7em;
   text-shadow: #AAAA80 3px 3px 5px;
 }
 
 h2 {
   text-shadow: #AAAA80 3px 3px 5px;
 }
 
 h2 {
-  margin: 0.5em 0;
   font-size: 1.3em;
   font-size: 1.3em;
-  font-weight: bold;
-  color: #505050;
-  text-align: center;
   text-shadow: #AAAA80 2px 2px 3px;
 }
 
 h3 {
   text-shadow: #AAAA80 2px 2px 3px;
 }
 
 h3 {
-  margin: 0.5em 0;
   font-size: 1.1em;
   font-size: 1.1em;
-  font-weight: bold;
-  color: #505050;
-  text-align: center;
 }
 
 h4 {
 }
 
 h4 {
-  margin: 0.5em 0;
   font-size: 1em;
   font-size: 1em;
-  font-weight: bold;
-  color: #505050;
   text-align: left;
 }
 
   text-align: left;
 }
 
@@ -184,19 +206,17 @@ h4 {
 .simplebox,
 .captionedbox {
   margin: 1em;
 .simplebox,
 .captionedbox {
   margin: 1em;
-  border: 1px solid #A0C8DA;
-  background: white url("template/page-background.png") top left repeat-x;
-  border-radius: .5em;
-  box-shadow: #6d7581 1px 1px 3px 2px;
+  box-shadow: 0 0 0 1px #fff inset;
+  background: #fff;
+  background-image: radial-gradient(center 45px, ellipse farthest-corner, #f5f1e8 0, #fff 100%);
+  border-bottom: 1px solid #ddd;
 }
 
 .captionedbox-content {
   margin: 0px;
   padding: 0.5em;
   border: 0px;
 }
 
 .captionedbox-content {
   margin: 0px;
   padding: 0.5em;
   border: 0px;
-  border-top: 2px solid #A0C8DA;
-  -moz-border-top-colors: #A0C8DA #6d7581;
-  border-radius: 0 0 .5em .5em;
+  border-top: 1px solid #d6d6d6;
 }
 
 .captionedbox-caption {
 }
 
 .captionedbox-caption {
@@ -235,7 +255,7 @@ ul > li {
   text-decoration: underline;
 }
 
   text-decoration: underline;
 }
 
-a:link, a:visited { color: #447bc4; text-decoration: none; }
+a:link, a:visited { color: #0096dd; text-decoration: none; }
 a:hover, a:active { color: #FF6600; text-decoration: underline; }
 
 mark a:link, mark a:visited { color: #FF6600; }
 a:hover, a:active { color: #FF6600; text-decoration: underline; }
 
 mark a:link, mark a:visited { color: #FF6600; }
diff --git a/fosdem2013/tcbs.png b/fosdem2013/tcbs.png
new file mode 100644 (file)
index 0000000..b4f4029
Binary files /dev/null and b/fosdem2013/tcbs.png differ
diff --git a/fosdem2013/template/OpenSans-Italic-webfont.woff b/fosdem2013/template/OpenSans-Italic-webfont.woff
new file mode 100644 (file)
index 0000000..1ed8ab9
Binary files /dev/null and b/fosdem2013/template/OpenSans-Italic-webfont.woff differ
diff --git a/fosdem2013/template/OpenSans-Regular-webfont.woff b/fosdem2013/template/OpenSans-Regular-webfont.woff
new file mode 100644 (file)
index 0000000..bd0f824
Binary files /dev/null and b/fosdem2013/template/OpenSans-Regular-webfont.woff differ
diff --git a/fosdem2013/template/OpenSans-Semibold-webfont.woff b/fosdem2013/template/OpenSans-Semibold-webfont.woff
new file mode 100644 (file)
index 0000000..3a78f75
Binary files /dev/null and b/fosdem2013/template/OpenSans-Semibold-webfont.woff differ
diff --git a/fosdem2013/template/firefox-title.png b/fosdem2013/template/firefox-title.png
deleted file mode 100644 (file)
index 2648e79..0000000
Binary files a/fosdem2013/template/firefox-title.png and /dev/null differ
diff --git a/fosdem2013/template/mozilla-tab.png b/fosdem2013/template/mozilla-tab.png
new file mode 100644 (file)
index 0000000..87f8ef9
Binary files /dev/null and b/fosdem2013/template/mozilla-tab.png differ
diff --git a/fosdem2013/template/page-background-top.png b/fosdem2013/template/page-background-top.png
new file mode 100644 (file)
index 0000000..ae82378
Binary files /dev/null and b/fosdem2013/template/page-background-top.png differ
diff --git a/fosdem2013/template/page-background.png b/fosdem2013/template/page-background.png
index b499bb223e6add15a58abe5bab5da694c9bba585..6b2d79d9ce1e2fd1980dbb0b18c7ac80d833ee47 100644 (file)
Binary files a/fosdem2013/template/page-background.png and b/fosdem2013/template/page-background.png differ
diff --git a/fosdem2013/win7-reporter.png b/fosdem2013/win7-reporter.png
new file mode 100644 (file)
index 0000000..6bab3c7
Binary files /dev/null and b/fosdem2013/win7-reporter.png differ
KaiRo's slides for various talks, see slides.kairo.at