icon + title + intro text front bold

nmssilva · nmssilva · commit b27cc401e0c8 · 2018-02-16T15:02:57.000Z
diff --git a/index.html b/index.html
@@ -2,21 +2,23 @@
 <html>
 
 <link rel="stylesheet" href="styles.css">
+<link rel="shortcut icon" type="image/x-icon" href="wow.png" />
+
+<script type="text/javascript" src="https://code.jquery.com/jquery-latest.js"></script>
+<script type="text/javascript" src="js/app.js"></script>	
 
 <body id="body_id" class="bg">
 
 <div class="center">
 	<a id="intro" class="intro"></a>
 	<br>	
-	<!--div class="placeholder"><img/></div-->
-	<div id='sensation_div'>
-		<a id="sensation" class="sensation"></a>
-	</div>
+	<a id="sensation" class="sensation"></a>
 </div>
 
 
-<script type="text/javascript" src="https://code.jquery.com/jquery-latest.js"></script>
-<script type="text/javascript" src="js/app.js"></script>	
+<head>
+  <title id="title"></title>
+</head>
 
 </body>
 </html>
diff --git a/js/app.js b/js/app.js
@@ -32,6 +32,7 @@ function readIntroFile(file, num) {
                 var intro = words[Math.abs(num % (words.length - 1))];
 
                 document.getElementById("intro").innerHTML = intro + "...";
+                document.getElementById("title").innerHTML += intro + "... ";
             }
         }
     }
@@ -47,6 +48,9 @@ function readTextFile(file, num) {
                 var allText = rawFile.responseText;
                 var words = allText.split("\n");
                 sensation = words[Math.abs(num % (words.length - 1))];
+
+                document.getElementById("sensation").innerHTML = sensation + " sensation";
+                document.getElementById("title").innerHTML += sensation + " sensation :O";
             }
         }
     }
@@ -110,6 +114,5 @@ window.onload = function() {
     readTextFile(baseUrl + "misc/sensations.txt", num);
     document.body.style.backgroundColor = "grey";
     getImage(sensation);
-    document.getElementById("sensation").innerHTML = sensation + " sensation";
 
 }
diff --git a/styles.css b/styles.css
@@ -30,19 +30,10 @@ a {
 .intro{
      color:white;
      font-size: 70px;
-     font-family: Sansation_Light;
+     font-family: Sansation_Bold;
 }
 .sensation{
      color:white;
      font-size: 100px;
      font-family: Sansation_Bold;
-}
-.placeholder {
-     display: inline-block;
-}
-.placeholder img {
-     visibility: hidden;
-     background: url('spinner.gif') center center transparent;
-     vertical-align: bottom;
-}
- 
+}
diff --git a/wow.png b/wow.png

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ function readIntroFile(file, num) {`
`32`	`32`	`var intro = words[Math.abs(num % (words.length - 1))];`
`33`	`33`
`34`	`34`	`document.getElementById("intro").innerHTML = intro + "...";`
	`35`	`+ document.getElementById("title").innerHTML += intro + "... ";`
`35`	`36`	`}`
`36`	`37`	`}`
`37`	`38`	`}`
`@@ -47,6 +48,9 @@ function readTextFile(file, num) {`
`47`	`48`	`var allText = rawFile.responseText;`
`48`	`49`	`var words = allText.split("\n");`
`49`	`50`	`sensation = words[Math.abs(num % (words.length - 1))];`
	`51`	`+`
	`52`	`+ document.getElementById("sensation").innerHTML = sensation + " sensation";`
	`53`	`+ document.getElementById("title").innerHTML += sensation + " sensation :O";`
`50`	`54`	`}`
`51`	`55`	`}`
`52`	`56`	`}`
`@@ -110,6 +114,5 @@ window.onload = function() {`
`110`	`114`	`readTextFile(baseUrl + "misc/sensations.txt", num);`
`111`	`115`	`document.body.style.backgroundColor = "grey";`
`112`	`116`	`getImage(sensation);`
`113`		`- document.getElementById("sensation").innerHTML = sensation + " sensation";`
`114`	`117`
`115`	`118`	`}`