Gh pages

.gitignore

@@ -1 +1,2 @@
 _site
+.sass-cache

README.md

@@ -1,53 +1,10 @@
-# Open Code of Conduct
+_Update: We will not be continuing work on the open code of conduct. See [our followup post](http://todogroup.org/blog/followup-open-code-of-conduct/) for more information._
 
-An easy to reuse open source code of conduct **template** for communities.
+We recommend you adopt a code of conduct that fits the needs of your community. Here are a few communities and projects that established code of conducts and diversity statements:
 
-Developed by the [@TODOGroup](https://twitter.com/todogroup) to promote code of conducts for open source communities.
-
-## FAQ
-
-#### Why a code of conduct?
-
-We strongly believe that code of conducts help set the ground rules for participation in communities and more importantly, help build a culture of respect and improve diversity. According to the latest [FLOSS survey](http://floss2013.libresoft.es/results.en.html), we have lots of work to do in improving diversity across open source communities.
-
-Furthermore, diversity is the spice of life. Having a diverse contributor community from different backgrounds and organizations will help set your community up for long term success. Also, the [research](http://www.scientificamerican.com/article/how-diversity-makes-us-smarter/) shows that diverse communities are more creative, diligent and innovative.
-
-#### What license is this code of conduct under?
-
-A very liberal CC-BY-4.0 (https://creativecommons.org/licenses/by/4.0/)
-
-#### What do you mean that the open code of conduct is a template?
-
-It's very hard to develop a one size fits all code of conduct for open source communities, so we took template approach inspired by the BSD license: http://opensource.org/licenses/BSD-3-Clause. This allows organizations to work off the core code of conduct while customizing it to their needs.
-
-#### What companies support or use the open code of conducts?
-
-* Square: https://corner.squareup.com/codeofconduct.html
-* Twitter: https://engineering.twitter.com/opensource/code-of-conduct
-* Eclipse Foundation: TODO
-
-#### Can I apply this code of conduct for conferences or events?
-
-It wasn't intended for that purpose, but we highly recommend you look at http://confcodeofconduct.com/
-
-Also, Ashe Dryden has some great information on the topic: http://www.ashedryden.com/blog/codes-of-conduct-101-faq
-
-#### Can I use something simpler? What about the Contributor Covenant?
-
-The [contributor convenant](http://www.ashedryden.com/blog/codes-of-conduct-101-faq) is a great option and we recommend you take a look at it. However, we had a need to make a customizable by default code of conduct in template form, geared towards companies who run larger open source projects.
-
-#### Can I contribute and improve this code of conduct?
-
-Contributions are welcome on how to improve the open code of conduct!
-
-Please send us a pull request with your suggestions.
-
-## Thanks
-
-We all stand on the shoulders of giants across many open source communities. 
-
-We'd like to thank the communities and projects that established code of conducts and diversity statements as our inspiration:
-* Django: https://www.djangoproject.com/conduct/reporting/
+* Django: https://www.djangoproject.com/conduct/
 * Python: https://www.python.org/community/diversity/
 * Ubuntu: http://www.ubuntu.com/about/about-ubuntu/conduct
 * Contributor Covenant: http://contributor-covenant.org/
+* Geek Feminism: http://geekfeminism.org/about/code-of-conduct/
+* Citizen Code of Conduct: http://citizencodeofconduct.org/ 

_config.yml

@@ -1,3 +1,4 @@
 title: Open Code of Conduct
 description: An easy to reuse open source code of conduct for communities
 markdown: kramdown
+parenturl: http://todogroup.org/

_layouts/code-of-conduct.html

@@ -0,0 +1,30 @@
+---
+layout: default
+---
+
+</div> <!-- .container -->
+
+<div id="configure" class="unconfigured">
+  <div class="container">
+    <p><em>Update: We will not be continuing work on the open code of conduct. See <a href="http://todogroup.org/blog/followup-open-code-of-conduct/">our followup post</a> for more information.</em></p>
+
+    <p>We recommend you adopt a code of conduct that fits the needs of your community. Here are a few communities and projects that established code of conducts and diversity statements:</p>
+
+    <ul>
+      <li><a href="https://www.djangoproject.com/conduct/reporting/">Django</a></li>
+      <li><a href="https://www.python.org/community/diversity/">Python</a></li>
+      <li><a href="http://www.ubuntu.com/about/about-ubuntu/conduct">Ubuntu</a></li>
+      <li><a href="http://contributor-covenant.org/">Contributor Covenant</a></li>
+      <li><a href="http://geekfeminism.org/about/code-of-conduct/">Geek Feminism</a></li>
+      <li><a href="http://citizencodeofconduct.org/">Citizen Code of Conduct</a></li>
+    </ul>
+  </div> <!-- .container -->
+</div>
+
+<div class="container">
+
+<div id="code-of-conduct">
+  {{ content }}
+</div>
+
+<script type="text/javascript" src="js/configure.js"></script>

_layouts/default.html

@@ -4,19 +4,62 @@
   <meta charset="utf-8">
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{{ site.description }}">
+  <meta name='apple-mobile-web-app-capable' content='yes'>
+  <meta name='apple-mobile-web-app-status-bar-style' content='black'>
+  <meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=no'>
+  <meta http-equiv='content-type' content='text/html; charset=utf-8'>
+  <meta
+    name='keywords'
+    content='open source,todo,talk openly,develop openly,code of conduct'
+  >
+  <meta
+    name='description'
+    content='TODO: talk openly, develop openly. We believe we can better improve our open source programs - and our contributions to the open source movement as a whole - by working together.'
+  >
 
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="bootstrap.min.css" media="screen">
+  <meta property='og:type' content='website' />
+  <meta property='og:title' content='{{page.title}} // TODO: Talk openly, develop openly' />
+  <meta property='og:image' content='{{site.parenturl}}static/og.png' />
+  <meta
+    property='og:description'
+    content='TODO: talk openly, develop openly. We believe we can better improve our open source programs - and our contributions to the open source movement as a whole - by working together.'
+  />
+
+  <link rel="shortcut icon" href="{{site.parenturl}}static/favicon.png" />
+  <link href='http://fonts.googleapis.com/css?family=Oswald:300,700,400|Open+Sans:400,700|Merriweather:300,400,700,900' rel='stylesheet' type='text/css'>
+  <link rel='stylesheet' href='{{site.parenturl}}static/style.css' type='text/css'>
+  <link rel='stylesheet' href='css/site.css' 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-54779798-1', 'auto');
+    ga('send', 'pageview');
+  </script>
 </head>
 <body>
-  <div class="container">
-    <div class="page-header">
-      <h1>{{ site.title }}</h1>
-      <p class="lead">{{ site.description }}</p>
-    </div>
+  <header id='header'>
+    <a href='{{site.parenturl}}'>
+      <img src='{{site.parenturl}}static/logo.svg' class='logo' alt='TODO'>
+    </a>
+  </header>
 
-    {{ content }}
+  <article id='article' class='page-{{page.title|downcase}}'>
+    <div class="container">
+      <div class="page-header">
+        <h1>
+          <a href="{{ site.url }}">{{ site.title }}</a>
+          {% if page.version %}<span class="version">{{page.version}}</span>{% endif %}
+        </h1>
+      </div>
+
+      {{ content }}
+
+    </div>
+  </article>
 
-  </div>
 </body>
 </html>

_sass/configure.scss

@@ -0,0 +1,24 @@
+#configure {
+  background-color: #333;
+  color: #ccc;
+  border-top: 1px solid #eee;
+  border-bottom: 1px solid #eee;
+  padding: 1em 0;
+  margin: 2em 0;
+}
+
+#apply {
+  opacity: 0.5;
+  transition: opacity 0.3s;
+
+  .configuring & {
+    opacity: 1;
+  }
+}
+
+#snippet {
+  width: 100%;
+  max-width: none;
+  font-size: 0.8em;
+  height: 8em;
+}