Skip to content
Browse files

Deep Dive Day 2 final

  • Loading branch information...
1 parent 5ef474b commit 99ecf3bf21f2a6d75cf4929b315c898f531ec50e @aareese committed Jun 11, 2012
View
21 css/screen.css
@@ -169,6 +169,8 @@ span.emphasis {color:#F708A8;}
li.first {text-align:right;font-weight:300;text-transform:uppercase;}
.devices h3 {font-family:Lato;font-size:24px;font-weight:100;margin-top:0px;margin-bottom:30px;}
.dark {padding-top:10px;padding-bottom:10px;}
+.dark {color:#f2f2f2; margin-top:20px;padding-left:40px;padding-right:40px;width:880px;}
+.dark h1, .dark h2, .dark h3, .dark h4 {color:#f2f2f2; text-shadow: none;}
/* services */
@@ -188,10 +190,10 @@ li.first {text-align:right;font-weight:300;text-transform:uppercase;}
.jesse {background:#f2f2f2 url(../images/jesse.png) no-repeat 0 0;}
.creature {background:#f2f2f2 url(../images/walrus.png) no-repeat 0 0;}
.melanie {background:#f2f2f2 url(../images/melanie.png) no-repeat 0 0;}
-.wireframes {background:#f2f2f2 url(../images/tresplace/wireframeMockSM.png) no-repeat 0 0;}
-.wireframes2 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM2.png) no-repeat 0 0;}
-.wireframes3 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM3.png) no-repeat 0 0;}
-.wireframes4 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM4.png) no-repeat 0 0;}
+.wireframes {background:#f2f2f2 url(../images/tresplace/wireframeMockSM.png) no-repeat 6px 0;}
+.wireframes2 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM2.png) no-repeat 6px 0;}
+.wireframes3 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM3.png) no-repeat 6px 0;}
+.wireframes4 {background:#f2f2f2 url(../images/tresplace/wireframeMockSM4.png) no-repeat 7px 15px;}
.upPadding {padding-top: 40px;}
@@ -347,6 +349,17 @@ span.darkText {font-size:46px;margin-right: 10px;margin-bottom:0px;font-family:t
.manifesto {width: 700px; height: 390px; -webkit-transition: all 1s linear; background: transparent url(../images/manifesto.png) no-repeat 0 200px; margin: 0 auto; margin-top: -200px; margin-bottom:-10px;}
.manifesto:hover {background: transparent url(../images/manifesto.png) no-repeat 0 0}
+/* deep-dive */
+.wires img {
+ width: 700px;
+ padding: 40px 110px;
+}
+
+.wire-hover:hover {
+ box-shadow: 0 3px 8px rgba(0,0,0,1);
+
+}
+
/* clearfix */
.cf:before, .cf:after { content: ""; display: table; }
View
46 deepDiveDay2-tresPlace.html
@@ -21,8 +21,6 @@
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/prefixfree.js"></script>
<script type="text/javascript" src="js/modernizr-2.0.6.js"></script>
-<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript">
@@ -208,25 +206,47 @@ <h2 class = "ytb fL">TresPlace Deep Dive Day 2</h2>
<iframe class='ytb' width="300" height="168" src="http://www.youtube.com/embed/bfrmHBp0jGY" frameborder="1" allowfullscreen></iframe>
<iframe class='ytb' width="300" height="168" src="http://www.youtube.com/embed/4-29nb2D2Zk" frameborder="1" allowfullscreen></iframe>
</div>
+ <div style="display: none;">
+ <div id="wire1" class="popupbox wires">
+ <img src="images/tresplace/wireframeMock.JPG">
+ </div>
+ <div id="wire2" class="popupbox wires">
+ <img src="images/tresplace/wireframeMock1.JPG">
+ </div>
+ <div id="wire3" class="popupbox wires">
+ <img src="images/tresplace/wireframeMock2.JPG">
+ </div>
+ <div id="wire4" class="popupbox wires">
+ <img src="images/tresplace/wireframeMock3.JPG">
+ </div>
+ </div>
<div class="lets-be-friends span-4 last">
<div class="other-interests span-1 cf upPadding">
- <div class="sample wireframes"></div>
- <p><span class="emphasis">Team Broken Heart</span></p>
+ <a id="inline" href="#wire1" rel="wireframe">
+ <div class="sample wireframes wire-hover"></div>
+ </a>
+ <p><span class="emphasis">Team King</span></p>
</div>
<div class="other-interests span-1 cf upPadding">
- <div class="sample wireframes2">
- </div>
- <p><span class="emphasis">Team Factoid</span></p>
+ <a id="inline" href="#wire2" rel="wireframe">
+ <div class="sample wireframes2 wire-hover">
+ </div>
+ </a>
+ <p><span class="emphasis">Team InfoGraphic</span></p>
</div>
<div class="other-interests span-1 cf upPadding">
- <div class="sample wireframes3">
- </div>
- <p><span class="emphasis">Team InfoGraphic</span></p>
+ <a id="inline" href="#wire3" rel="wireframe">
+ <div class="sample wireframes3 wire-hover">
+ </div>
+ </a>
+ <p><span class="emphasis">Team Grid</span></p>
</div>
<div class="other-interests span-1 cf last upPadding">
- <div class="sample wireframes4">
- </div>
- <p><span class="emphasis">Team Jelly Walrus</span></p>
+ <a id="inline" href="#wire4" rel="wireframe">
+ <div class="sample wireframes4 wire-hover">
+ </div>
+ </a>
+ <p><span class="emphasis">Team Factoid</span></p>
</div>
</div>
<div class="banner span-4 last" id="who">
View
0 images/tresplace/wireframeMock.tresPlace.JPG → images/tresplace/wireframeMock.JPG
File renamed without changes
View
0 ...es/tresplace/wireframeMock.tresPlace1.JPG → images/tresplace/wireframeMock1.JPG
File renamed without changes
View
0 ...es/tresplace/wireframeMock.tresPlace2.JPG → images/tresplace/wireframeMock2.JPG
File renamed without changes
View
0 ...es/tresplace/wireframeMock.tresPlace3.JPG → images/tresplace/wireframeMock3.JPG
File renamed without changes

0 comments on commit 99ecf3b

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