style: Tabs to space

genolve · Sep 23, 2019 · 037662f · 037662f
1 parent f985964
commit 037662f
Show file tree

Hide file tree

Showing 4 changed files with 402 additions and 359 deletions.
diff --git a/README.md b/README.md
@@ -1,13 +1,15 @@
 # wikiquotes-api-gui
-==============
-
 JavaScript API+GUI fetches quotes from [Wikiquote](https://en.wikiquote.org/wiki/Main_Page) and displays them in a fully functioning GUI for drop-in use in your application. Try the  [Standalone Demo](https://www.genolve.com/js/wikiquote-api/index.htm) or the [Fully Integrated Demo- click 'text' then click 'Wikiquote'](https://www.genolve.com/svg/en/alldesigns.php?cardtype=quotes&subtype=popular&mediatype=picture)
 
 #### Installation
 Download the files and add in html header:
 
-`<script type="text/javascript" src="wikiquote-api-gui.js"></script>
-<link type="text/css" rel="stylesheet" href="wiki-api-gui-styles.css" />`
+```
+<script type="text/javascript" src="wikiquote-api-gui.js"></script>
+<link type="text/css" rel="stylesheet" href="wiki-api-gui-styles.css" />
+```
+
+
 
 
 #### Usage
@@ -37,12 +39,12 @@ JQuery is the only requirement, any version above 2.1
 
 #### Features
 * Intelligently searches Wikiquote, falling back to opensearch if nothing is found
-* Keeps a search history to quickly return to previous pages
 * Based on search, displays links to related pages 
+* Keeps a search history to quickly return to previous pages
 * Filters results to only the most popular quotes
 
 #### Credit
 wikiquotes-api-gui adds a GUI and extensively expands on natetyler's [wikiquotes-api](https://github.com/natetyler/wikiquotes-api).
 
 #### Contributing
-We welcome any contributions and feedback! Just drop a note or as usual; fork, make your update, pull request.
+Contributions and feedback welcome! Just drop a note or as usual; fork, make your update, pull request.
diff --git a/index.htm b/index.htm
@@ -2,24 +2,24 @@
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<title>Wikiquotes API and GUI</title>
-<script type="text/javascript" src="../jquery-2.1.3.min.js"></script>
+<title>Wikiquote API and GUI</title>
+<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
 <link rel="stylesheet" media="screen" type="text/css" href="wiki-api-gui-styles.css" />
 <script type="text/javascript" src="wikiquote-api-gui.js"></script>
 <script>
 
 $(document).ready(function() {
-		var myhandler = function(thequote){
-			$('#quote-of-day').html(thequote);
-			}
-	  vpr={};
-		WikiquoteApi =  new WikiquoteApiClass(vpr,$);
-		WikiquoteApi.selfConstruct({initsearch:'Einstein',
-										waiticon:'<span id="spinner" class="gnlv-blink">working!<span>',
-										thumbWidth:150,
-										containerDiv:'#quote-container',
-										clickHandler: myhandler
-										});
+    var myhandler = function(thequote){
+      $('#quote-of-day').html(thequote);
+      }
+    vpr={};
+    WikiquoteApi =  new WikiquoteApiClass(vpr,$);
+    WikiquoteApi.selfConstruct({initsearch:'Einstein',
+                    waiticon:'<span id="spinner" class="gnlv-blink">working!<span>',
+                    thumbWidth:150,
+                    containerDiv:'#quote-container',
+                    clickHandler: myhandler
+                    });
 
 });
 </script>

diff --git a/wiki-api-gui-styles.css b/wiki-api-gui-styles.css
@@ -11,6 +11,7 @@
 	font-family: Tahoma, Arial, sans-serif;
 }
 .gnlv-wikidiv h2{
+	margin-top: 15px;
 	font-size: 16px;
 }
 .gnlv-thumb-div {
@@ -70,4 +71,4 @@
   100% {
     visibility: visible;
   }
-}
+}