[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