Merge pull request scala#26 from 47deg/sl24-requested-changes-frontpage

Requested changes for the frontpage

Author: Javier de Silóniz Sandino

_data/common.yml

@@ -4,6 +4,8 @@ twitterUrl: https://twitter.com/scala_lang
 scaladexUrl: https://scaladex.scala-lang.org
 
 texts:
+  ensimeSupportedInIDE: ensime plugin available
+  scalaCompilationEnvironments: Scala compiles to JVM and Javascript
   onlineCoursesFree: Free (optional paid certificate)
   onlineCoursesPaid: Paid (with certificate)
   courseraLaunchPeriod: New sessions starting every 2 weeks!

_layouts/frontpage.html

@@ -76,6 +76,7 @@ <h1>{{page.headerTitle}}</h1>
               <div class="scala-version">
                 <span>Scala</span>
                 <span>{{page.currentScalaVersion}}</span>
+                <p>{{site.data.common.texts.scalaCompilationEnvironments}}</p>
               </div>
             </div>
           </div>
@@ -95,7 +96,7 @@ <h2><span>IDEs for Scala</span></h2>
     <ul>
       {% for ide in page.scalaIDEs %}
       <li>
-        <a class="masterTooltip" href="{{ide.url}}">
+        <a {% if ide.ensime == true %}class="masterTooltip" title="{{site.data.common.texts.ensimeSupportedInIDE}}"{% endif %} href="{{ide.url}}" target="_blank">
           {% if ide.ensime == true %}
             <span class="bullet">
               <img src="/resources/img/frontpage/icon-ensime.png" alt="">
@@ -234,7 +235,7 @@ <h2><span>What’s New</span></h2>
       </div>
       {% assign firstPost = site.posts | first %}
       <div class="content-card">
-        <p class="{{tag-new}}">{{firstPost.post-type|upcase}}</p>
+        <p class="tag-new">{{firstPost.post-type|upcase}}</p>
         <h3><a href="{{firstPost.url}}">{{firstPost.title}}</a></h3>
         <span class="date">{{firstPost.date | date: "%A, %B %-d, %Y"}}</span>
         <p>{{firstPost.content}}</p>

_scala_items/7-run-scala-in-the-browser.md

@@ -35,6 +35,29 @@ $(document).ready(function() {
     });
 });
 
+// Tooltip
+$(document).ready(function() {
+        // Tooltip only Text
+        $('.masterTooltip').hover(function(){
+                // Hover over code
+                var title = $(this).attr('title');
+                $(this).data('tipText', title).removeAttr('title');
+                $('<p class="tooltip"></p>')
+                .text(title)
+                .appendTo('body')
+                .fadeIn('slow');
+        }, function() {
+                // Hover out code
+                $(this).attr('title', $(this).data('tipText'));
+                $('.tooltip').remove();
+        }).mousemove(function(e) {
+                var mousex = e.pageX + 20; //Get X coordinates
+                var mousey = e.pageY + 10; //Get Y coordinates
+                $('.tooltip')
+                .css({ top: mousey, left: mousex })
+        });
+});
+
 // Highlight
 hljs.initHighlightingOnLoad();
 
@@ -108,7 +131,7 @@ $('#scaladex-search').on('blur', function(e) {
     if (!$(e.target).is('.autocomplete-suggestion')) {
         if (lastElementClicked != null && !lastElementClicked.is('.autocomplete-suggestion')) {
             hideSuggestions();
-        }       
+        }
     } else {
         hideSuggestions();
     }
@@ -144,15 +167,11 @@ $('#scaladex-search').autocomplete({
         suggestions.length > 0 ? showSuggestions() : hideSuggestions();
     },
     onSelect: function (suggestion) {
-        console.log("onSelect");        
-
         if (suggestion.data != prevResult) {
-            console.log("onSelect change: " + suggestion.data + "/" + prevResult);
-
             prevResult = suggestion.data;
             hideSuggestions();
             $("#scaladex-search").blur();
             window.open(suggestion.data, '_blank');
-        }        
+        }
     }
-})
+})