Permalink
Browse files

Navigation menu to access different visualizations.

  • Loading branch information...
1 parent 9946097 commit dbba8f33da59e76151d3023f70fef5c3a4bc39da @adarowski committed Jan 10, 2012
Showing with 143 additions and 18 deletions.
  1. +11 −1 about/index.html
  2. +11 −1 all/index.html
  3. +11 −1 graham/index.html
  4. +4 −1 hall-of-wwar.js
  5. +11 −1 halls/index.html
  6. +11 −1 index.html
  7. +49 −5 screen.css
  8. +24 −6 screen.sass
  9. +11 −1 screwed/index.html
View
@@ -15,7 +15,17 @@
<header>
<h1><a href="../">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="../graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="../screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="../halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="../exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="../all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">
View
@@ -15,7 +15,17 @@
<header>
<h1><a href="/hall-of-wwar">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="../graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="../screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="../halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="../exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="../all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">
View
@@ -26,7 +26,17 @@
<header>
<h1><a href="../">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="../graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="../screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="../halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="../exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="../all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -24,7 +24,17 @@
<header>
<h1><a href="../">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="../graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="../screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="../halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="../exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="../all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">
View
@@ -15,7 +15,17 @@
<header>
<h1><a href="/hall-of-wwar">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">
View
@@ -49,13 +49,57 @@ header {
right: 0;
font-size: 18px;
bottom: 15px; }
- header h3 {
- margin: 0;
+ header nav {
position: absolute;
right: 0;
- top: 0;
- font-weight: normal;
- font-size: 15px; }
+ top: 0; }
+ header nav #show-visuals {
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ padding: 2px 12px;
+ background-color: #eeeeee;
+ border: 1px solid #dddddd;
+ margin: 0 0 4px;
+ white-space: nowrap;
+ cursor: pointer;
+ background-color: rgba(0, 0, 100, 0.8);
+ border: none;
+ margin-left: 10px; }
+ header nav #show-visuals:hover {
+ border-color: #cccccc; }
+ header nav #show-visuals.yah {
+ background-color: #ffff99; }
+ header nav #show-visuals span {
+ font-size: 11px;
+ color: #666666; }
+ header nav #show-visuals:link, header nav #show-visuals:visited, header nav #show-visuals:hover, header nav #show-visuals:active {
+ color: white; }
+ header nav #show-visuals:hover {
+ background-color: #000064; }
+ header nav ul {
+ -webkit-box-shadow: #aaaaaa 0px 0px 10px;
+ -moz-box-shadow: #aaaaaa 0px 0px 10px;
+ box-shadow: #aaaaaa 0px 0px 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ display: block;
+ width: auto;
+ border: 2px solid #cccccc;
+ background-color: rgba(255, 255, 255, 0.95);
+ z-index: 1;
+ padding: 10px;
+ position: absolute;
+ list-style: none; }
+ header nav ul li {
+ margin-top: 8px;
+ padding-top: 8px;
+ border-top: 1px solid #eeeeee; }
+ header nav ul li:first-child {
+ margin-top: 0;
+ padding-top: 0;
+ border-top: 0; }
#key {
border-bottom: 1px solid #eeeeee;
View
@@ -50,13 +50,31 @@ header
right: 0
font-size: 18px
bottom: 15px
- h3
- margin: 0
+ nav
position: absolute
right: 0
top: 0
- font-weight: normal
- font-size: 15px
+ #show-visuals
+ +toggle_button
+ background-color: fade_out($default_color, 0.2)
+ &:link, &:visited, &:hover, &:active
+ color: white
+ border: none
+ margin-left: 10px
+ &:hover
+ background-color: $default_color
+ ul
+ +popup
+ position: absolute
+ list-style: none
+ li
+ margin-top: 8px
+ padding-top: 8px
+ border-top: 1px solid #EEE
+ &:first-child
+ margin-top: 0
+ padding-top: 0
+ border-top: 0
#key
border-bottom: 1px solid #eee
@@ -671,11 +689,11 @@ footer
+bar(1952, 1972, 76.2)
#frank-tanana
+bar(1973, 1993, 76.2)
+ #frank-chance
+ +bar(1898, 1914, 76.2)
// Non-Hall of wWAR
- #frank-chance
- +bar(1898, 1914, 76.2)
#hugh-duffy
+bar(1888, 1906, 76.1)
#roger-bresnahan
View
@@ -24,7 +24,17 @@
<header>
<h1><a href="../">Hall of wWAR</a></h1>
<h2>The Hall of Fame Re-Populated by Weighted WAR</h2>
- <h3>By <a href="http://darowski.com">Adam Darowski</a></h3>
+ <nav>
+ By <a href="http://darowski.com">Adam Darowski</a>
+ <a id="show-visuals" href="#">More Hall of wWAR Visuals</a>
+ <ul>
+ <li><a href="../graham/">wWAR Compared to Graham Womack&rsquo;s Hall of Fame Project</a></li>
+ <li><a href="../screwed/">Screwed by the Hall of Fame Voters</a></li>
+ <li><a href="../halls/">Hall of wWAR vs. Hall of Fame vs. Hall of Merit</a></li>
+ <li><a href="../exclusivity/">The Hall of Fame and the Myth of Exclusivity</a></li>
+ <li><a href="../all/">60 wWAR Players</a></li>
+ </ul>
+ </nav>
</header>
<div id="wrapper">

0 comments on commit dbba8f3

Please sign in to comment.