updates for FOSDEM 2011 slides
authorrobert <robert>
Thu, 3 Feb 2011 20:09:47 +0000 (20:09 +0000)
committerrobert <robert>
Thu, 3 Feb 2011 20:09:47 +0000 (20:09 +0000)
fosdem2011/index.html
fosdem2011/slides.css
index.html

index 25391ed8079f8920f88f20f496d975dcbe62c1a8..66144795ec853595218fed2ba7f39d4b7952b565 100755 (executable)
@@ -74,7 +74,7 @@
 <div class="simplebox">
 <ul>
   <li>Eliminate separate windows</li>
-  <li>Integrate UI into browser tabs</li>
+  <li><mark>Integrate UI</mark> into browser tabs</li>
   <li>Non-modal, non-popup</li>
   <li>Hide web-specific controls for those tabs</li>
 </ul>
 <h1>Current State</h1>
 
 <div class="simplebox">
-"Examples of in-content UI already present include session restore,
-about:config, new add-ons manager, network error pages and phishing/malware
-warning pages."
+<ul>
+  <li>about:config</li>
+  <li>Session restore</li>
+  <li>Network error and phishing/malware warning pages</li>
+  <li><mark>FF4 add-ons manager</mark></li>
+</ul>
 <div class="cent topmargin">
 <img src="minefield-addons-manager.png" alt="Add-ons manager">
 </div>
@@ -98,9 +101,8 @@ warning pages."
 <h1>Plans: Preferences</h1>
 
 <div class="simplebox">
-As <a href="http://blog.stephenhorlander.com/2010/06/01/in-content-ui-visual-unification/">laid
-out</a> by Stephen Horlander in June 2010, preferences are among the targets
-for moving UI into tabs, here's a mockup he drew up:
+<a href="http://blog.stephenhorlander.com/2010/06/01/in-content-ui-visual-unification/">Stephen
+Horlander, June 2010</a>: <mark>preferences</mark> among targets - mockup:
 <div class="cent topmargin">
 <img src="win7-preferences-network.png" alt="Win7 Network Preference Mockup">
 </div>
@@ -111,19 +113,19 @@ for moving UI into tabs, here's a mockup he drew up:
 <h1>Plans: Tentative</h1>
 
 <div class="simplebox">
-The blog post as well as the
+Stephen's blog post and
 <a href="https://wiki.mozilla.org/Firefox/Projects/Incontent_Page_Design">in-content
-page design</a> wiki page also talks about the following:
+page design</a> wiki page go further:
 <ul>
-  <li>Library (History and Bookmarks View)</li>
-  <li>Downloads Manager</li>
-  <li>Toolbar Customization</li>
+  <li><mark>Library</mark> (History and Bookmarks View)</li>
+  <li><mark>Downloads</mark> Manager</li>
+  <li>Toolbar <mark>Customization</mark></li>
   <li>Tab View</li>
-  <li>home tab</li>
+  <li>Home tab</li>
   <li>About Firefox</li>
   <li>Help</li>
 </ul>
-Non-goal: "Redesign all windows and panels"
+<mark>Non-goal</mark>: "Redesign all windows and panels"
 tracking bugs: bug 584942
 </div>
 </article>
@@ -172,7 +174,6 @@ We should have some time for discussion now.
 <ul>
  <li>Any open questions?</li>
  <li>Any unmentioned issues?</li>
- <li>Anyone wanting to help us?</li>
  <li>Anything I forgot to mention?</li>
 </ul>
 </div>
index 77b11cef3012a009cfb13494b40060f36194238a..0043cd8ced63b6791d726b928072732e0cca9987 100644 (file)
@@ -148,7 +148,7 @@ h1 {
   font-size: 1.7em;
   font-weight: bold;
   text-align: center;
-  text-shadow: #AA8080 3px 3px 5px;
+  text-shadow: #AAAA80 3px 3px 5px;
 }
 
 h2 {
@@ -156,7 +156,7 @@ h2 {
   font-size: 1.3em;
   font-weight: bold;
   text-align: center;
-  text-shadow: #AA8080 2px 2px 3px;
+  text-shadow: #AAAA80 2px 2px 3px;
 }
 
 h3 {
@@ -189,7 +189,7 @@ h4 {
   border: 1px solid #FF8080;
   background-color: #400000;
   -moz-border-radius: .5em;
-  -moz-box-shadow: #AA8080 1px 1px 3px 2px;
+  -moz-box-shadow: #AAAA80 1px 1px 3px 2px;
 }
 
 .captionedbox-content {
@@ -204,16 +204,16 @@ h4 {
 .captionedbox-caption {
   margin: 0.5em;
   font-weight: bold;
-  text-shadow: #804040 1px 1px 2px;
+  text-shadow: #AAAA80 1px 1px 2px;
 }
 
 /***** misc formatting *****/
 
 mark {
   font-weight: bold;
-  color: #0060C0;
+  color: #FFEEAA;
   background-color: transparent;
-  text-shadow: #5959ec 1px 1px 1px;
+  text-shadow: #CCCC00 2px 2px 3px;
 }
 
 .border {
@@ -241,6 +241,10 @@ a:link { color: #CCCCFF; text-decoration: none; }
 a:visited { color: #EECCFF; text-decoration: none; }
 a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
 
+mark a:link { color: #FFFFCC; }
+mark a:visited { color: #FFEE80; }
+mark a:hover, mark a:active { color: #FFFFDD; }
+
 /***** small stuff *****/
 
 .small,
index 72cd62f2b9341b934eb3f930883494303f61bb0b..1b2578dfe0d43a8d4c2456dc015e13ff843dc38d 100644 (file)
@@ -44,5 +44,6 @@
    (German/Deutsch)</li>
  <li>SeaMonkey Developer Meeting 2010:
    <a href="/slides/sm-dev-mtg-2010/">SeaMonkey Future</a></li>
+ <li>FOSDEM 2011: <a href="/slides/fosdem2011/">In-Tab UI</a></li>
 
 </ul>
\ No newline at end of file