Fix homepage

server/documents/hotfix.html

@@ -24,15 +24,8 @@ $(document).ready(function() {
 <style>
 
 </style>
-<div class="ui container" style="position: relative; padding:50px 20px;">
-  <div class="ui divider"></div>
-  <div class="ui divider"></div>
-  <div class="ui divider"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-  <div style="width: 25px;height:25px;background-color: #DDD; display: inline-block;margin-right:5px" data-content="Popup content"></div>
-</div>
+<div class="fixed ui attached yellow inverted borderless menu">
+        <div class="ui container">
+            <a class="ui item">left item</a>
+        </div>
+    </div>

server/files/javascript/docs.js

@@ -79,7 +79,9 @@ semantic.ready = function() {
     $code                = $('div.code').not('.existing'),
     $existingCode        = $('.existing.code'),
 
-    expertiseLevel       = $.cookie('expertiseLevel') || 0,
+    expertiseLevel       = ($.cookie !== undefined)
+      ? $.cookie('expertiseLevel') || 0
+      : 0,
     languageDropdownUsed = false,
 
 

server/files/javascript/home.js

@@ -10,6 +10,7 @@ semantic.home.ready = function() {
     $phrase        = $header.find('h1 span'),
     $download      = $header.find('.download'),
     $library       = $header.find('.library'),
+    $cursor        = $header.find('.typed-cursor'),
     $version       = $header.find('.version'),
     $themeButton   = $('.theming .source.button'),
     $themeGrid     = $('.theming .source.grid'),
@@ -44,6 +45,9 @@ semantic.home.ready = function() {
       setTimeout(function() {
         $library.transition('scale in', 1000);
       }, 3750);
+      setTimeout(function() {
+        $cursor.addClass('stop');
+      }, 4250);
       setTimeout(function() {
         $version.transition('fade', 1000);
       }, 4250);
@@ -227,10 +231,10 @@ semantic.home.ready = function() {
   if($(window).width() > 600) {
     $('body')
       .visibility({
-        offset: -10,
-        observeChanges: false,
-        once: false,
-        continuous: false,
+        offset         : -10,
+        observeChanges : false,
+        once           : false,
+        continuous     : false,
         onTopPassed: function() {
           requestAnimationFrame(function() {
             $('.following.bar')

server/files/stylesheets/home.css

@@ -244,6 +244,12 @@
   -webkit-animation: blink 0.7s infinite;
   -moz-animation: blink 0.7s infinite;
   animation: blink 0.7s infinite;
+  -webkit-transition: opacity 0.7s ease;
+  -moz-transition: opacity 0.7s ease;
+  transition: opacity 0.7s ease;
+}
+#example.index .masthead.segment .typed-cursor.stop {
+  opacity: 0;
 }
 @keyframes blink {
   0% { opacity:1; }