From 462eff3c75fa0e47508e1c2d5d96b049d99a5680 Mon Sep 17 00:00:00 2001
From: MrFry <mrfry@airmail.cc>
Date: Sat, 26 Oct 2019 10:10:26 +0200
Subject: [PATCH] Manual update, mobile friendly sites, minor design
 improvements

---
 views/main/main.ejs        |  1 +
 views/qmining/alldata.ejs  | 76 +++++++++++++++++++++++---------------
 views/qmining/allqr.ejs    |  1 +
 views/qmining/main.ejs     |  1 +
 views/qmining/man.ejs      | 27 +++++---------
 views/qmining/uploaded.ejs |  2 +
 6 files changed, 60 insertions(+), 48 deletions(-)
diff --git a/views/main/main.ejs b/views/main/main.ejs
index 4ba198d..11d8f43 100644
--- a/views/main/main.ejs
+++ b/views/main/main.ejs
@@ -5,6 +5,7 @@
 	<head>
 		<title>FryLabs.net</title>
 		<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
 		<style>
 			body {
 				font: normal 14px Verdana;
diff --git a/views/qmining/alldata.ejs b/views/qmining/alldata.ejs
index fb75cd6..4a9f454 100644
--- a/views/qmining/alldata.ejs
+++ b/views/qmining/alldata.ejs
@@ -5,6 +5,7 @@
 	<head>
 		<title>All questions</title>
 		<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
 		<style>
 			body {
 				font: normal 14px Verdana;
@@ -79,7 +80,12 @@
 	<% include aludni.ejs %>
 
 	<% for (var i = 0; i < data.Subjects.length; i++) { %>
-		<button class="collapsible"> 
+      <button
+        class="collapsible"
+        style='<%= i % 2 === 0 ? "background-color: #2f2f37" : "" %>'
+        onmouseenter='mouseEnter(this, <%= i %>)'
+        onmouseleave='mouseLeave(this, <%= i %>)'
+        > 
 		<h2>
 			<table id=<%=i%>>
 				<td>
@@ -90,41 +96,51 @@
 				</td>
 			</table>
 		</h2>
-	</button>
+      </button>
 		<div class="content">
 			<% var a = data.Subjects[i].toString().split('\n')%>
-				<% for (var j = 1; j < a.length; j++) { %>
-					<% if (a[j][0] == '?') { %>
-						</br>
-					<% } %>
-					<%=a[j] %>
-					</br>
-				<% } %>
+            <% for (var j = 1; j < a.length; j++) { %>
+                <% if (a[j][0] == '?') { %>
+                    </br>
+                <% } %>
+                <%=a[j] %>
+                </br>
+            <% } %>
 		</div>
 	<% } %>
-			<script>
-				var coll = document.getElementsByClassName("collapsible");
-				var i;
+    <script>
+        var coll = document.getElementsByClassName("collapsible");
+        var i;
 
-				for (i = 0; i < coll.length; i++) {
-					coll[i].addEventListener("click", function() {
-						this.classList.toggle("active");
-						var content = this.nextElementSibling;
-						if (content.style.display === "block") {
-							content.style.display = "none";
-						} else {
-							content.style.display = "block";
-						}
-					});
-				}
-                function openall () {
-                  var coll = document.getElementsByClassName("content");
-                  var i;
-                  for (i = 0; i < coll.length; i++) {
-                    coll[i].style.display = "block";
-                  }
+        for (i = 0; i < coll.length; i++) {
+            coll[i].addEventListener("click", function() {
+                this.classList.toggle("active");
+                var content = this.nextElementSibling;
+                if (content.style.display === "block") {
+                    content.style.display = "none";
+                } else {
+                    content.style.display = "block";
                 }
-			</script>
+            });
+        }
+        function openall () {
+          var coll = document.getElementsByClassName("content");
+          var i;
+          for (i = 0; i < coll.length; i++) {
+            coll[i].style.display = "block";
+          }
+        }
+        function mouseEnter (e, i) {
+          e.style.backgroundColor = "#555"
+        }
+        function mouseLeave (e, i) {
+          if (i % 2 == 0) {
+            e.style.backgroundColor = "#2f2f37"
+          } else {
+            e.style.backgroundColor = "#212127"
+          }
+        }
+    </script>
 	<% include b.ejs %>
 </body>
 </html>
diff --git a/views/qmining/allqr.ejs b/views/qmining/allqr.ejs
index 402e4f6..6e6b48d 100644
--- a/views/qmining/allqr.ejs
+++ b/views/qmining/allqr.ejs
@@ -5,6 +5,7 @@
 	<head>
 		<title>All questions</title>
 		<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
 		<style>
 			body {
 				font: normal 14px Verdana;
diff --git a/views/qmining/main.ejs b/views/qmining/main.ejs
index 6778cc4..ef91af1 100644
--- a/views/qmining/main.ejs
+++ b/views/qmining/main.ejs
@@ -5,6 +5,7 @@
 	<head>
 		<title>Question mining</title>
 		<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
 		<style>
 			body {
 				font: normal 14px Verdana;
diff --git a/views/qmining/man.ejs b/views/qmining/man.ejs
index f8fc5b9..3dc6de5 100644
--- a/views/qmining/man.ejs
+++ b/views/qmining/man.ejs
@@ -5,6 +5,8 @@
 
 	<head>
 		<title>Moodle/Elearning/KMOOC manual</title>
+		<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
 		<style>
 			body {
 				font: normal 17px Verdana;
@@ -191,32 +193,21 @@
 		</li>
 		</p>
 		<li>
-			Egyéb:<br><a target="_blank"
-			href="https://greasyfork.org/en/scripts/38999-moodle-elearning-kmooc-test-help/feedback">Script
-			Feedback</a> vagy <a target="_blank" href="http://qmining.frylabs.net/">észrevétel</a> vagy <a
-			target="_blank" href="http://qmining.frylabs.net/irc">IRC.</a>
+			Egyéb:<br>
+			<a target="_blank" href="http://qmining.frylabs.net/">észrevétel</a>
 		</li>
 	</ul>
 	<hr> Jogosultságok:
-	</br>GM_openInTab: help megnyitása új lapon, GM_xmlhttpRequest: online adatbázishoz.
-	GM_getResourceText: a txt beolvasáshoz. Mást nem bír beolvasni, csak amit megadsz a @resouces
-	tagnál. GM_info: a scriptről információ, a verzióváltozás érzékeléséhez. GM_getValue/
-	GM_setValue: oldal bezárásakor megmaradó változók kezelése. Előző verzió tárolására, ugyanúgy
-	verzióváltozás érzékeléséhez, néhány beállítás, illetve hogy melyik tárgyakból keressen
-	kérdéseket. Ezek függvények, és a sciptben néhol meg vannak hívva, keresd meg.
+    </br>GM_openInTab: help megnyitása új lapon, GM_xmlhttpRequest: online adatbázishoz.  GM_info: a
+    scriptről információ, a verzióváltozás érzékeléséhez. GM_getValue/ GM_setValue: oldal
+    bezárásakor megmaradó változók kezelése. Előző verzió tárolására, ugyanúgy verzióváltozás
+    érzékeléséhez, néhány beállítás, illetve hogy melyik tárgyakból keressen kérdéseket. Ezek
+    függvények, és a sciptben néhol meg vannak hívva, keresd meg.
 	</p> Elküldött adatok online módban: Minden teszt végén az összes kérdés, és rá a moodle szerint
 	helyesnek vélt válaszok. Fogadott adatok: az összes eddig ismert moodle kérdés
 	<hr>
 	<center>
 	<h1>
-	<a target="_blank"
-	href="https://greasyfork.org/en/scripts/38999-moodle-elearning-kmooc-test-help">Script
-	Greasyforkon</a>
-	|
-	<a target="_blank"
-	href="https://greasyfork.org/en/scripts/38999-moodle-elearning-kmooc-test-help/feedback">Script
-	Feedback</a>
-	|
 	<a target="_blank" href="http://qmining.frylabs.net/">Weboldal</a>
 	</h1>
 	</center>
diff --git a/views/qmining/uploaded.ejs b/views/qmining/uploaded.ejs
index b737430..ed3c375 100644
--- a/views/qmining/uploaded.ejs
+++ b/views/qmining/uploaded.ejs
@@ -3,6 +3,8 @@
 <body bgcolor="#212127">
 
 	<head>
+        <meta name="viewport" content="width=device-width, initial-scale=0.8" />
+		<meta charset="UTF-8">
 		<style>
 			body {
 				font: normal 14px Verdana;
