index.html in sandi_meter-1.0.0

- old
+ new

@@ -11,11 +11,11 @@
   <script type="text/javascript">
     var data = <% plot_data %>;
   </script>
 </head>
 <body>
-  <a href="https://github.com/makaroni4/sandi_meter"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png" alt="Fork me on GitHub"></a>
+  <a href="https://github.com/makaroni4/sandi_meter"><img style="position: absolute; top: 0; left: 0; border: 0;" src="assets/forkme.png" alt="Fork me on GitHub"></a>
   <div class="container">
     <header>
       <h1 class="main-title">Sandi Metz rules</h1>
       <h2 class="main-description js-report-date"></h2>
     </header>
@@ -24,11 +24,14 @@
       <div id="pie2" class="pie-charts-item"></div>
       <div id="pie3" class="pie-charts-item"></div>
       <div id="pie4" class="pie-charts-item"></div>
       <div class="clearfix"></div>
     </section>
-    <section class="plot-charts">
+    <nav class="main-menu">
+      <a href="#" class="main-menu-active js-menu-item" data-rel=".js-charts">Charts</a><a href="#" class="js-menu-item" data-rel=".js-details">Details</a>
+    </nav>
+    <section class="plot-charts js-charts js-tab-item">
       <div class="plot-charts-item">
         <div class="plot-charts-item-caption">Number of 100 line classes vs time</div>
         <div class="plot-charts-item-graph" id="plot1"></div>
       </div>
       <div class="plot-charts-item">
@@ -44,13 +47,16 @@
         <div class="plot-charts-item-caption">Number of controllers with 1 instance variable vs time</div>
         <div class="plot-charts-item-graph" id="plot4"></div>
       </div>
       <div class="clearfix"></div>
     </section>
+    <section class="details js-details js-tab-item">
+      <% details %>
+    </section>
     <footer class="main-footer">
-      Scanned with love by <a href="https://github.com/makaroni4/sandi_meter">sandi_meter</a> gem. 
-      Please, <a href="https://github.com/makaroni4/sandi_meter/issues/new">leave an issue</a> or 
-      <a href="email:makaroni4@gmail.com">email</a> some feedback!
+      Scanned with love by <a href="https://github.com/makaroni4/sandi_meter">sandi_meter</a> gem.
+      Please, <a href="https://github.com/makaroni4/sandi_meter/issues/new">leave an issue</a> or
+      <a href="mailto:makaroni4@gmail.com">email</a> some feedback!
     </footer>
   </div>
 </body>
 </html>