Added community section

atmos · Jan 27, 2012 · 1e0a86b · 1e0a86b
1 parent 05212ab
commit 1e0a86b
Show file tree

Hide file tree

Showing 7 changed files with 188 additions and 35 deletions.
diff --git a/community/get_help b/community/get_help
@@ -0,0 +1 @@
+<html><body><h1>File Not Found</h1><p>/community/get_help/index.html</p></body>
diff --git a/community/index.html b/community/index.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Ember.js - Community</title>
+    <link href="/stylesheets/site.css" media="screen" rel="stylesheet" type="text/css" />
+    <link href="/stylesheets/highlight.css" media="screen" rel="stylesheet" type="text/css" />
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script src="/javascripts/waypoints.min.js" type="text/javascript"></script>
+    <script type="text/javascript">
+      (function($){
+        $.fn.anchorScroll = function(){
+          this.click(function(event){
+            event.preventDefault();
+            var parts = this.href.split("#"),
+               target = parts[1],
+               offset = $('#'+target).offset(),
+                  top = offset.top;
+
+            $('html, body').animate({scrollTop: top}, 500);
+          });
+        };
+
+        $(function(){
+          $('.toc a').anchorScroll();
+          $('#sidebar').waypoint(function(event,direction){
+            $('.toc').toggleClass('sticky', direction === "down");
+            }, {offset: '0'});
+
+
+          $('.section').waypoint(function(element,direction){
+            var element = $(this),
+                     id = element.attr('id'),
+                 anchor = $('a[href=#'+id+']'),
+            previousAnchor =  anchor.closest('li').prev().find('a'),
+            activeAnchor   = direction === 'down' ? anchor : previousAnchor;
+
+            $('.toc a').removeClass('active');
+            activeAnchor.addClass('active');
+          });
+        });
+      })($)
+
+    </script>
+    <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-27675533-1']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+  </head>
+
+  <body>
+    <div id="header">
+      <div id="wrapper">
+        <div id="logo">&nbsp;</div>
+        <ul id="nav">
+          <li><a href="/documentation">docs</a></li>
+          <li class="active"><a href="/community">community</a></li>
+          <li><a href="/examples">examples</a></li>
+        </ul>
+      </div>
+    </div>
+
+
+
+
+
+
+
+
+
+
+    <div id="github">
+      <a href="https://github.com/emberjs/ember.js"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+    </div>
+    <div id="download">
+      <div id="download-ember">
+        <a href="https://github.com/downloads/emberjs/ember.js/ember-0.9.4.min.js">
+          <img src="/images/download_button.png">
+        </a>
+        <div class="info">37k min+gzip |
+          <a class="debug" href="https://github.com/downloads/emberjs/ember.js/ember-0.9.4.js">
+            debug build
+          </a>
+        </div>
+      </div>
+      <div id="download-starter-kit">
+        <a href="https://github.com/downloads/emberjs/starter-kit/starter-kit.0.9.4.zip">
+          <img src="/images/download_starter_kit_button.png">
+        </a>
+      </div>
+    </div>
+    <div id="content-wrapper">
+
+        <div id="sidebar">
+            <div class="section toc">
+    <h3>Table of Contents</h2>
+    <ul>
+
+      <li><a href="#introduction">Introduction</a></li>
+
+      <li><a href="#get_help">Get Help</a></li>
+
+    </ul>
+  </div>
+
+        </div>
+
+      <div id="content">
+
+<div class="section" id="introduction">
+  <h2 id="toc_56">Get Involved</h2>
+
+<h3 id="toc_57">Contribute to Ember.js</h3>
+
+<p>The source is hosted at <a href="https://github.com/emberjs/ember.js">GitHub</a>. Just fork the repository and you&#39;re ready to contribute to <code>ember.js</code>.</p>
+
+<h3 id="toc_58">Bring yourself in! Open a Pull Request!</h3>
+
+<p>Be sure to add/extend tests for your bug fix, new feature or enhancement.</p>
+
+<h3 id="toc_59">Found a bug? Open an Issue!</h3>
+
+<p>If you found a bug in ember.js, please let the community know. To file a bug go to <a href="https://github.com/emberjs/ember.js/issues">the issue tracker</a> and create a new issue.
+A perfect bug report should contain a clear description of what is not happening and what is your expected behavior. Ideally you provide an test case so its immediately shown what exactly is not working and what is the expected behavior.</p>
+
+</div>
+<div class="section" id="get_help">
+  <h2 id="toc_60">Get Help</h2>
+
+<h3 id="toc_61">Ask questions on StackOverflow</h3>
+
+<p><a href="http://stackoverflow.com">StackOverflow</a> is used for QA&#39;s. Just tag your question with <code>emberjs</code> or search for questions with that <a href="http://stackoverflow.com/questions/tagged/emberjs">tag</a> and maybe your question has already been asked and answered.</p>
+
+<p>If you have a code specific question be sure to add a JSFiddle which helps to locate the problem you are struggling with. You can use <a href="http://jsfiddle.net/Qpkz5/">this</a> as a starting point.</p>
+
+<h3 id="toc_62">IRC Channel</h3>
+
+<p>There is an IRC Channel available which can be found at <code>#emberjs</code>.</p>
+
+</div>
+
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/community/introduction b/community/introduction
@@ -0,0 +1 @@
+<html><body><h1>File Not Found</h1><p>/community/introduction/index.html</p></body>
diff --git a/documentation/index.html b/documentation/index.html
@@ -60,6 +60,7 @@
         <div id="logo">&nbsp;</div>
         <ul id="nav">
           <li class="active"><a href="/documentation">docs</a></li>
