From fbd97fa0a236a50cd07a1194c8f32c5445e685b9 Mon Sep 17 00:00:00 2001
From: Timotej Lazar <timotej.lazar@fri.uni-lj.si>
Date: Fri, 26 Feb 2016 11:56:08 +0100
Subject: Simplify description+hints blocks markup

---
 index.html | 60 +++++++++++++++---------------------------------------------
 1 file changed, 15 insertions(+), 45 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 4640f19..c7fdf92 100644
--- a/index.html
+++ b/index.html
@@ -334,24 +334,14 @@
         </div>
 
         <!-- problem screen: prolog -->
-        <div class="container-fluid quadrants block1" id="screen_prolog" style="display: none;">
+        <div class="container-fluid quadrants" id="screen_prolog" style="display: none;">
             <div class="row">
                 <div class="col-lg-4 col-md-4 col-sm-12 block block-left">
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block1">
-                        <div class="scrollable-content-container">
-                            <div class="description-container">
-                                <h1 class="title" data-dict="prolog" data-tkey="name"></h1>
-                                <div class="description" data-dict="prolog" data-tkey="description"></div>
-                            </div>
-                        </div>
-                        <div class="block-label" data-tkey="instructions">Instructions</div>
-                    </div>
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block4">
-                        <div class="scrollable-content-container">
-                            <div class="hints"></div>
-                        </div>
-                        <div class="block-label" data-tkey="hints">Hints</div>
+                    <div class="description-container">
+                        <h1 class="title" data-dict="prolog" data-tkey="name"></h1>
+                        <div class="description" data-dict="prolog" data-tkey="description"></div>
                     </div>
+                    <div class="hints"></div>
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
@@ -372,24 +362,14 @@
         </div><!--container-->
 
         <!-- problem screen: python -->
-        <div class="container-fluid quadrants block1" id="screen_python" style="display: none;">
+        <div class="container-fluid quadrants" id="screen_python" style="display: none;">
             <div class="row">
                 <div class="col-lg-4 col-md-4 col-sm-12 block block-left">
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block1">
-                        <div class="scrollable-content-container">
-                            <div class="description-container">
-                                <h1 class="title" data-dict="python" data-tkey="slug"></h1>
-                                <div class="description" data-dict="python" data-tkey="description"></div>
-                            </div>
-                        </div>
-                        <div class="block-label" data-tkey="instructions">Instructions</div>
-                    </div>
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block4">
-                        <div class="scrollable-content-container">
-                            <div class="hints"></div>
-                        </div>
-                        <div class="block-label" data-tkey="hints">Hints</div>
+                    <div class="description-container">
+                        <h1 class="title" data-dict="python" data-tkey="name"></h1>
+                        <div class="description" data-dict="python" data-tkey="description"></div>
                     </div>
+                    <div class="hints"></div>
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
@@ -412,24 +392,14 @@
         </div><!--container-->
 
         <!-- problem screen: robot -->
-        <div class="container-fluid quadrants block1" id="screen_robot" style="display: none;">
+        <div class="container-fluid quadrants" id="screen_robot" style="display: none;">
             <div class="row">
                 <div class="col-lg-4 col-md-4 col-sm-12 block block-left">
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block1">
-                        <div class="scrollable-content-container">
-                            <div class="description-container">
-                                <h1 class="title" data-dict="robot" data-tkey="slug"></h1>
-                                <div class="description" data-dict="robot" data-tkey="description"></div>
-                            </div>
-                        </div>
-                        <div class="block-label" data-tkey="instructions">Instructions</div>
-                    </div>
-                    <div class="col-lg-12 col-md-12 col-sm-12 block block4">
-                        <div class="scrollable-content-container">
-                            <div class="hints"></div>
-                        </div>
-                        <div class="block-label" data-tkey="hints">Hints</div>
+                    <div class="description-container">
+                        <h1 class="title" data-dict="robot" data-tkey="name"></h1>
+                        <div class="description" data-dict="robot" data-tkey="description"></div>
                     </div>
+                    <div class="hints"></div>
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
-- 
cgit v1.2.1