[gnome-web-www] initial commit of the opw landing page
- From: Fabiana Pedreira Simões <fabianaps src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-web-www] initial commit of the opw landing page
- Date: Thu, 4 Jul 2013 08:35:30 +0000 (UTC)
commit 676f1dfd8cf165a1159fd3100d1f13b291666912
Author: Fabiana Simões <fabianapsimoes gmail com>
Date: Thu Jul 4 10:35:17 2013 +0200
initial commit of the opw landing page
theme/opw/css/960_24_col.css | 621 +++++++++++++++++++++++++
theme/opw/css/fonts/Chunkfive-webfont.ttf | Bin 0 -> 17940 bytes
theme/opw/css/img/footer-balloons.png | Bin 0 -> 6494 bytes
theme/opw/css/img/footer-grass.png | Bin 0 -> 10178 bytes
theme/opw/css/img/girl.png | Bin 0 -> 5900 bytes
theme/opw/css/img/sponsor-bloomberg.png | Bin 0 -> 9747 bytes
theme/opw/css/img/sponsor-eff.png | Bin 0 -> 3600 bytes
theme/opw/css/img/sponsor-fsf.png | Bin 0 -> 5352 bytes
theme/opw/css/img/sponsor-gnome.png | Bin 0 -> 4105 bytes
theme/opw/css/img/sponsor-google.png | Bin 0 -> 26944 bytes
theme/opw/css/img/sponsor-intel.png | Bin 0 -> 5320 bytes
theme/opw/css/img/sponsor-joomla.png | Bin 0 -> 6218 bytes
theme/opw/css/img/sponsor-kdab.png | Bin 0 -> 7371 bytes
theme/opw/css/img/sponsor-linuxfoundation.png | Bin 0 -> 5228 bytes
theme/opw/css/img/sponsor-mediagoblin.png | Bin 0 -> 3588 bytes
theme/opw/css/img/sponsor-mozilla.png | Bin 0 -> 5716 bytes
theme/opw/css/img/sponsor-nescent.png | Bin 0 -> 5251 bytes
theme/opw/css/img/sponsor-openmrs.png | Bin 0 -> 4560 bytes
theme/opw/css/img/sponsor-openstack.png | Bin 0 -> 9341 bytes
theme/opw/css/img/sponsor-oti.png | Bin 0 -> 5832 bytes
theme/opw/css/img/sponsor-perl.png | Bin 0 -> 8153 bytes
theme/opw/css/img/sponsor-redhat.png | Bin 0 -> 4845 bytes
theme/opw/css/img/sponsor-wikimedia.png | Bin 0 -> 4835 bytes
theme/opw/css/img/sponsor-wordpress.png | Bin 0 -> 7593 bytes
theme/opw/css/img/sponsor-yocto.png | Bin 0 -> 5779 bytes
theme/opw/css/main.css | 161 +++++++
theme/opw/css/main.js | 19 +
theme/opw/css/reset.css | 48 ++
theme/opw/index.html | 211 +++++++++
theme/opw/main.js | 23 +
30 files changed, 1083 insertions(+), 0 deletions(-)
---
diff --git a/theme/opw/css/960_24_col.css b/theme/opw/css/960_24_col.css
new file mode 100755
index 0000000..6c97634
--- /dev/null
+++ b/theme/opw/css/960_24_col.css
@@ -0,0 +1,621 @@
+/*
+ 960 Grid System ~ Core CSS.
+ Learn more ~ http://960.gs/
+
+ Licensed under GPL and MIT.
+*/
+
+/*
+ Forces backgrounds to span full width,
+ even if there is horizontal scrolling.
+ Increase this if your layout is wider.
+
+ Note: IE6 works fine without this fix.
+*/
+
+body {
+ min-width: 960px;
+}
+
+/* `Container
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 {
+ margin-left: auto;
+ margin-right: auto;
+ width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16,
+.grid_17,
+.grid_18,
+.grid_19,
+.grid_20,
+.grid_21,
+.grid_22,
+.grid_23,
+.grid_24 {
+ display: inline;
+ float: left;
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.push_1, .pull_1,
+.push_2, .pull_2,
+.push_3, .pull_3,
+.push_4, .pull_4,
+.push_5, .pull_5,
+.push_6, .pull_6,
+.push_7, .pull_7,
+.push_8, .pull_8,
+.push_9, .pull_9,
+.push_10, .pull_10,
+.push_11, .pull_11,
+.push_12, .pull_12,
+.push_13, .pull_13,
+.push_14, .pull_14,
+.push_15, .pull_15,
+.push_16, .pull_16,
+.push_17, .pull_17,
+.push_18, .pull_18,
+.push_19, .pull_19,
+.push_20, .pull_20,
+.push_21, .pull_21,
+.push_22, .pull_22,
+.push_23, .pull_23 {
+ position: relative;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+ margin-left: 0;
+}
+
+.omega {
+ margin-right: 0;
+}
+
+/* `Grid >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .grid_1 {
+ width: 30px;
+}
+
+.container_24 .grid_2 {
+ width: 70px;
+}
+
+.container_24 .grid_3 {
+ width: 110px;
+}
+
+.container_24 .grid_4 {
+ width: 150px;
+}
+
+.container_24 .grid_5 {
+ width: 190px;
+}
+
+.container_24 .grid_6 {
+ width: 230px;
+}
+
+.container_24 .grid_7 {
+ width: 270px;
+}
+
+.container_24 .grid_8 {
+ width: 310px;
+}
+
+.container_24 .grid_9 {
+ width: 350px;
+}
+
+.container_24 .grid_10 {
+ width: 390px;
+}
+
+.container_24 .grid_11 {
+ width: 430px;
+}
+
+.container_24 .grid_12 {
+ width: 470px;
+}
+
+.container_24 .grid_13 {
+ width: 510px;
+}
+
+.container_24 .grid_14 {
+ width: 550px;
+}
+
+.container_24 .grid_15 {
+ width: 590px;
+}
+
+.container_24 .grid_16 {
+ width: 630px;
+}
+
+.container_24 .grid_17 {
+ width: 670px;
+}
+
+.container_24 .grid_18 {
+ width: 710px;
+}
+
+.container_24 .grid_19 {
+ width: 750px;
+}
+
+.container_24 .grid_20 {
+ width: 790px;
+}
+
+.container_24 .grid_21 {
+ width: 830px;
+}
+
+.container_24 .grid_22 {
+ width: 870px;
+}
+
+.container_24 .grid_23 {
+ width: 910px;
+}
+
+.container_24 .grid_24 {
+ width: 950px;
+}
+
+/* `Prefix Extra Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .prefix_1 {
+ padding-left: 40px;
+}
+
+.container_24 .prefix_2 {
+ padding-left: 80px;
+}
+
+.container_24 .prefix_3 {
+ padding-left: 120px;
+}
+
+.container_24 .prefix_4 {
+ padding-left: 160px;
+}
+
+.container_24 .prefix_5 {
+ padding-left: 200px;
+}
+
+.container_24 .prefix_6 {
+ padding-left: 240px;
+}
+
+.container_24 .prefix_7 {
+ padding-left: 280px;
+}
+
+.container_24 .prefix_8 {
+ padding-left: 320px;
+}
+
+.container_24 .prefix_9 {
+ padding-left: 360px;
+}
+
+.container_24 .prefix_10 {
+ padding-left: 400px;
+}
+
+.container_24 .prefix_11 {
+ padding-left: 440px;
+}
+
+.container_24 .prefix_12 {
+ padding-left: 480px;
+}
+
+.container_24 .prefix_13 {
+ padding-left: 520px;
+}
+
+.container_24 .prefix_14 {
+ padding-left: 560px;
+}
+
+.container_24 .prefix_15 {
+ padding-left: 600px;
+}
+
+.container_24 .prefix_16 {
+ padding-left: 640px;
+}
+
+.container_24 .prefix_17 {
+ padding-left: 680px;
+}
+
+.container_24 .prefix_18 {
+ padding-left: 720px;
+}
+
+.container_24 .prefix_19 {
+ padding-left: 760px;
+}
+
+.container_24 .prefix_20 {
+ padding-left: 800px;
+}
+
+.container_24 .prefix_21 {
+ padding-left: 840px;
+}
+
+.container_24 .prefix_22 {
+ padding-left: 880px;
+}
+
+.container_24 .prefix_23 {
+ padding-left: 920px;
+}
+
+/* `Suffix Extra Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .suffix_1 {
+ padding-right: 40px;
+}
+
+.container_24 .suffix_2 {
+ padding-right: 80px;
+}
+
+.container_24 .suffix_3 {
+ padding-right: 120px;
+}
+
+.container_24 .suffix_4 {
+ padding-right: 160px;
+}
+
+.container_24 .suffix_5 {
+ padding-right: 200px;
+}
+
+.container_24 .suffix_6 {
+ padding-right: 240px;
+}
+
+.container_24 .suffix_7 {
+ padding-right: 280px;
+}
+
+.container_24 .suffix_8 {
+ padding-right: 320px;
+}
+
+.container_24 .suffix_9 {
+ padding-right: 360px;
+}
+
+.container_24 .suffix_10 {
+ padding-right: 400px;
+}
+
+.container_24 .suffix_11 {
+ padding-right: 440px;
+}
+
+.container_24 .suffix_12 {
+ padding-right: 480px;
+}
+
+.container_24 .suffix_13 {
+ padding-right: 520px;
+}
+
+.container_24 .suffix_14 {
+ padding-right: 560px;
+}
+
+.container_24 .suffix_15 {
+ padding-right: 600px;
+}
+
+.container_24 .suffix_16 {
+ padding-right: 640px;
+}
+
+.container_24 .suffix_17 {
+ padding-right: 680px;
+}
+
+.container_24 .suffix_18 {
+ padding-right: 720px;
+}
+
+.container_24 .suffix_19 {
+ padding-right: 760px;
+}
+
+.container_24 .suffix_20 {
+ padding-right: 800px;
+}
+
+.container_24 .suffix_21 {
+ padding-right: 840px;
+}
+
+.container_24 .suffix_22 {
+ padding-right: 880px;
+}
+
+.container_24 .suffix_23 {
+ padding-right: 920px;
+}
+
+/* `Push Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .push_1 {
+ left: 40px;
+}
+
+.container_24 .push_2 {
+ left: 80px;
+}
+
+.container_24 .push_3 {
+ left: 120px;
+}
+
+.container_24 .push_4 {
+ left: 160px;
+}
+
+.container_24 .push_5 {
+ left: 200px;
+}
+
+.container_24 .push_6 {
+ left: 240px;
+}
+
+.container_24 .push_7 {
+ left: 280px;
+}
+
+.container_24 .push_8 {
+ left: 320px;
+}
+
+.container_24 .push_9 {
+ left: 360px;
+}
+
+.container_24 .push_10 {
+ left: 400px;
+}
+
+.container_24 .push_11 {
+ left: 440px;
+}
+
+.container_24 .push_12 {
+ left: 480px;
+}
+
+.container_24 .push_13 {
+ left: 520px;
+}
+
+.container_24 .push_14 {
+ left: 560px;
+}
+
+.container_24 .push_15 {
+ left: 600px;
+}
+
+.container_24 .push_16 {
+ left: 640px;
+}
+
+.container_24 .push_17 {
+ left: 680px;
+}
+
+.container_24 .push_18 {
+ left: 720px;
+}
+
+.container_24 .push_19 {
+ left: 760px;
+}
+
+.container_24 .push_20 {
+ left: 800px;
+}
+
+.container_24 .push_21 {
+ left: 840px;
+}
+
+.container_24 .push_22 {
+ left: 880px;
+}
+
+.container_24 .push_23 {
+ left: 920px;
+}
+
+/* `Pull Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .pull_1 {
+ left: -40px;
+}
+
+.container_24 .pull_2 {
+ left: -80px;
+}
+
+.container_24 .pull_3 {
+ left: -120px;
+}
+
+.container_24 .pull_4 {
+ left: -160px;
+}
+
+.container_24 .pull_5 {
+ left: -200px;
+}
+
+.container_24 .pull_6 {
+ left: -240px;
+}
+
+.container_24 .pull_7 {
+ left: -280px;
+}
+
+.container_24 .pull_8 {
+ left: -320px;
+}
+
+.container_24 .pull_9 {
+ left: -360px;
+}
+
+.container_24 .pull_10 {
+ left: -400px;
+}
+
+.container_24 .pull_11 {
+ left: -440px;
+}
+
+.container_24 .pull_12 {
+ left: -480px;
+}
+
+.container_24 .pull_13 {
+ left: -520px;
+}
+
+.container_24 .pull_14 {
+ left: -560px;
+}
+
+.container_24 .pull_15 {
+ left: -600px;
+}
+
+.container_24 .pull_16 {
+ left: -640px;
+}
+
+.container_24 .pull_17 {
+ left: -680px;
+}
+
+.container_24 .pull_18 {
+ left: -720px;
+}
+
+.container_24 .pull_19 {
+ left: -760px;
+}
+
+.container_24 .pull_20 {
+ left: -800px;
+}
+
+.container_24 .pull_21 {
+ left: -840px;
+}
+
+.container_24 .pull_22 {
+ left: -880px;
+}
+
+.container_24 .pull_23 {
+ left: -920px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
+
+.clearfix:before,
+.clearfix:after,
+.container_24:before,
+.container_24:after {
+ content: '.';
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ font-size: 0;
+ line-height: 0;
+ width: 0;
+ height: 0;
+}
+
+.clearfix:after,
+.container_24:after {
+ clear: both;
+}
+
+/*
+ The following zoom:1 rule is specifically for IE6 + IE7.
+ Move to separate stylesheet if invalid CSS is a problem.
+*/
+
+.clearfix,
+.container_24 {
+ zoom: 1;
+}
\ No newline at end of file
diff --git a/theme/opw/css/fonts/Chunkfive-webfont.ttf b/theme/opw/css/fonts/Chunkfive-webfont.ttf
new file mode 100644
index 0000000..0ecb26d
Binary files /dev/null and b/theme/opw/css/fonts/Chunkfive-webfont.ttf differ
diff --git a/theme/opw/css/img/footer-balloons.png b/theme/opw/css/img/footer-balloons.png
new file mode 100644
index 0000000..8245ccf
Binary files /dev/null and b/theme/opw/css/img/footer-balloons.png differ
diff --git a/theme/opw/css/img/footer-grass.png b/theme/opw/css/img/footer-grass.png
new file mode 100644
index 0000000..ded0bd9
Binary files /dev/null and b/theme/opw/css/img/footer-grass.png differ
diff --git a/theme/opw/css/img/girl.png b/theme/opw/css/img/girl.png
new file mode 100644
index 0000000..6e51726
Binary files /dev/null and b/theme/opw/css/img/girl.png differ
diff --git a/theme/opw/css/img/sponsor-bloomberg.png b/theme/opw/css/img/sponsor-bloomberg.png
new file mode 100644
index 0000000..2bfb3d7
Binary files /dev/null and b/theme/opw/css/img/sponsor-bloomberg.png differ
diff --git a/theme/opw/css/img/sponsor-eff.png b/theme/opw/css/img/sponsor-eff.png
new file mode 100644
index 0000000..a349c73
Binary files /dev/null and b/theme/opw/css/img/sponsor-eff.png differ
diff --git a/theme/opw/css/img/sponsor-fsf.png b/theme/opw/css/img/sponsor-fsf.png
new file mode 100644
index 0000000..1adb81e
Binary files /dev/null and b/theme/opw/css/img/sponsor-fsf.png differ
diff --git a/theme/opw/css/img/sponsor-gnome.png b/theme/opw/css/img/sponsor-gnome.png
new file mode 100644
index 0000000..bc05ad2
Binary files /dev/null and b/theme/opw/css/img/sponsor-gnome.png differ
diff --git a/theme/opw/css/img/sponsor-google.png b/theme/opw/css/img/sponsor-google.png
new file mode 100644
index 0000000..472258e
Binary files /dev/null and b/theme/opw/css/img/sponsor-google.png differ
diff --git a/theme/opw/css/img/sponsor-intel.png b/theme/opw/css/img/sponsor-intel.png
new file mode 100644
index 0000000..92326c8
Binary files /dev/null and b/theme/opw/css/img/sponsor-intel.png differ
diff --git a/theme/opw/css/img/sponsor-joomla.png b/theme/opw/css/img/sponsor-joomla.png
new file mode 100644
index 0000000..3844446
Binary files /dev/null and b/theme/opw/css/img/sponsor-joomla.png differ
diff --git a/theme/opw/css/img/sponsor-kdab.png b/theme/opw/css/img/sponsor-kdab.png
new file mode 100644
index 0000000..02c5040
Binary files /dev/null and b/theme/opw/css/img/sponsor-kdab.png differ
diff --git a/theme/opw/css/img/sponsor-linuxfoundation.png b/theme/opw/css/img/sponsor-linuxfoundation.png
new file mode 100644
index 0000000..84e00b8
Binary files /dev/null and b/theme/opw/css/img/sponsor-linuxfoundation.png differ
diff --git a/theme/opw/css/img/sponsor-mediagoblin.png b/theme/opw/css/img/sponsor-mediagoblin.png
new file mode 100644
index 0000000..c8dcab6
Binary files /dev/null and b/theme/opw/css/img/sponsor-mediagoblin.png differ
diff --git a/theme/opw/css/img/sponsor-mozilla.png b/theme/opw/css/img/sponsor-mozilla.png
new file mode 100644
index 0000000..28520b7
Binary files /dev/null and b/theme/opw/css/img/sponsor-mozilla.png differ
diff --git a/theme/opw/css/img/sponsor-nescent.png b/theme/opw/css/img/sponsor-nescent.png
new file mode 100644
index 0000000..847a568
Binary files /dev/null and b/theme/opw/css/img/sponsor-nescent.png differ
diff --git a/theme/opw/css/img/sponsor-openmrs.png b/theme/opw/css/img/sponsor-openmrs.png
new file mode 100644
index 0000000..40842a9
Binary files /dev/null and b/theme/opw/css/img/sponsor-openmrs.png differ
diff --git a/theme/opw/css/img/sponsor-openstack.png b/theme/opw/css/img/sponsor-openstack.png
new file mode 100644
index 0000000..07083b8
Binary files /dev/null and b/theme/opw/css/img/sponsor-openstack.png differ
diff --git a/theme/opw/css/img/sponsor-oti.png b/theme/opw/css/img/sponsor-oti.png
new file mode 100644
index 0000000..bcb61cf
Binary files /dev/null and b/theme/opw/css/img/sponsor-oti.png differ
diff --git a/theme/opw/css/img/sponsor-perl.png b/theme/opw/css/img/sponsor-perl.png
new file mode 100644
index 0000000..9d959cf
Binary files /dev/null and b/theme/opw/css/img/sponsor-perl.png differ
diff --git a/theme/opw/css/img/sponsor-redhat.png b/theme/opw/css/img/sponsor-redhat.png
new file mode 100644
index 0000000..6031eab
Binary files /dev/null and b/theme/opw/css/img/sponsor-redhat.png differ
diff --git a/theme/opw/css/img/sponsor-wikimedia.png b/theme/opw/css/img/sponsor-wikimedia.png
new file mode 100644
index 0000000..9bce43c
Binary files /dev/null and b/theme/opw/css/img/sponsor-wikimedia.png differ
diff --git a/theme/opw/css/img/sponsor-wordpress.png b/theme/opw/css/img/sponsor-wordpress.png
new file mode 100644
index 0000000..20043b1
Binary files /dev/null and b/theme/opw/css/img/sponsor-wordpress.png differ
diff --git a/theme/opw/css/img/sponsor-yocto.png b/theme/opw/css/img/sponsor-yocto.png
new file mode 100644
index 0000000..c0599fd
Binary files /dev/null and b/theme/opw/css/img/sponsor-yocto.png differ
diff --git a/theme/opw/css/main.css b/theme/opw/css/main.css
new file mode 100644
index 0000000..4449e09
--- /dev/null
+++ b/theme/opw/css/main.css
@@ -0,0 +1,161 @@
+ font-face {
+ font-family: 'ChunkFiveRegular';
+ src: url('fonts/Chunkfive-webfont.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+html, body {
+ font-family: 'Source Sans Pro', sans-serif;
+ font-size: 14px;
+ line-height: 1.5em;
+ color: #333;
+}
+
+p {
+ padding: 5px 0;
+ text-align: justify;
+}
+
+strong {
+ font-weight: bold;
+}
+
+a, .logo:hover {
+ text-decoration: none;
+ color: #20b2aa;
+}
+
+.logo:hover {
+ color: white;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+h2 {
+ color: #20b2aa;
+ font-weight: bold;
+ font-size: 1.5em;
+ padding: 30px 0 10px 0;
+}
+
+h3 {
+ color: #222;
+ font-size: 1.2em;
+ font-weight: bold;
+ text-align: center;
+ padding-top: 20px;
+}
+
+.main {
+ margin: 0 auto;
+ display: block;
+}
+
+.section {
+ border-top: #babdb6 solid 4px;
+ margin-top: 20px;
+}
+
+.nav-container {
+ background-color: #20b2aa;
+ width: 100%;
+
+}
+
+.fixed {
+ position: fixed;
+}
+
+.nav {
+ width: 960px;
+ margin: 0 auto;
+ padding: 30px 0;
+ color: white;
+}
+
+.nav li {
+ display: inline-block;
+ padding: 0 30px;
+}
+
+.nav li:first-child {
+ padding-left: 0;
+ font-family: 'ChunkFiveRegular';
+ font-size: 1.5em;
+}
+
+.nav a {
+ color: white;
+}
+
+.content {
+ padding-top: 80px;
+}
+
+.learn-more {
+ float: right;
+ color: #20b2aa;
+ padding-top: 20px;
+}
+
+.link-wiki {
+ font-size: 14px;
+ padding-top: 10px;
+}
+
+.view-participants {
+ cursor: pointer;
+}
+
+.top-intro {
+ background: url("img/girl.png") no-repeat bottom;
+ font-size: 1.5em;
+ height: 230px;
+ line-height: 1.5em;
+ padding: 40px 0;
+}
+
+.intro-img {
+ float: right;
+}
+
+.organizations li {
+ list-style: none;
+}
+
+.org-name {
+ font-weight: bold;
+ padding-top: 10px;
+}
+
+#sponsors img {
+ padding-top: 40px;
+}
+
+.footer-art, .footer {
+ margin: 0 auto;
+ width: 960px;
+}
+
+.footer-art {
+ background: url("img/footer-balloons.png") no-repeat bottom;
+ height: 200px;
+}
+
+.footer-grass {
+ background: url("img/footer-grass.png");
+ height: 39px;
+}
+
+.footer-wrapper {
+ background-color: #d3d7cf;
+}
+
+.footer {
+ padding: 20px 0;
+ color: #333;
+}
diff --git a/theme/opw/css/main.js b/theme/opw/css/main.js
new file mode 100644
index 0000000..381ebdf
--- /dev/null
+++ b/theme/opw/css/main.js
@@ -0,0 +1,19 @@
+jQuery(document).ready(function($) {
+ $(".scroll").click(function(event){
+ event.preventDefault();
+ $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
+ });
+
+ var aboveHeight = $('header').outerHeight();
+ $(window).scroll(function(){
+
+ if ($(window).scrollTop() > aboveHeight){
+ $('.nav-container').addClass('fixed').css('top','0');
+ $('.content').css('padding-top','60px');
+ } else {
+ $('.nav-container').removeClass('fixed');
+ $('.content').css('padding-top','0');
+ }
+ });
+});
+
diff --git a/theme/opw/css/reset.css b/theme/opw/css/reset.css
new file mode 100644
index 0000000..e29c0f5
--- /dev/null
+++ b/theme/opw/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/theme/opw/index.html b/theme/opw/index.html
new file mode 100644
index 0000000..42a88f8
--- /dev/null
+++ b/theme/opw/index.html
@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Outreach Program For Women - Free and Open Source Software internships for women</title>
+<link rel="stylesheet" href="css/reset.css">
+<link rel="stylesheet" href="css/main.css">
+<link rel="stylesheet" href="css/960_24_col.css">
+
+<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
+
+<script src="http://code.jquery.com/jquery-1.10.1.min.js";></script>
+<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js";></script>
+<script src="main.js"></script>
+</head>
+
+<body>
+
+
+<div class="nav-container fixed">
+ <ul class="nav">
+ <li><a href="#home" class="scroll logo">Outreach Program for Women</a></li>
+ <li><a href="#participants" class="scroll">Participants</a></li>
+ <li><a href="#sponsors" class="scroll">Sponsors</a></li>
+ <li><a href="#about" class="scroll">About</a></li>
+ </ul>
+</div>
+
+<div class="container_24 content" id="home">
+ <div class="grid_24 top-intro">
+ <div class="grid_13 alpha">
+ <p>The Outreach Program for Women (OPW) helps women get involved in free and open source
software. We provide a supportive community for begining to contribute any time throughout the year and
offer focused internship opportunities twice a year with a number of free software organizations.</p>
+
+ <a href="https://live.gnome.org/OutreachProgramForWomen"; class="learn-more link-wiki">Learn how
to get started and apply!</a>
+ </div>
+ </div>
+
+ <div class="clearfix"></div>
+
+ <div class="grid_24" id="participants">
+ <h2>Participants</h2>
+
+ <p>Congratulations to the <strong>37 participants</strong> accepted for the June - September 2013
round of the Outreach Program for Women!</p>
+
+ <p>Women who are students applying to work on coding projects were encouraged to apply for Google
Summer of Code as well. The administrators of both programs then coordinated to accept the top applicants for
one of the programs. Congratulations to the <strong>12 applicants</strong> who applied for both the Outreach
Program for Women and Google Summer of Code, and were accepted for Google Summer of Code!</p>
+
+ <a class="learn-more view-participants">Find out who's participating in this round!</a>
+ <div class="clearfix"></div>
+
+ <div class="participants-list">
+ <div class="grid_6 suffix_2 alpha organizations">
+ <div class="org-name">Electronic Frontier Foundation</div>
+ <li><a href="https://zyan.scripts.mit.edu/blog/";>Yan Zhu (zyan)</a></li>
+
+ <div class="org-name">GNOME</div>
+ <li><a href="http://web.iiit.ac.in/~saumya.dwivedi/";>Saumya Dwivedi</a></li>
+ <li><a href="http://web.iiit.ac.in/~saumya.pathak/";>Saumya Pathak</a></li>
+ <li><a href="http://about.me/shivanipoddar";>Shivani Poddar</a></li>
+ <li><a href="https://gardengnoming.wordpress.com/";>Aruna Sankaranarayanan</a></li>
+ <li><a href="https://dispatchesfromopw.wordpress.com/";>Pooja Saxena</a></li>
+ <li><a href="https://wenfoss.wordpress.com/";>Melissa Wen</a></li>
+ <li><a href="http://www.tiffany-yau.com/";>Tiffany Yau</a></li>
+ <li><a href="http://thismagpie.blogspot.se/";>Magdalen Berns</a></li>
+ <li>Garima Joshi</li>
+
+ <div class="org-name">Linux Kernel</div>
+ <li><a href="http://tulinizer.blogspot.se/";>Tülin İzer</a></li>
+ <li><a href="https://agile-tundra-1358.herokuapp.com/";>Lidza Louina</a></li>
+ <li><a href="http://lisatn.blogspot.se/";>Lisa T. Nguyen</a></li>
+ <li>Hema Prathaban</li>
+ <li><a href="https://burzalodowa.wordpress.com/";>Xenia Ragiadakou</a></li>
+ <li><a href="http://hellokernel.blogspot.se/";>Elena Ufimtseva</a></li>
+ <li><a href="http://lauravasilescu.ro/blog/";>Laura Vasilescu</a></li>
+
+ <div class="org-name">KDE</div>
+ <li><a href="https://imeimim.wordpress.com/";>Maria Far Ribes</a></li>
+ <li><a href="https://konkiewiczm.wordpress.com/";>Magdalena Konkiewicz</a></li>
+ <li><a href="https://kritawebshop.wordpress.com/";>Chinkal Nagpal</a></li>
+ <li><a href="https://oinig.wordpress.com/";>Oindrila Gupta</a></li>
+ <li><a href="http://heenamahour.blogspot.in/";>Heena Mahour</a></li>
+ </div>
+
+ <div class="grid_6 prefix_1 suffix_1 organizations">
+ <div class="org-name">Joomla</div>
+ <li>Hasini Abeywickrama</li>
+
+ <div class="org-name">MediaGoblin</div>
+ <li>Natalie Foust-Pilcher</li>
+ <li><a href="http://blog.lotusecho.net/";>Emily O'Leary</a></li>
+ <li><a href="https://pump.megworld.co.uk/Tsyesika";>Jessica Tallon</a></li>
+ <li>Aditi Mittal</li>
+
+ <div class="org-name">Mozilla</div>
+ <li><a href="http://tecendobits.cc/";>Gabriela Salvador Thumé</a></li>
+ <li><a href="http://www.tizianasellitto.it/blog/";>Tiziana Sellitto</a></li>
+
+ <div class="org-name">NESCent</div>
+ <li><a href="https://summerofphylet.wordpress.com/";>Chanda Phelan</a></li>
+
+ <div class="org-name">Open Technology Institute</div>
+ <li><a href="http://www.meganbui.net/blog/";>Megan Bui</a></li>
+ <li><a href="https://sites.google.com/site/hasnaformation/";>Hasna Sabah</a></li>
+ <li><a href="http://www.worddelights.com/blog";>Shailja Thakur</a></li>
+
+ <div class="org-name">OpenMRS</div>
+ <li><a href="https://parisejenn.wordpress.com/";>Jennifer Parise</a></li>
+ <li><a href="https://evoegesopw.wordpress.com/";>Elyse Voegeli</a></li>
+
+ <div class="org-name">OpenStack</div>
+ <li><a href="http://terriyu.info/blog/";>Terri Yu</a></li>
+
+ <div class="org-name">Perl</div>
+ <li><a href="http://upasana.me/";>Upasana Shukla</a></li>
+ </div>
+
+ <div class="grid_6 prefix_2 omega organizations">
+ <div class="org-name">Twisted</div>
+ <li><a href="http://staceysern.github.io/";>Stacey Sern</a></li>
+
+ <div class="org-name">Wikimedia</div>
+ <li><a href="http://bleededge.blogspot.se/";>Rachel Thomas</a></li>
+ <li>Himeshi De Silva</li>
+ <li><a href="http://aartindi.blogspot.se/";>Aarti Dwivedi</a></li>
+ <li>Richa Jain</li>
+ <li>Liangent</li>
+ <li><a href="moriel.smarterthanthat.com">Moriel Schottlender</a></li>
+ <li><a href="http://www.mollywhite.net/blog/";>Molly White</a></li>
+ <li><a href="http://jiabaowu.blogspot.com.au/";>Jiabao Wu</a></li>
+
+ <div class="org-name">WordPress</div>
+ <li>Siobhan Bamber</li>
+ <li><a href="http://codebykat.com/";>Kat Hagan</a></li>
+
+ <div class="org-name">Yocto Project</div>
+ <li><a href="http://mulhern-at-yocto.dreamwidth.org/";>Anne Mulhern</a></li>
+ </div>
+
+ <div class="clearfix"></div>
+ <a class="learn-more"
href="https://wiki.gnome.org/OutreachProgramForWomen#Previous_Participants";>Find out more about previous
participants!</a>
+ </div>
+ </div>
+
+ <div class="grid_24 section" id="sponsors">
+ <h2>Sponsors</h2>
+
+ <p>The Outreach Program for Women is organized by the GNOME Foundation with the special support from
<strong>Red Hat</strong>. The internships this round were generously sponsored by the following organizations
and companies:</p>
+
+ <h3>Equalizers</h3>
+
+ <a href="http://www.bloomberg.com/company/";><img alt="Bloomberg" src="css/img/sponsor-bloomberg.png"
class="grid_9 prefix_2 alpha"></a>
+ <a href="https://www.google.com/";><img alt="Google" src="css/img/sponsor-google.png" class="grid_9
prefix_2 omega"></a>
+
+ <div class="clearfix"></div>
+
+ <h3>Promoters</h3>
+
+ <a href="<a href="">"><img alt="Intel" src="css/img/sponsor-intel.png" class="grid_6 prefix_1
alpha"></a>
+ <a href="http://www.linuxfoundation.org/";><img alt="The Linux Foundation"
src="css/img/sponsor-linuxfoundation.png" class="grid_6 prefix_2"></a>
+ <a href="https://www.mozilla.org";><img alt="Mozilla" src="css/img/sponsor-mozilla.png" class="grid_6
prefix_2 omega"></a>
+ <div class="clearfix"></div>
+ <a href="http://oti.newamerica.net/";><img alt="Open Technology Institute"
src="css/img/sponsor-oti.png" class="grid_6 prefix_9 alpha omega"></a>
+
+ <div class="clearfix"></div>
+
+ <h3>Includers</h3>
+
+ <a href="https://www.eff.org/";><img alt="Eletronic Frontier Foundation"
src="css/img/sponsor-eff.png" class="grid_5 alpha"></a>
+ <a href="https://fsf.org/";><img alt="Free Software Foundation" src="css/img/sponsor-fsf.png"
class="grid_5 prefix_1"></a>
+ <a href="https://www.gnome.org";><img alt="GNOME Foundation" src="css/img/sponsor-gnome.png"
class="grid_5 prefix_2"></a>
+ <a href="http://www.joomla.org/";><img alt="Joomla" src="css/img/sponsor-joomla.png" class="grid_5
prefix_1 omega"></a>
+ <div class="clearfix"></div>
+ <a href="http://www.kdab.com/";><img alt="KDAB" src="css/img/sponsor-joomla.png" class="grid_5
alpha"></a>
+ <a href="http://mediagoblin.org/";><img alt="MediaGoblin" src="css/img/sponsor-mediagoblin.png"
class="grid_5 prefix_1"></a>
+ <a href="http://openmrs.org/";><img alt="OpenMRS" src="css/img/sponsor-openmrs.png" class="grid_5
prefix_2"></a>
+ <a href="http://www.openstack.org/";><img alt="OpenStack Foundation"
src="css/img/sponsor-openstack.png" class="grid_5 prefix_1 omega"></a>
+ <div class="clearfix"></div>
+ <a href="http://www.nescent.org/";><img alt="NESCent" src="css/img/sponsor-nescent.png" class="grid_5
alpha"></a>
+ <a href="http://www.perlfoundation.org/";><img alt="Perl Foundation" src="css/img/sponsor-perl.png"
class="grid_5 prefix_1"></a>
+ <a href="https://www.redhat.com/";><img alt="Red Hat" src="css/img/sponsor-redhat.png" class="grid_5
prefix_2"></a>
+ <a href="https://wikimediafoundation.org/wiki/Home";><img alt="Wikimedia Foundation"
src="css/img/sponsor-wikimedia.png" class="grid_5 prefix_1 omega"></a>
+ <div class="clearfix"></div>
+ <a href="http://wordpress.org/";><img alt="WordPress" src="css/img/sponsor-wordpress.png"
class="grid_5 prefix_6 alpha"></a>
+ <a href="https://www.yoctoproject.org/";><img alt="Yocto Project" src="css/img/sponsor-yocto.png"
class="grid_5 prefix_2 omega"></a>
+ <div class="clearfix"></div>
+
+ <a class="learn-more"
href="https://wiki.gnome.org/OutreachProgramForWomen#For_Organizations_and_Companies";>Become a sponsor!</a>
+ </div>
+
+ <div class="grid_24 section" id="about">
+ <h2>About</h2>
+ <p>The Outreach Program for Women (OPW) was inspired by Google's Summer of Code and by how few
women applied for it. The GNOME Foundation first started the OPW with one round in 2006, and then resumed the
effort in 2010 with rounds organized twice a year. In the May-August 2012 round, the Software Freedom
Conservancy joined the Outreach Program for Women with one internship with the Twisted project. In the
January-April 2013 round, many other free and open source organizations joined the program.</p>
+
+ <p>This program is a welcoming link that connects <strong>talented and passionate women</strong>
with people working in free and open source software and guides them through their first contribution.
Through OPW, women learn how exciting and valuable work on software freedom can be, while helping us to
build a more inclusive community. </p>
+
+ <p>The <strong>next round</strong> of the Outreach Program for Women internships will open its
application process in the <strong>beginning of October 2013</strong>, have an application deadline in the
beginning of November 2013, and internships will run from mid-December 2013 to mid-March 2014. <strong>Get
started now</strong> by learning about and contributing to the <a href
="https://wiki.gnome.org/OutreachProgramForWomen#Participating_Organizations";>organizations that participated
in the past rounds</a>!</p>
+ </div>
+
+ <div class="clearfix"></div>
+</div>
+
+<div class="footer-art"></div>
+<div class="footer-grass"></div>
+<div class="footer-wrapper">
+ <ul class="footer">
+ <li>Copyright © 2005‒2013 <strong>The GNOME Project</strong></li>
+ <li>Hosted by Red Hat</li>
+ </ul>
+</div>
+
+</body>
+</html>
diff --git a/theme/opw/main.js b/theme/opw/main.js
new file mode 100644
index 0000000..7714e6e
--- /dev/null
+++ b/theme/opw/main.js
@@ -0,0 +1,23 @@
+jQuery(document).ready(function($) {
+ $(".scroll").click(function(event){
+ event.preventDefault();
+ $('html,body').animate({scrollTop:$(this.hash).offset().top - 60}, 500);
+ });
+
+ var aboveHeight = $('header').outerHeight();
+ $(window).scroll(function(){
+ $('.nav-container').addClass('fixed').css('top','0').next()
+ .css('padding-top', '80px');
+ });
+
+ $('.participants-list').hide();
+ $('.view-participants').click(function () {
+ if( $('.participants-list').is(":hidden") ) {
+ $('.participants-list').show(400);
+ $('.view-participants').html("Close");
+ } else {
+ $('.view-participants').html("Find out who's participating in this round!");
+ $('.participants-list').hide(400);
+ }
+ });
+});
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
