v1.0.1 Hotfix deployed

README.md

@@ -1,6 +1,6 @@
 # HTML5 Template Page Generator
 
-**Latest release:**  v1.0.0 (Cuttlefish), Aug, 17th, 2016
+**Latest release:**  v1.0.1 (Cuttlefish), Aug, 17th, 2016
 
 Check the live version [here](https://chalarangelo.github.io/htmltemplategenerator/).
 

index.html

@@ -7,8 +7,8 @@
  	<meta name="author" content="Angelos Chalaris">
  	<meta name="keywords" content="html5, template page generator, html, template, generator">
  	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
-	<script type="text/javascript" src="js/htmltempgen.js"></script>
-	<link rel="stylesheet" href="css/htmltempgen.css">
+	<script type="text/javascript" src="js/htmltempgen.min.js"></script>
+	<link rel="stylesheet" href="css/htmltempgen.min.css">
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
@@ -43,6 +43,28 @@ <h4 class="modal-title" id="myModalLabel">Reset template</h4>
         </div>
       </div>
     </div>
+<!-- Modal dialog for first time users -->
+    <div class="modal fade" id="newUserModal" tabindex="-1" role="dialog" aria-labelledby="newUserModalLabel">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title" id="newUserModalLabel">Quick start guide</h4>
+          </div>
+          <div class="modal-body">
+            <ul>
+            <li>Use each of the tabs at the top to specify your HTML page's content, libraries, metadata and resources. All changes are applied immediately to your generated template.</li>
+            <li>View your generated template under the <span class="bg-info">Result</span> tab.</li>
+            <li>When satisfied with the results, copy it to your clipboard or export it to JSFiddle or Codepen using the buttons at the very top of the <span class="bg-info">Result</span> tab.</li>
+            <li>If you need help, check the <span class="bg-info">Help &amp; Info</span> tab.</li>
+          </ul>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-primary" data-dismiss="modal">Ok, got it!</button>
+          </div>
+        </div>
+      </div>
+    </div>
 <!-- Navigation -->
   		<div class="row">
 	  		<div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12">

js/htmltempgen.js

@@ -1,6 +1,6 @@
 $(function(){
 	var debug = false;	// Debub flag (set to false when releasing)
-	var versionName = 'v1.0.0 (Cuttlefish'+((debug)?'::debug_true':'')+')';		// Version name and setup, always use this and update accordingly!
+	var versionName = 'v1.0.1 (Cuttlefish'+((debug)?'::debug_true':'')+')';		// Version name and setup, always use this and update accordingly!
 	// Prototype for the templates
 	var templateProto = function(){
 		this.comments = false;
@@ -306,7 +306,7 @@ $(function(){
 						else if(isLibBoilerplateSelected('jQuery-noConflict'))	codepenScript +=boilerplates['jQuery-noConflict'];
 				}
 			var codepenHead = (($.trim(this.head.title).length === 0)?'<title>HTML5 sample page</title>\n':'<title>'+$.trim(this.head.title)+'</title>\n');
-			codepenHead += this.metaToText().replace(/    <!--(.*?)-->\n/g,'') + this.templateHeadToText().replace(/    <!--(.*?)-->\n/g,'');
+			codepenHead += this.metaToText().replace(/    <!--(.*?)-->\n/g,'');
 			var codepenData = {
 				title: (($.trim(this.head.title).length === 0)?'HTML5 sample page':$.trim(this.head.title)), 
 				description: (($.trim(this.head.meta.description).length === 0)?'Template page generated by https://chalarangelo.github.io/htmltemplategenerator':$.trim(this.head.meta.description)), 
@@ -368,6 +368,7 @@ $(function(){
 	libList.push(new libraryPackage('MooTools','1.6.0','script','https://ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js',null, boilerplates['MooTools'], null));
 	libList.push(new libraryPackage('Dojo','1.10.4','script','https://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js',null, boilerplates['Dojo'], null)); 
 	libList.push(new libraryPackage('Prototype','1.7.3.0','script','https://ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js',null, null, null));	
+	libList.push(new libraryPackage('Pure.CSS','0.6.0','css','http://yui.yahooapis.com/pure/0.6.0/pure-min.css',null, null, null));
 	libList.push(new libraryPackage('three.js','1.6.0','script','https://ajax.googleapis.com/ajax/libs/threejs/r76/three.min.js',null, null, null));
 	libList.push(new libraryPackage('Bootstrap-Extend','1.1','mixed', null,['Bootstrap-3-3-6','jQuery-2-2-4'], null, null)
 		.addCSS('https://cdn.rawgit.com/Chalarangelo/bootstrap-extend/880420ae663f7c539971ded33411cdecffcc2134/css/bootstrap-extend.min.css')
@@ -397,6 +398,19 @@ $(function(){
             html2+='</div></div></form>';
 		}
 	}
+	if(debug)	console.log('Checking if retuning user...');
+	var storedData = JSON.parse(localStorage.getItem("HTML5TemplateGenerator")); 
+	if(storedData == null)
+	{
+		if(debug)	console.log('New user spotted');
+		$('#newUserModal').modal();
+		$('#newUserModal').on('hidden.bs.modal', function () {
+			storedData = {	version: versionName	};
+			localStorage.setItem("HTML5TemplateGenerator",JSON.stringify(storedData)); 
+			if(debug)	console.log('New user registered as returning user');
+		});
+	}
+	else if(debug)	console.log('Returning user identified');
 	$('#lib-loader-customizers').html(html2);
 	// Library and package searchers
 	var findLibraryPackageFromId = function(id){