Simplify description+hints blocks markup

1 files changed, 15 insertions, 45 deletions

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">