[cc-commits] [CC SVN] r15217 - in themes/creativecommons.org/trunk: . css img js

webmaster at creativecommons.org webmaster at creativecommons.org
Sun Sep 11 12:32:39 EDT 2011


Author: cxadams
Date: 2011-09-11 16:32:39 +0000 (Sun, 11 Sep 2011)
New Revision: 15217

Added:
   themes/creativecommons.org/trunk/img/US-WhiteHouse-Logo.png
Modified:
   themes/creativecommons.org/trunk/css/media.queries.css
   themes/creativecommons.org/trunk/css/primary.styles.css
   themes/creativecommons.org/trunk/home-buckets.php
   themes/creativecommons.org/trunk/js/script.js
Log:
implemented slides for case studies and cc store buckets

Modified: themes/creativecommons.org/trunk/css/media.queries.css
===================================================================
--- themes/creativecommons.org/trunk/css/media.queries.css	2011-09-11 12:02:30 UTC (rev 15216)
+++ themes/creativecommons.org/trunk/css/media.queries.css	2011-09-11 16:32:39 UTC (rev 15217)
@@ -36,6 +36,10 @@
 		height: 330px;
 		width: 940px;
 	}
+
+	#case .studies .slide {
+		width: 232px;
+	}
 	
 	
 }
@@ -44,6 +48,10 @@
 	.bucket .slide .film .caption {
 		width: 640px;
 	}
+
+	#case .studies .slide {
+		width: 312px;
+	}
 	
 }
 
@@ -76,7 +84,9 @@
 		height: 240px;
 	}
 	
-	
+	#case .studies .slide {
+		width: 392px;
+	}	
 }
 
 @media only screen and (max-width: 480px) {
@@ -99,6 +109,12 @@
 		height: 196px;
 	}
 
+	
+	#case .studies .slide {
+        	width: 272px;
+	}
+
+
 	.helpbox .popover {
 		left: -40px;
 	}

Modified: themes/creativecommons.org/trunk/css/primary.styles.css
===================================================================
--- themes/creativecommons.org/trunk/css/primary.styles.css	2011-09-11 12:02:30 UTC (rev 15216)
+++ themes/creativecommons.org/trunk/css/primary.styles.css	2011-09-11 16:32:39 UTC (rev 15217)
@@ -491,35 +491,35 @@
 	display:block;
 }
 
-.bucket .slide .content {
+.carousel .slide .content {
 	background: #393839;
 }
 
-.bucket .slide .film {
+.carousel .slide .film {
 	position: relative;
 }
 
-.bucket .slide .film img {
+.carousel .slide .film img {
 	width: 100%;
 }
   
-.bucket .slide p, .slide h6 {
+.carousel .slide p, .carousel .slide h6 {
 	color: #EDEDEE;
 }
 
-.bucket .slide p strong {
+.carousel .slide p strong {
 	color: #fff;
 }
 
-.bucket .slide p a {
+.carousel .slide p a {
 	color: #98C807;
 }
 
-.bucket .slide p a {
+.carousel .slide p a {
 	font-weight: bold;
 }
 
-.bucket .slide .film .caption {
+.carousel .slide .film .caption {
 	z-index:500;
 	position:absolute;
 	bottom: 0px;
@@ -539,6 +539,10 @@
 	top: -15px;
 }
 
+.bucket #case .frames {
+	top: 5px;
+}
+
 .bucket .frames li {
 	float:left;
 	margin:0 1px;
@@ -564,6 +568,10 @@
 	background-position:0 -12px;
 }
 
+#case .studies .slide {
+	height: 450px;
+}
+
 #store {
 	width: 300px;
 	margin: 0 auto;

Modified: themes/creativecommons.org/trunk/home-buckets.php
===================================================================
--- themes/creativecommons.org/trunk/home-buckets.php	2011-09-11 12:02:30 UTC (rev 15216)
+++ themes/creativecommons.org/trunk/home-buckets.php	2011-09-11 16:32:39 UTC (rev 15217)
@@ -72,18 +72,34 @@
 						<div class="six columns">
 							<div class="bucket">
 								<div class="inner">
-									<h3 class="title">Case Study</h3>
+									<h3 class="title">Case Studies</h3>
 									<div class="content">
+										<div id="case">
+										<div class="studies">
+											<div class="slide">
+											<div class="sample">
+												<img src="<?php bloginfo('stylesheet_directory'); ?>/img/120px-Aljazeera.svg.png" alt="Al Jazeera"/>
+											</div>
+
+											<h5>Al Jazeera</h5>
+											<h6>Satellite television network</h6>
+
+										<p>The Al Jazeera Creative Commons Repository hosts select broadcast quality footage that Al Jazeera has released under various Creative Commons licenses. Read our <a href="http://wiki.creativecommons.org/Case_Studies/Al_Jazeera"> case study for Al Jazeera</a></p>
+										</div>
+										<div class="slide">
 										<div class="sample">
-											<img src="<?php bloginfo('stylesheet_directory'); ?>/img/120px-Aljazeera.svg.png" alt="Al Jazeera"/>
+											<img src="<?php bloginfo('stylesheet_directory'); ?>/img/US-WhiteHouse-Logo.png" alt="Whitehouse.gov"/>
 										</div>
 
-										<h5>Al Jazeera</h5>
-										<h6>Satellite television network</h6>
+										<h5>Whitehouse.gov</h5>
+										<h6>The official website of the President of the United States</h6>
 
-										<p>The Al Jazeera Creative Common Repository hosts select broadcast quality footage that Al Jazeera has released under various Creative Commons licenses.</p>
+										<p>The official website of the Obama-Biden Administration incorporates a Creative Commons Attribution 3.0 Licence. Read <a href="http://wiki.creativecommons.org/Case_Studies/Whitehouse.gov">our case study for Whitehouse.gov</a></p>
+                                                                                        </div>
 
-										<div class="bucket-follow"><a href="http://wiki.creativecommons.org/Case_Studies/Al_Jazeera">Read this Case Study...</a></div>
+										</div> <!--! end of "studies -->
+										</div> <!--! end of #case -->
+										<div class="bucket-follow"><a href="http://wiki.creativecommons.org/Case_Studies">Read more Case Studies...</a></div>
 									</div> <!--! end of "content" -->
 								</div> <!--! end of "inner" -->
 							</div> <!--! end of "bucket" -->

Added: themes/creativecommons.org/trunk/img/US-WhiteHouse-Logo.png
===================================================================
(Binary files differ)


Property changes on: themes/creativecommons.org/trunk/img/US-WhiteHouse-Logo.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Modified: themes/creativecommons.org/trunk/js/script.js
===================================================================
--- themes/creativecommons.org/trunk/js/script.js	2011-09-11 12:02:30 UTC (rev 15216)
+++ themes/creativecommons.org/trunk/js/script.js	2011-09-11 16:32:39 UTC (rev 15217)
@@ -77,6 +77,19 @@
 	});
   });
 
+  // Case studies
+  // ===============================
+
+  $(function() {
+	$('#case').slides({
+		container: 'studies',
+		generateNextPrev: false,
+		paginationClass: 'frames',
+		effect: 'fade',
+		fadeSpeed: 0,
+	});
+  });
+
   // Store slides
   // ===============================
 



More information about the cc-commits mailing list