Skip to content
Browse files

improvements

  • Loading branch information...
1 parent 625913c commit e9ccca5b8af73429ca3cddcc56bc2f9c9cf0bbbd @Caged committed May 13, 2011
Showing with 19 additions and 5 deletions.
  1. +8 −2 index.html
  2. +1 −1 nba-shots.html
  3. +10 −2 pub/css/core.css
  4. BIN pub/img/t-gbar.png
  5. BIN pub/img/t-prog.png
View
10 index.html
@@ -32,8 +32,14 @@
<div id="grid">
<ul>
- <li><a href="nba-shots.html" title="Animated Bar Chart With d3"><img src="pub/img/t-gbar.png" /></a></li
- ><li><a href="progress-indicators.html" title="Circle progress indicator with d3"><img src="pub/img/t-prog.png" /></a></li>
+ <li>
+ <a class="thumb" href="nba-shots.html" title="Animated Bar Chart With d3"><img src="pub/img/t-gbar.png" /></a>
+ <h2><a href="nba-shots.html" title="Animated Bar Chart With d3">Animated Grouped Bars</a></h2>
+ </li>
+ <li>
+ <a class="thumb" href="progress-indicators.html" title="Circle progress indicator with d3"><img src="pub/img/t-prog.png" /></a>
+ <h2><a href="progress-indicators.html" title="Circle progress indicator with d3">Circular Progress Indicator</a></h2>
+ </li>
</ul>
</div>
</body>
View
2 nba-shots.html
@@ -34,6 +34,6 @@
<h1>2010-2011 NBA Regular Season Shot Locations</h1>
<p class="desc">Filter by clicking on the legend</p>
<div id="chart"></div>
- <footer><p>A <a href="http://mbostock.github.com/d3/">d3</a> experiment by <a href="http://labratrevenge.com">Justin Palmer</a>. Data from <a href="http://hoopdata.com">HoopData</a>.</p></footer>
+ <footer><p>A <a href="http://mbostock.github.com/d3/">d3</a> experiment by <a href="http://labratrevenge.com">Justin Palmer</a>. Data compiled from <a href="http://hoopdata.com">HoopData</a>.</p></footer>
</body>
</html>
View
12 pub/css/core.css
@@ -127,12 +127,13 @@ p.desc {
display: inline-block;
margin: 5px;
padding: 0;
+ position: relative;
}
-#grid li a {
+#grid li a.thumb {
display: block;
border: 1px solid rgba(100,100,100,0.5);
- height: 100px;
+ height: 210px;
}
#grid li img {
@@ -141,6 +142,8 @@ p.desc {
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0.5)));
background: transparent -moz-linear-gradient(top, rgba(100,100,100,0.5), rgba(100,100,100,1));
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
+ -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
+ box-shadow: 2px 2px 2px rgba(0,0,0,1);
}
#grid li:hover img {
@@ -152,6 +155,11 @@ p.desc {
text-shadow: 10px 10px 4px #0db5f7;
}
+#grid li h2 {
+ margin: 10px 5px;
+ font-weight: bold;
+}
+
/* @end */
/*------------------------------------------------------------------------------------
View
BIN pub/img/t-gbar.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN pub/img/t-prog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit e9ccca5

Please sign in to comment.
Something went wrong with that request. Please try again.