making it work and getting actual slide notes

enzoz · enzoz · commit bf31e64da078 · 2012-09-09T20:39:23.000-03:00
diff --git a/public/app.css b/public/app.css
@@ -0,0 +1,31 @@
+html{
+  with:90%;
+  font-family:  Arial;
+  font-size: 5em;
+}
+
+ul.options{
+  display: inline;
+}
+
+ul.options li{
+  color: white;
+  display: block;
+  padding: 15px 0 15px 0;
+  margin: 0 auto;
+  text-align: center;
+}
+
+ul.options li.notes{
+  background: green;
+}
+
+ul.options li.direction{
+  background: blue;
+}
+
+div#notes_content{
+  width: 90%;
+  margin: 0 auto;
+  word-wrap: break-word;
+}
diff --git a/remotr.rb b/remotr.rb
@@ -15,14 +15,12 @@
 end
 
 get '/notes/current' do
-  p "requesting notes"
-  notes = %x[
+  notes = %x{
             osascript -e 'tell application "Keynote"
               tell front slideshow
                 get notes of current slide
               end tell
             end tell'
-          ]
-  p $?.inspect
-  notes = "Não foi possível carregar as notas desse slide." if $?.exitstatus != 0
+          }
+  notes || "Não foi possível carregar as notas desse slide."
 end
diff --git a/views/index.erb b/views/index.erb
@@ -1,14 +1,15 @@
 <html>
   <head>
+    <link rel="stylesheet" type="text/css" href="app.css">
   </head>
   <body>
-    <h3>Remotr</h3>
+    <!-- <h3>Remotr</h3> -->
+    <ul class="options">
+      <li class="direction" id="previous">Previous</li>
+      <li class="notes" id="notes">Notes</li>
+      <li class="direction" id="next">Next</li>
+    </ul>
     <div id="notes_content"></div>
-    <p>
-    	<a id="previous" href="#" title="previous"> << </a>
-      <a id="notes" href="#">notes</a>
-      <a id="next" href="#"> >> </a>
-    </p>
   </body>
 
   <script type="text/javascript" src="chibi-min.js"></script>
diff --git a/views/layout.erb b/views/layout.erb
@@ -7,6 +7,5 @@
 
   <body>
     <%= yield %>
-
   </body>
 </html>

-Original file line number
+Diff line change
   <body>
     <%= yield %>
+-
   </body>
 </html>