Added Features panel skeleton

Author: Cruel

index_build.html

@@ -25,7 +25,7 @@ <h1 data-magellan-destination="top" class="logotext text-center">cpp<span class=
             <img data-anchor-target="#intro" data--700-top="opacity:0;" data-top-bottom="opacity:1;" src="img/logo.svg" />
           </a></dd>
           <dd data-magellan-arrival="what"><a href="#what">What is it?</a></dd>
-          <dd data-magellan-arrival="ok"><a href="#ok">Features</a></dd>
+          <dd data-magellan-arrival="features"><a href="#features">Features</a></dd>
           <dd><a href="docs/">Docs</a></dd>
         </dl>
       </div>
@@ -57,7 +57,10 @@ <h1 data-magellan-destination="what">What is it?</h1>
     </div>
 
 
-
+    <div id="features" class="slide" data-bottom-top="background-color:rgb(20,150,20);" data-top-bottom="background-color:rgb(150,150,150);">
+      <a name="features"></a>
+      <div id="img-eclipse" class="bgimg" data-anchor-target="#features" data-top="opacity:0;" data--600-top="opacity:0.2;"></div>
+    </div>
 
 
     <div class="row">

scss/app.scss

@@ -48,6 +48,14 @@
 	background-attachment: fixed;
 	background-repeat: repeat;
 }
+.bgimg {
+	position: absolute;
+	background-attachment: fixed;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+}
 
 
 #intro{
@@ -75,6 +83,17 @@
 }
 #whatisit .scrollmsg{ color: #66a; }
 
+
+#features {
+	background-color: #aaf;
+	background-image: url(../img/question-1.png);
+	background-size: 40%;
+}
+#img-eclipse {
+	background-image: url(../img/eclipse.png);
+}
+
+
 #outro {
 	background: #aaf;
 }