Minor style fixes, minor manual refactor

src/components/comments.module.css

@@ -6,11 +6,6 @@
 .commentData {
   padding: 5px 2px;
   border-left: 2px solid var(--text-color);
-  border-radius: 3px;
-}
-
-.commentData:hover {
-  background-color: var(--hoover-color);
 }
 
 .commentHeader {

src/components/newsEntry.module.css

@@ -20,7 +20,6 @@
 
 .adminPost {
   border-left: 2px solid yellow;
-  border-radius: 5px;
 }
 
 .newsContainer img {

src/components/sidebar.module.css

@@ -1,6 +1,6 @@
 .container {
   background-color: var(--background-color);
-  border-left: 3px solid #99f;
+  border-left: 3px solid var(--text-color);
   top: 0;
   right: 0px;
   height: 100%;

src/components/todoStuff/todoSidebar.module.css

@@ -9,12 +9,12 @@
 }
 
 .title {
-  color: #99f;
+  color: var(--text-color);
   font-size: 18px;
 }
 
 .name {
-  color: #99f;
+  color: var(--text-color);
   font-size: 20px;
   margin: 20px 0px;
 }
@@ -36,7 +36,7 @@
 }
 
 .button {
-  border: 2px solid #99f;
+  border: 2px solid var(--text-color);
   border-radius: 3px;
   text-align: center;
   cursor: pointer;

src/constants.json

@@ -1,6 +1,6 @@
 {
   "siteUrl": "https://qmining.frylabs.net/",
-  "apiUrl": "http://localhost:8080/",
+  "apiUrl": "https://api.frylabs.net/",
   "mobileWindowWidth": 700,
   "maxQuestionsToRender": 250
 }

src/defaultStyles.css

@@ -40,7 +40,7 @@ input {
   color: var(--text-color);
   background-color: var(--background-color);
   border: 1px solid #444;
-  border-radius: 3px;
+  width: 100%;
 }
 
 .link {

src/pages/allQuestions.js

@@ -157,7 +157,6 @@ export default function AllQuestions({ router }) {
               <input
                 autoFocus
                 placeholder="Keresés..."
-                className={styles.searchBar}
                 type="text"
                 value={searchTerm}
                 onChange={(event) => {
@@ -206,7 +205,6 @@ export default function AllQuestions({ router }) {
               <input
                 autoFocus
                 placeholder="Keresés..."
-                className={styles.searchBar}
                 type="text"
                 value={searchTerm}
                 onChange={(event) => {

src/pages/allQuestions.module.css

@@ -1,12 +1,3 @@
-.searchBar {
-  margin: 10px;
-  color: white;
-  background-color: #222426;
-  border: none;
-  font-size: 18px;
-  flex-grow: 1;
-}
-
 .searchContainer {
   width: 100%;
   display: flex;

src/pages/contribute.module.css

@@ -35,7 +35,7 @@
 }
 
 .title {
-  color: #9999ff;
+  color: var(--text-color);
   font-size: 30px;
   text-align: center;
 }

src/pages/manual.js

@@ -51,33 +51,26 @@ function renderMaual() {
               -t.
             </li>
             <li>
-              A{' '}
               <a
                 href="http://qmining.frylabs.net/install?man"
                 target="_blank"
                 rel="noreferrer"
               >
-                weboldalról
+                Kattints ide hogy felrakd a scriptet
               </a>{' '}
-              rakd fel a scriptet.
             </li>
             <li>
               A script ezt követően udvariasan megkér, hogy hadd beszélgessen a
               szerverrel, mert mással nem tud, ezért ezt engedélyezd neki.
             </li>
             <li>
-              Ezután:
-              <ul>
-                <li>
-                  A kitöltendő teszt oldalán a kérdésre a választ kell látnod
-                  felül egy lebegő ablakban.
+              A kitöltendő teszt oldalán a kérdésre a választ kell látnod felül
+              egy lebegő ablakban.
             </li>
             <li>
-                  Teszt ellenőrzés oldalon a script beküldi a szervernek a
-                  helyes válaszokat, az lementi az új kérdéseket, amik ezután
-                  azonnal elérhetők lesznek
-                </li>
-              </ul>
+              Teszt ellenőrzés oldalon a script beküldi a szervernek a helyes
+              válaszokat, az lementi az új kérdéseket, amik ezután azonnal
+              elérhetők lesznek (neked, és másoknak is)
             </li>
           </ul>
           Egyéb fontos tudnivalók:
@@ -92,7 +85,7 @@ function renderMaual() {
                 {' '}
                 Összes kérdés TXT
               </a>{' '}
-              (ha elszállna a szerver)
+              (az összes összegyűjtött kérdés, ha elszállna a szerver)
             </li>
             <li>
               Az{' '}
@@ -190,10 +183,10 @@ function renderMaual() {
             </b>
             <br />
             <i>
-              Zoomolj ki egy kicsit az oldalon, kapcsold ki addig a scriptet,
-              vagy zárd be a script ablakát. Illetve a középső egérgombbal
-              kattintva a script abalkon el bírod tüntetni, amíg újra nem töltöd
-              az oldalt, vagy görgetéssel állíthatsz az átlátszóságán.
+              A felugró ablakot ha minden jól megy akkor a szélénél fogva tudod
+              mozgatni, vagy egeret rajtatartva a görgővel tudod állítani az
+              áttetszőségét, vagy be tudod zárni jobb felül X-el, vagy egér
+              középső gombbal.
             </i>
           </li>
           <br />
@@ -223,16 +216,6 @@ function renderMaual() {
           mert nem fut. Később manuálisan is be lehet majd küldeni
           kérdés-válaszokat.
           <p />
-          Ha arra nem veszik a fáradságot, hogy a kérdéseket lecseréljék akkor
-          valószínűleg arra se hogy userscript futását detektáló kódot rakjanak
-          a weboldalra. A{' '}
-          <a href="https://moodle.org/" target="_blank" rel="noreferrer">
-            Moodle
-          </a>{' '}
-          egy nyílt forráskódú, valószínűleg self-hosted rendszer. Valószínűleg
-          az egyetem egy ezer éves debian szerverén fut, amihez senki se mer
-          nyúlni, nemhogy a moodle-t frissítse valaki.
-          <p />
           A script shadow-root hoz teszi hozzá az összes megjelenített
           elementet, így ezeket szinte lehetetlen detektálni. A moodle
           semmiféleképpen nem látja, hogy milyen más oldalak vannak megnyitva a
@@ -267,9 +250,10 @@ function renderMaual() {
         Weboldal lementése
       </h2>
       <p>
-        Hogy a hibákat a saját gépemen reprodukálni tudjam, és könnyen ki bírjam
-        javítani, sokszor jól jön, ha egy lementett weboldalt megkapok. Így
-        lehet menteni egy oldalt:
+        Ha hibát észlesz, kérlek jelents. Hogy a hibákat a saját gépemen
+        reprodukálni tudjam, és könnyen ki bírjam javítani, sokszor jól jön, ha
+        egy lementett weboldalt megkapok, amin a hiba történik. Így lehet
+        menteni egy oldalt:
       </p>
       <center>
         <img