cosmetics

simgrid · May 17, 2016 · ec3bf07 · ec3bf07
1 parent d152d24
commit ec3bf07
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 49 deletions.
diff --git a/00_topic.md b/00_topic.md
@@ -11,3 +11,5 @@ TBD:
 * Platform XML
 * Hello World in MPI
 * Getting Help with SMPI/SimGrid
+
+
diff --git a/_includes/head.html b/_includes/head.html
@@ -18,10 +18,21 @@
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
   <script src="{{ site.baseurl }}/semantic/components/accordion.js"></script>
+  <script src="{{ site.baseurl }}/semantic/components/popup.js"></script>
+  <script src="{{ site.baseurl }}/semantic/components/transition.js"></script>
 
   <script language='javascript'>
                $(document).ready(function(){
                $('.ui.accordion').accordion();
+
+                 $('.popable')
+                     .popup({
+                       position: 'right center'
+                     })
+                 ;
+
+
+
                });
   </script>
 

diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -1,65 +1,32 @@
 
-<!--TOOLTIPS!!!-->
-<style>
-  /* Tooltip container */
-  .tooltip {
-    position: relative;
-    display: inline-block;
-    /* border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
-  }
 
-  /* Tooltip text */
-  .tooltip .tooltiptext {
-    visibility: hidden;
-    width: 350px;
-    background-color: gray;
-    color: #fff;
-    text-align: center;
-    padding: 10px 0;
-    border-radius: 6px;
-
-    /* Position the tooltip text */
-    left: 115%;
-    top: -5px;
-    position: absolute;
-    z-index: 0;
-  }
-
-  /* Show the tooltip text when you mouse over the tooltip container */
-  .tooltip:hover .tooltiptext {
-    visibility: visible;
-  }
-</style>
-
-
-<div class="ui vertical left fixed menu  ">
+<div class="ui vertical left fixed menu basic ">
   <br>
   <a href="http://simgrid.org" target="_blank">
   <img width=99 src="{{site.baseurl}}public/simgrid_logo.jpg" style="margin-left:5px">
   </a>
   <br>
   <br>
 
+
+
+
   <a class="ui item {% if page.url ==  '/' %} active{% endif %}" href="{{site.baseurl}}">
     <h4 class="ui header">Home</h4>
   </a>
 
+
   {% assign pages_list = site.pages %}
   {% for node in pages_list %}
   {% if node.title != null %}
   {% if node.layout == "page" %}
   {% if node.navigate != false %}
-  <a class="ui item {% if page.url == node.url %} active{% endif %}" href="{{site.baseurl}}{{ node.url }}">
-    <div class="tooltip">
-      <h4 class="ui header">{{node.title}}
-        &nbsp;
-        &nbsp;
-        &nbsp;
-        &nbsp;
-        <span class="tooltiptext">{{ node.description }} </span>
+  <a class="ui popable item fluid {% if page.url == node.url %} active{% endif %}" href="{{site.baseurl}}{{ node.url }}"
+       data-content="{{node.description}}" data-variation="inverted">
+      <h4 class="ui header fluid">{{node.title}}
       </h4>
-    </div>
   </a>
+
   {% endif %}
   {% endif %}
   {% endif %}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -6,10 +6,8 @@
 
 <body>
 
-
 	{% include sidebar.html %}
 
-
 	<div class="contentpage container fluid">
 	{{ content }}
 	</div>

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -9,11 +9,10 @@ <h1 class="ui header">{{ page.title }}: {{ page.description}}</h1>
 	{% else %}
 	<h1 class="ui header">{{ page.title }}</h1>
 	{% endif %}
+  <div class="ui divider"></div>
 
-	<div style="border:1px solid">
-	</div>
+	{{ content }}
 
   <br>
-	{{ content }}
 
 </div>
diff --git a/index.md b/index.md
@@ -5,10 +5,19 @@ description:
 navigate: false
 ---
 
+<div class="ui container raised segment padded">
+
+<p class="ui">
 SMPI CourseWare is a set of hands-on pedagogic material focused on teaching high performance computing and distributed memory computing in simulation. This is
 done with
-  [SMPI](http://simgrid.gforge.inria.fr/simgrid/latest/doc/group__SMPI__API.html) (Simulated MPI),
- a simulator for [MPI](http://www.mpi-forum.org/docs/docs.html) applications provided as part of [SimGrid](http://simgrid.gforge.inria.fr).
+  <a href="http://simgrid.gforge.inria.fr/simgrid/latest/doc/group__SMPI__API.html">SMPI</a> (Simulated MPI),
+ a simulator for <a href="http://www.mpi-forum.org/docs/docs.html">MPI</a> applications provided as part of
+ <a href="http://simgrid.gforge.inria.fr">SimGrid</a>.
+ </p>
 
+<p class="ui">
  Using the navigation bar on the left you can see the specific learning objectives, and explore the covered topics. Each topic consists of
  short tutorial information and of many hands-on activities. Topic #0 is a good place to start :)
+</p>
+
+</div>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -11,3 +11,5 @@ TBD:
		* Platform XML
		* Hello World in MPI
		* Getting Help with SMPI/SimGrid
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,10 +6,8 @@ @@
     <body>
     	{% include sidebar.html %}
     	<div class="contentpage container fluid">
     	{{ content }}
     	</div>
@@ Expand Down @@