commit f77713e6e68eba62b2c7d6e3376f9298eb4f1d06
author Francesc Campoy <campoy@golang.org> Tue Oct 20 10:42:52 2015 -0700
committer Francesc Campoy Flores <campoy@golang.org> Tue Oct 20 21:30:14 2015 +0000
tree c88065ada983fba00a3af9b19d3e60419a0ee0e8
parent 8640b97c0f3c46871518366061287e310c706d4f

tour: swap content and code

CSS modified so the change in the HTML is just swapping ids.

Change-Id: I1f03b088e915c5aae5a37d775ff24b6501a2f6c5
Reviewed-on: https://go-review.googlesource.com/16120
Reviewed-by: Andrew Gerrand <adg@golang.org>

static/css/app.css

diff --git a/static/css/app.css b/static/css/app.css
index ca7833c..21cf071 100755
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -156,6 +156,7 @@
 /* Lesson viewer */
 .slide-content {
     padding: 16px;
+    background: #fff;
 }
 .module-bar {
     font-size: 1.5em;
@@ -208,7 +209,7 @@
 #file-menu .menu-button {
     float: right;
 }
-#run, #kill {
+a#run, a#kill {
     background-color: #375eab;
     color: #fff;
     width: 40px;
@@ -283,7 +284,7 @@
         right: 0px;
         bottom: 0px;
         overflow: hidden;
-        background: #fafafa;
+        background: #fff;
     }
     #left-side {
         position: absolute;
@@ -292,10 +293,12 @@
         left: 0;
         width: 50%;
         overflow: hidden;
+    }
+    .output {
         background-image: url(/static/img/gopher.png);
         background-repeat: no-repeat;
         background-position: bottom;
-        background-color: #fafafa;
+        background-color: #fff;
     }
     div[vertical-slide] {
         position: absolute;

static/partials/editor.html

diff --git a/static/partials/editor.html b/static/partials/editor.html
index d79bdc9..536fb15 100644
--- a/static/partials/editor.html
+++ b/static/partials/editor.html
@@ -1,7 +1,7 @@
 <div id="editor-container" onpageup="prevPage()" onpagedown="nextPage()">
     <div class="relative-content" ng->
         <div vertical-slide left="#left-side" right="#right-side"></div>
-        <div id="right-side">
+        <div id="left-side">
             <div class="relative-content" autofocus="toc.lessons[lessonId].Pages[curPage-1].Files.length==0">
                 <div class="slide-content" ng-bind-html-unsafe="toc.lessons[lessonId].Pages[curPage-1].Content"></div>
 
@@ -13,7 +13,7 @@
             </div>
         </div>
 
-        <div id="left-side" class="relative-content">
+        <div id="right-side" class="relative-content">
             <div id="explorer" ng-class="{hidden: toc.lessons[lessonId].Pages[curPage-1].Files.length==0}">
                 <a class="menu-button" ng-repeat="f in toc.lessons[lessonId].Pages[curPage-1].Files" ng-click="openFile($index)" ng-class="{active: $index==curFile}">{{f.Name}}</a>
                 <a syntax-checkbox ng-class="{active: editor.syntax}" class="menu-button syntax-checkbox">Syntax</a>