final tempo

_sass/main.scss

@@ -69,7 +69,11 @@ a {
     display: flex;
     flex-wrap: wrap;
   }
-  
+  h1 {
+    transform: rotate(-90deg); 
+    font-size: 5em;
+    margin: 0.1em 2em;
+  }  
 
 }
 

index.html

@@ -8,28 +8,32 @@ layout: default
 
 <div class="musiflex">
     <div id="hero">
-        <div class="editable">  
+        
+
         <h1>Greetings Robot!</h1>
       
+      </div>
+
+  </div>
+
+  <div class="musiflex">
+      <div class="trackcontainer">
+          <div class="editable">  
+              
+          
               <p><b>Sakrecoer Uncorporated</b> Stands for independent fun-loving Activism, Art<br />&amp;
                 <b>Music.</b><br /><br />I push sounds, images, thoughts and passion for <b>cool robots like you.</b><br /><br />I
                 am funky and I deliver because<br /><b>I was born tomorrow.</b></p>
           </div>
-
-
-      
         </div>
 
-      
-
+      {% for track in site.tracks reversed %}
       <div class="trackcontainer">
         <a href="{{ track.url }}">
           <div class="track" style="background-image:url({{ site.audio_url }}{{ track.image }});"></div>
-        <h3>track.title </h3>
+          <h3>{{ track.title }}</h3>
         </a>
         <p>{{ track.keywords }}</p>
       </div>
-
+      {% endfor %}
     </div>
-
-