linking to coder projects

Author: jmstriegel

assets/css/index.css

@@ -165,6 +165,27 @@ A, A:hover, A:visited, A:active {
     padding: 256px 0 0 0;
 }
 
+.masthead A.new_callout,
+.masthead A.new_callout:visited,
+.masthead A.new_callout:active,
+.masthead A.new_callout:hover {
+    display: block;
+    position: absolute;
+    top:0;
+    right:60px;
+    padding: 8px;
+    border-radius: 0 0 6px 6px;
+    background-color: #ffbe00;
+    color: #fff;
+    font-family: dosissemibold, sans-serif;
+    font-weight: normal;
+    font-size: 18px;
+    line-height: 18px;
+    text-decoration: none;
+    cursor: pointer;
+}
+.masthead A.new_callout:hover {
+}
 
 .fixedbar .logo H1 {
     position: absolute;

assets/images/coder_projects.jpg

@@ -21,7 +21,8 @@
             <div class="links">
                 <!-- a id="nav_introduction" href="#introduction" class="animate">Intro</a -->
                 <a id="nav_gettingstarted" href="#gettingstarted" class="animate">Get Started</a>
-                <a id="nav_download" href="#download" class="animate">Download</a>
+                <!-- a id="nav_download" href="#download" class="animate">Download</a -->
+                <a id="nav_projects" href="#projects" class="animate">Projects</a>
                 <a id="nav_faq" href="#faq" class="animate">FAQ</a>
                 <a id="nav_contribute" href="#contribute" class="animate">Contribute</a>
             </div>
@@ -31,6 +32,7 @@
         <a name="top" class="anchor"></a>
         <canvas id="animation"></canvas>
         <h1>Coder <span class="forpi">for Raspberry Pi</span></h1>
+        <a href="#projects" class="new_callout animate">Update: CODER &lt;projects&gt;</a>
         <!-- div class="download button">Download Coder</div -->
         <!-- div class="links">
             <a href="#introduction" data-navtarget="introduction" class="animate">Introducing Coder</a>
@@ -182,6 +184,13 @@ <h3>Connecting to coder.local.</h3>
             <p>To connect to Coder using a Windows PC, you'll first need to install Apple's <a class="trackout" href="http://support.apple.com/kb/DL999" target="_blank">Bonjour Print Services for Windows</a>. Once this piece of software is installed, you'll be able to visit http://coder.local in Chrome or IE.</p>
         </div>
     </div>
+    <div class="section">
+        <a name="projects" class="anchor"></a>
+        <h2>Coder Projects</h2>
+        <p><img src="assets/images/coder_projects.jpg" /></p>
+        <p>Looking for a place to start with Coder? We've put together <a href="http://googlecreativelab.github.io/coder-projects/" style="color:#ffbe00" target="_blank" class="trackout">Coder Projects</a>: simple, fun, and sneakily educational things that can all be made with Coder and Raspberry Pi.</p>
+        <p><a href="http://googlecreativelab.github.io/coder-projects/" target="_blank" class="button inline trackout" style="background-color: #ffbe00">View Projects</a></p>
+    </div>
     <div class="section">
         <a name="faq" class="anchor"></a>
         <h2>Frequently Asked Questions</h2>