+          <li><a href="/community">community</a></li>
           <li><a href="/examples">examples</a></li>
         </ul>
       </div>

diff --git a/examples/index.html b/examples/index.html
@@ -60,6 +60,7 @@
         <div id="logo">&nbsp;</div>
         <ul id="nav">
           <li><a href="/documentation">docs</a></li>
+          <li><a href="/community">community</a></li>
           <li class="active"><a href="/examples">examples</a></li>
         </ul>
       </div>

diff --git a/index.html b/index.html
@@ -60,6 +60,7 @@
         <div id="logo">&nbsp;</div>
         <ul id="nav">
           <li class="active"><a href="/documentation">docs</a></li>
+          <li><a href="/community">community</a></li>
           <li><a href="/examples">examples</a></li>
         </ul>
       </div>

diff --git a/stylesheets/site.css b/stylesheets/site.css
@@ -89,7 +89,7 @@ body {
 
 /* line 36, ../../source/stylesheets/site.css.scss */
 ul#nav {
-  width: 210px;
+  width: 400px;
   margin: 0 auto;
   text-align: center; }
   /* line 41, ../../source/stylesheets/site.css.scss */
@@ -100,7 +100,6 @@ ul#nav {
     display: inline; }
     /* line 46, ../../source/stylesheets/site.css.scss */
     ul#nav li a {
-      color: white;
       color: #666;
       display: block;
       border-radius: 5px;
@@ -109,22 +108,19 @@ ul#nav {
       line-height: 26px;
       text-decoration: none;
       border: 1px solid transparent; }
-  /* line 61, ../../source/stylesheets/site.css.scss */
+  /* line 60, ../../source/stylesheets/site.css.scss */
   ul#nav li.active a, ul#nav li a:hover {
-    color: #666;
+    color: white;
     border: 1px solid black;
     background: rgba(0, 0, 0, 0.4); }
-  /* line 67, ../../source/stylesheets/site.css.scss */
-  ul#nav li a:hover {
-    color: #EEE; }
 
-/* line 72, ../../source/stylesheets/site.css.scss */
+/* line 67, ../../source/stylesheets/site.css.scss */
 #content-wrapper {
   width: 937px;
   margin: 0 auto;
   position: relative; }
 
-/* line 78, ../../source/stylesheets/site.css.scss */
+/* line 73, ../../source/stylesheets/site.css.scss */
 #content {
   background-color: #fff;
   margin-top: 65px;
@@ -136,129 +132,129 @@ ul#nav {
   -o-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px;
   box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px; }
 
-/* line 88, ../../source/stylesheets/site.css.scss */
+/* line 83, ../../source/stylesheets/site.css.scss */
 #sidebar {
   width: 150px;
   position: absolute;
   top: 0;
   left: 0; }
 
-/* line 98, ../../source/stylesheets/site.css.scss */
+/* line 93, ../../source/stylesheets/site.css.scss */
 h2 {
   margin: 28px 0;
   color: #cd4f1a;
   font-size: 30px;
   font-weight: bold;
   padding-top: 13px; }
 
-/* line 106, ../../source/stylesheets/site.css.scss */
+/* line 101, ../../source/stylesheets/site.css.scss */
 h3 {
   font-size: 24px;
   margin: 20px 0 14px 0;
   color: #5c230c;
   font-weight: bold; }
 
-/* line 113, ../../source/stylesheets/site.css.scss */
+/* line 108, ../../source/stylesheets/site.css.scss */
 h2 + h3 {
   margin-top: -10px; }
 
-/* line 117, ../../source/stylesheets/site.css.scss */
+/* line 112, ../../source/stylesheets/site.css.scss */
 h4 {
   font-weight: bold;
   font-size: 20px;
   margin: 20px 0; }
 
