vthunder · dima5548 · Sep 8, 2013 · Sep 8, 2013 · Sep 8, 2013 · Sep 8, 2013
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+teamopen.cc
diff --git a/_data/features.yml b/_data/features.yml
@@ -0,0 +1,49 @@
+- owner: 3
+  link: http://creativecommons.org/weblog/entry/39521
+  image: /images/roadclosed.jpg
+  header: 10 great moments from the CC Summit
+  description: Wait until you read number 4!
+
+- owner: 3
+  link: http://creativecommons.org/weblog/entry/39521
+  image: /images/roadclosed.jpg
+  header: CC growing in Africa
+  description: The CC community is thriving in Africa. Reports from Tanzania, Uganga, and South Africa.
+
+- owner: 6
+  link: http://creativecommons.org/weblog/entry/42361
+  image: /images/ar-bassel.jpg
+  description: CC Syrian community leader Bassel Khartabil has not yet been released from prison.
+
+- owner: 6
+  link: http://creativecommons.org/weblog/entry/39639
+  image: /images/roadclosed.jpg
+  description: No works produced by United States artists entered the public domain in 2013.
+
+- owner: 6
+  link: http://creativecommons.org/weblog/entry/39639
+  image: /images/roadclosed.jpg
+  description: No works produced by United States artists entered the public domain in 2013.
+
+- owner: 6
+  link: http://creativecommons.org/weblog/entry/39639
+  image: /images/roadclosed.jpg
+  description: No works produced by United States artists entered the public domain in 2013.
+
+- owner: 6
+  link: http://creativecommons.org/weblog/entry/39639
+  image: /images/roadclosed.jpg
+  description: No works produced by United States artists entered the public domain in 2013.
+
+- owner: 7
+  link: //creativecommons.org/weblog/entry/39978
+  image: /images/roadclosed.jpg
+  description: Make a decision to openly license your work in 2014.
+  header: Try open
+
+- owner: 7
+  link: //wiki.creativecommons.org/CC_Affiliate_Network
+  image: /images/roadclosed.jpg
+  header: Join the community.
+  description: Get involved with the CC affiliate in your country.
+
diff --git a/_layouts/annualreport.html b/_layouts/annualreport.html
@@ -0,0 +1,103 @@
+<html>
+<head>
+<head>
+<title>{{ page.title }} | The future is open</title>
+<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
+<link rel="stylesheet" type="text/css" href="/style.css" />
+<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+
+
+	<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-2010376-27', 'teamopen.cc');
+  ga('send', 'pageview');
+
+</script>
+
+</head>
+<body>
+<div style="clear: both; "></div>
+<div id="middle" style="background-color: {{page:bgcolora}}; ">
+<div id="topspace"></div>
+
+<div class="arbanner" style="background: url('{{page:ar-banner-bg}}'); ">  
+
+<!--
+
+<a href="/all/"><h1>Team Open</h1></a>
+  {% for page in site.pages %}
+    {% if page.layout == 'profiles' %}  
+    	{% if page.order == {{orderminusone}} %}
+    		<a href="{{page.permalink}}">
+    	{% endif %}
+    {% endif %}
+  {% endfor %}
+
+<div class="arrow" style="background-color: {{page:bgcolorb}}; background-image: url('/images/leftarrow.png'); " ></div></a>
+<div class="bannerleft" style="background: url({{page.headshoturl}}) no-repeat 0 0; " /></div>
+<a href="#profile" style="text-decoration: none; ">
+</div>
+</div>
+
+
+
+</a>
+  {% for page in site.pages %}
+    {% if page.layout == 'profiles' %}  
+    	{% if page.order == {{orderplusone}} %}
+    		<a href="{{page.permalink}}">
+    	{% endif %}
+    {% endif %}
+  {% endfor %}
+<div class="arrow" style="background-color: {{page:bgcolorb}}; background-image: url('/images/rightarrow.png'); " ></div></a>
+</a>
+
+
+-->
+
+</div>
+<br style="clear: both; " />
+<div id="profile">
+<h2>{{ page.title }}</h2>
+{{content}}
+</div>
+
+	{% for feature in site.data.features %}
+		{% if feature.owner == page.order %}
+			<a href="{{ feature.link }}" target="_blank">
+			<div class="feature">
+			<div class="feature-photo" style="background-image: url({{ feature.image }}); "></div>
+							{% if feature.header %}
+					<h3>{{ feature.header }}</h3>
+				{% endif %}
+			<p>{{ feature.description }}</p>
+			<img src="/images/facebooksmall.png" />
+			<img src="/images/twittersmall.png" />
+			</div>
+			</a>
+		{% endif %}
+	{% endfor %}
+<div style="clear: both; " />
+<a href="#"><div class="uparrow"></div></a>
+<!--
+<div id="circles" style="background-color: {{page:bgcolora}}; ">
+<a href="http://twitter.com/intent/tweet?source=webclient&text={{ page.blurb }}+teamopen.cc{{ page.url }}+%40{{ page.twitterhandle }}+%23teamopen" target="_blank" style="text-decoration: none; "><div class="circle" style="background-image: url(/images/twitter.png); "><div class="circletext">share on twitter</div></div></a>
+<a href="{{ page.facebookshare }}" style="text-decoration: none; " target="_blank"><div class="circle" style="background-image: url(/images/facebook.png); "><div class="circletext">share on facebook</div></div></a>
+<a href="{{ page.newsletter }}" target="_blank" style="text-decoration:none; "><div class="circle" style="background-image: url(/images/newsletter.png); "><div class="circletext">receive the newsletter</div></div></a>
+<a href="https://donate.creativecommons.org/?utm_campaign=teamopen&utm_source={{ page.source }}&utm_medium=web" target="_blank" style="text-decoration:none; "><div class="heart"><div class="hearttext">support cc</div></div></a>
+</div>
+-->
+<!--
+<div class="licensebox">
+<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/4.0/88x31.png" /></a></p>
+<p><a href="{{page.url}}"><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">{{ page.title }} (Team Open)</span></a> was written by {{ page.writer }} for <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Creative Commons</span>. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
+<div class="spacer"></div>
+</div>
+-->
+</div>
+</body>
+</html>
diff --git a/_layouts/comingsoon.html b/_layouts/comingsoon.html
@@ -0,0 +1,21 @@
+<html>
+<head>
+<title>Team Open</title>
+<link rel="stylesheet" type="text/css" href="/style.css" />
+<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+	{% assign numberofprofiles = 12 %}
+</head>
+<body>
+<div id="middle" style="background-color: black;">
+<div id="topspace"></div>
+<h1>Team Open</h1>
+{{content}}
+<div id="circles">
+<a href="http://twitter.com/intent/tweet?source=webclient&text=I'm+on+%23teamopen+teamopen.cc" target="_blank"><div class="circle" style="background-image: url(/images/twitter.png); "><div class="circletext">share on twitter</div></div></a>
+<a href="http://www.facebook.com/creativecommons" target="_blank"><div class="circle" style="background-image: url(/images/facebook.png); "><div class="circletext">share on facebook</div></div></a>
+<a href="https://creativecommons.net/civicrm/mailing/subscribe" target="_blank"><div class="circle" style="background-image: url(/images/newsletter.png); "><div class="circletext">receive the newsletter</div></div></a>
+<a href="https://creativecommons.net/" target="_blank"><div class="heart"><div class="hearttext">support cc</div></div></a>
+</div>
+</div>
+</body>
+</html>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -0,0 +1,49 @@
+<html>
+<head>
+<title>Team Open</title>
+<link rel="stylesheet" type="text/css" href="/style.css" />
+<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+	{% assign numberofprofiles = 12 %}
+
+
+	<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-2010376-27', 'teamopen.cc');
+  ga('send', 'pageview');
+
+</script>
+
+
+</head>
+<body>
+
+<div id="navbar">
+	{% for i in (1..numberofprofiles) %}
+		{% for page in site.pages %}
+			{% if page.layout == 'profiles' %} 
+				{% if page.order == {{i}} %}
+						<a href="{{ page.permalink }}"><div class="navface" style="background-image: url({{page.navurl}}); "></div></a>
+				{% endif %}
+			{% endif %}
+		{% endfor %}
+	{% endfor %}
+</div>
+<div style="clear: both; "></div>
+
+<div id="middle" style="background-color: #626C72; ">
+<div id="topspace"></div>
+<h1>Team Open</h1>
+{{content}}
+<div id="circles" style="position: static; ">
+<a href="http://twitter.com/intent/tweet?source=webclient&text=I'm+on+%23teamopen+teamopen.cc" target="_blank" style="text-decoration: none; "><div class="circle" style="background-image: url(/images/twitter.png); "><div class="circletext">share on twitter</div></div></a>
+<a href="http://www.facebook.com/creativecommons" target="_blank" style="text-decoration: none; "><div class="circle" style="background-image: url(/images/facebook.png); "><div class="circletext">share on facebook</div></div></a>
+<a href="https://docs.google.com/forms/d/1-_Z8q6XdCyXWZU3k-ogoy7TrPxhSN7nYHPvjj0MwogA/viewform?entry.239708838=Team+Open&entry.1860916380&entry.1017428125&entry.1257771276" target="_blank" style="text-decoration: none; "><div class="circle" style="background-image: url(/images/newsletter.png); "><div class="circletext">receive the newsletter</div></div></a>
+<a href="https://donate.creativecommons.org/?utm_campaign=teamopen&utm_source={{ page.source }}&utm_medium=web" target="_blank" style="text-decoration: none; "><div class="heart"><div class="hearttext">support cc</div></div></a>
+</div>
+</div>
+</body>
+</html>
diff --git a/_layouts/profiles.html b/_layouts/profiles.html
@@ -0,0 +1,109 @@
+<html>
+<head>
+<title>{{ page.title }} | Team Open</title>
+<link rel="stylesheet" type="text/css" href="/style.css" />
+<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+
+
+	<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-2010376-27', 'teamopen.cc');
+  ga('send', 'pageview');
+
+</script>
+
+<!-- This code is what makes the "next" and "previous" buttons work, as well as the faces in the navbar. When adding new profiles, adjust the page.order variable for all profiles accordingly, and change the numberofprofiles variable below to the total number of profiles. -->
+
+	{% assign currentpage = page.title %}
+	{% assign numberofprofiles = 12 %}
+
+	{% if page.order == {numberofprofiles} %}
+		{% assign orderplusone = 1 %}
+	{% else %}
+		{% assign orderplusone = page.order|plus:1 %}
+	{% endif %}
+
+	{% if page.order == 1 %}
+		{% assign orderminusone = {numberofprofiles} %}
+	{% else %}
+		{% assign orderminusone = page.order|minus:1 %}
+	{% endif %}
+
+</head>
+<body>
+<div id="navbar">
+
+<!-- When we create a second series of cards, we'll need to add another command to the logic below, to include only profiles in the same series. -->
+
+	{% for i in (1..numberofprofiles) %}
+		{% for page in site.pages %}
+			{% if page.layout == 'profiles' %} 
+				{% if page.order == {{i}} %}
+					{% if page.title == {{currentpage}} %}
+						<div class="navface" style="background-image: url({{page.navurl}}); 	background-position: -75px 0px; ">{{ page.title }}</div>
+					{% else %}
+						<a href="{{ page.permalink }}"><div class="navface" style="background-image: url({{page.navurl}}); ">{{ page.title }}</div></a>
+					{% endif %}
+				{% endif %}
+			{% endif %}
+		{% endfor %}
+	{% endfor %}
+</div>
+<div style="clear: both; "></div>
+<div id="middle" style="background-color: {{page:bgcolora}}; ">
+<div id="topspace"></div>
+<a href="/all/"><h1>Team Open</h1></a>
+  {% for page in site.pages %}
+    {% if page.layout == 'profiles' %}  
+    	{% if page.order == {{orderminusone}} %}
+    		<a href="{{page.permalink}}">
+    	{% endif %}
+    {% endif %}
+  {% endfor %}
+<div class="arrow" style="background-color: {{page:bgcolorb}}; background-image: url('/images/leftarrow.png'); " ></div></a>
+<div class="bannerleft" style="background: url({{page.headshoturl}}) no-repeat 0 0; " /></div>
+<a href="#profile" style="text-decoration: none; ">
+<div class="bannerright" style="background-color: {{page:bgcolorb}}; background-image: url('/images/bannerright.png'); ">
+<div class="bannerrightcontent">
+<h2>{{ page.title }} </h2>
+<h3>{{ page.blurb }}</h3> 
+</div>
+</div>
+</a>
+  {% for page in site.pages %}
+    {% if page.layout == 'profiles' %}  
+    	{% if page.order == {{orderplusone}} %}
+    		<a href="{{page.permalink}}">
+    	{% endif %}
+    {% endif %}
+  {% endfor %}
+<div class="arrow" style="background-color: {{page:bgcolorb}}; background-image: url('/images/rightarrow.png'); " ></div></a>
+</a>
+<br style="clear: both; " />
+<div id="profile">
+{{content}}
+</div>
+<a href="#"><div class="uparrow"></div></a>
+<div id="circles" style="background-color: {{page:bgcolora}}; ">
+<a href="http://twitter.com/intent/tweet?source=webclient&text={{ page.blurb }}+teamopen.cc{{ page.url }}+%40{{ page.twitterhandle }}+%23teamopen" target="_blank" style="text-decoration: none; "><div class="circle" style="background-image: url(/images/twitter.png); "><div class="circletext">share on twitter</div></div></a>
+<a href="{{ page.facebookshare }}" style="text-decoration: none; " target="_blank"><div class="circle" style="background-image: url(/images/facebook.png); "><div class="circletext">share on facebook</div></div></a>
+<a href="{{ page.newsletter }}" target="_blank" style="text-decoration:none; "><div class="circle" style="background-image: url(/images/newsletter.png); "><div class="circletext">receive the newsletter</div></div></a>
+<a href="https://donate.creativecommons.org/?utm_campaign=teamopen&utm_source={{ page.source }}&utm_medium=web" target="_blank" style="text-decoration:none; "><div class="heart"><div class="hearttext">support cc</div></div></a>
+</div>
+<div class="licensebox">
+<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/4.0/88x31.png" /></a></p>
+<p><a href="{{page.url}}"><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">{{ page.title }} (Team Open)</span></a> was written by {{ page.writer }} for <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Creative Commons</span>. This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</p>
+
+	{% if page.drawingby %}
+<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img src="http://i.creativecommons.org/p/zero/1.0/88x31.png" width=88 height=31 border=0></a></p>
+<p>The illustration of {{ page.title }} was created by <a href="{{ page.drawingbyurl }}">{{ page.drawingby }}</a>. To the extent possible under the law, {{ page.drawingby }} has waived all copyright and related or neighboring rights under the <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC0 Public Domain Declaration</a>.</p>
+	{% endif %}
+<div class="spacer"></div>
+</div>
+</div>
+</body>
+</html>
diff --git a/all.html b/all.html
@@ -0,0 +1,46 @@
+---
+layout: home
+title: Team Open
+source: teamopen
+published: true
+permalink: /all/
+---
+	{% assign numberofprofiles = 12 %}
+
+<div class="othercontent">
+<p>Creative Commons is a nonprofit organization that enables the sharing and use of creativity and knowledge through free legal tools.</p>
+<p>Team Open is a project to collect and share stories of the power of Creative Commons licenses.</p>
+<p>If you <a href="https://donate.creativecommons.org/?utm_campaign=teamopen&utm_source=teamopen&utm_medium=web">donate $25 (US) or more to Creative Commons</a>, we&#8217;ll send you a complete set of Team Open trading cards.</p>
+</div>
+
+	{% for i in (1..numberofprofiles) %}
+		{% for page in site.pages %}
+			{% if page.layout == 'profiles' %} 
+				{% if page.order == {{i}} %}
+					<a href="{{ page.permalink }}" style="text-decoration: none; ">
+					<div class="selector" style="background-color: {{page:bgcolorb}}; ">
+					<div class="bannerleft" style="background: url({{page.headshoturl}}) no-repeat 0 0; " /></div>
+					<div class="bannerleft" style="background: {{page:bgcolorb}}; ">
+					<div class="bannerrightcontent">
+					<h2>{{ page.title }}</h2>
+					<h3>{{ page.blurb }}</h3> 
+					</div>
+					</div>
+					</div>
+					</a>
+					<div style="clear: both; "></div>
+				{% endif %}
+			{% endif %}
+		{% endfor %}
+	{% endfor %}
+<div style="height: 50px; clear: both; "></div>
+
+<div class="licensebox">
+<p>The Team Open website, interviews, and trading cards are licensed under <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International</a>.</p>
+<p>The Team Open caricatures were created by <a href="http://www.lukesurl.com/">Luke Surl</a>. To the extent possible under the law, Luke has waived all copyright and related or neighboring rights under the <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC0 Public Domain Declaration</a>.</p>
+<p>The Team Open logo is set in <a href="http://www.dafont.com/mexcellent.font">Mexcellent</a>. This website and the Team Open trading cards are set in <a href="http://www.google.com/fonts/specimen/Roboto+Slab">Roboto Slab</a>.</p>
+<p><a href="https://github.com/creativecommons/team-open/">GitHub repository</a></p>
+<p>LayerVault projects:</p>
+<ul><li><a href="https://layervault.com/creative-commons/team%20open">Website and trading card design</a></li>
+<li><a href="https://layervault.com/creative-commons/Team%20Open%20portraits">Caricatures</a></li></ul>
+</div>