-/* line 123, ../../source/stylesheets/site.css.scss */
+/* line 118, ../../source/stylesheets/site.css.scss */
 p {
   font-size: 14px;
   margin: 14px 0 22px 0;
   line-height: 20px; }
 
-/* line 129, ../../source/stylesheets/site.css.scss */
+/* line 124, ../../source/stylesheets/site.css.scss */
 ol {
   font-size: 14px;
   list-style-type: decimal;
   list-style-position: inside;
   margin-left: 32px; }
-  /* line 135, ../../source/stylesheets/site.css.scss */
+  /* line 130, ../../source/stylesheets/site.css.scss */
   ol li {
     margin: 7px 0; }
 
-/* line 140, ../../source/stylesheets/site.css.scss */
+/* line 135, ../../source/stylesheets/site.css.scss */
 a {
   color: #1a3ecd; }
 
-/* line 144, ../../source/stylesheets/site.css.scss */
+/* line 139, ../../source/stylesheets/site.css.scss */
 #download {
   width: 460px;
   height: 125px;
   margin: 0 auto;
   font-size: 12px;
   position: relative; }
-  /* line 151, ../../source/stylesheets/site.css.scss */
+  /* line 146, ../../source/stylesheets/site.css.scss */
   #download #download-ember, #download #download-starter-kit {
     position: absolute;
     width: 220px;
     top: 40px;
     text-align: center; }
-  /* line 158, ../../source/stylesheets/site.css.scss */
+  /* line 153, ../../source/stylesheets/site.css.scss */
   #download #download-ember {
     left: 0; }
-  /* line 162, ../../source/stylesheets/site.css.scss */
+  /* line 157, ../../source/stylesheets/site.css.scss */
   #download #download-starter-kit {
     right: 0; }
-  /* line 166, ../../source/stylesheets/site.css.scss */
+  /* line 161, ../../source/stylesheets/site.css.scss */
   #download .info {
     margin-top: 4px;
     color: #888; }
-  /* line 171, ../../source/stylesheets/site.css.scss */
+  /* line 166, ../../source/stylesheets/site.css.scss */
   #download .debug {
     color: #cd4f1a;
     text-decoration: none; }
-    /* line 175, ../../source/stylesheets/site.css.scss */
+    /* line 170, ../../source/stylesheets/site.css.scss */
     #download .debug:hover {
       text-decoration: underline; }
 
-/* line 181, ../../source/stylesheets/site.css.scss */
+/* line 176, ../../source/stylesheets/site.css.scss */
 .sticky {
   top: 0px;
   position: fixed;
   margin-left: -15px;
   width: 150px; }
 
-/* line 188, ../../source/stylesheets/site.css.scss */
+/* line 183, ../../source/stylesheets/site.css.scss */
 .toc {
   margin-right: 15px;
   text-align: right;
   padding-top: 1px; }
-  /* line 193, ../../source/stylesheets/site.css.scss */
+  /* line 188, ../../source/stylesheets/site.css.scss */
   .toc h3 {
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 1px;
     line-height: 20px; }
-  /* line 200, ../../source/stylesheets/site.css.scss */
+  /* line 195, ../../source/stylesheets/site.css.scss */
   .toc a {
     font-size: 16px;
     text-decoration: none;
     color: #888;
     line-height: 21px; }
-    /* line 206, ../../source/stylesheets/site.css.scss */
+    /* line 201, ../../source/stylesheets/site.css.scss */
     .toc a:hover {
       border-bottom: 1px solid black;
       color: black; }
-    /* line 210, ../../source/stylesheets/site.css.scss */
+    /* line 205, ../../source/stylesheets/site.css.scss */
     .toc a.active {
       color: black; }
-  /* line 215, ../../source/stylesheets/site.css.scss */
+  /* line 210, ../../source/stylesheets/site.css.scss */
   .toc ul {
     list-style-type: none;
     margin-left: 0px; }
-    /* line 219, ../../source/stylesheets/site.css.scss */
+    /* line 214, ../../source/stylesheets/site.css.scss */
     .toc ul li {
       margin: 7px 0; }
 
-/* line 225, ../../source/stylesheets/site.css.scss */
+/* line 220, ../../source/stylesheets/site.css.scss */
 .highlight {
   padding: 13px;
   -moz-border-radius: 4px;
@@ -273,6 +269,6 @@ a {
   line-height: 16px;
   margin-bottom: 22px; }
 
-/* line 235, ../../source/stylesheets/site.css.scss */
+/* line 230, ../../source/stylesheets/site.css.scss */
 .screenshot {
   margin-left: -60px; }