From 28363c3721f57583ba0f78f6f0365f2be3990adc Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Sat, 6 Mar 2021 00:18:50 +0100 Subject: [PATCH] Design and text rework on page "manual" --- src/components/sleep.js | 7 +- src/defaultStyles.css | 52 ++++++++++- src/pages/manual.js | 185 ++++++++++++++++++---------------------- 3 files changed, 136 insertions(+), 108 deletions(-) diff --git a/src/components/sleep.js b/src/components/sleep.js index bf349ab..dfa2b6a 100644 --- a/src/components/sleep.js +++ b/src/components/sleep.js @@ -4,14 +4,15 @@ export default function Sleep (props) { const hours = new Date().getHours() if (hours < 4 || hours > 23) { return ( -
+
diff --git a/src/defaultStyles.css b/src/defaultStyles.css index 97118fb..ce75626 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -13,6 +13,10 @@ body { color: #999999; } +li { + padding: 2px 0px; +} + a { color: white; } @@ -46,7 +50,7 @@ a:hover { .content { margin-left: 200px; - padding: 1px 16px; + padding: 1px 15px; } .sidebarLinks a { @@ -172,6 +176,10 @@ a:hover { } } +.endofpage { + padding-bottom: 20px; +} + .questionContainer { margin: 10px; } @@ -240,10 +248,52 @@ a:hover { margin: 0px 10px; } +.warning { + color: red; + font-weight: 100; + font-size: 17.5px; +} + +#manualWarn { + font-size: 14px; +} + +.manual_img { + padding: 20px 2px; +} + +.subtitle { + color: var(--text-color); + font-size: 23px; + text-align: center; + font-weight: 100; + margin: 0px; + padding-top: 8px; +} + +.pageHeader { + background-color: var(--text-color); + height: 45px; + max-width: 100%; + color: black; + margin: 5px 0px 0px 0px; +} + +.pageHeader h1 { + padding-top: 6px; + letter-spacing: 7px; + margin: 0px; +} + .manualUsage { + margin-top: 5px; display: flex; } +.manualBody { + text-align: justify; +} + select { cursor: pointer; width: 100%; diff --git a/src/pages/manual.js b/src/pages/manual.js index 38ab7f2..474fa0d 100644 --- a/src/pages/manual.js +++ b/src/pages/manual.js @@ -14,61 +14,58 @@ function renderMaual() { Manual - Qmining | Frylabs.net
-

Manual

+
+

Manual

+
+

+ Ha az oldalt vagy a scriptet használod: akármikor észrevehetik, + leállhat a szerver, és rossz lehet az összes válasz! +

+

Valószínűleg semmi baj nem lesz, de én szóltam. Ha emiatt aggódsz, + olvasd el a kockázatok részt.

-
-
- Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget - jelenít meg. -

- Ha az oldalt vagy a scriptet használod: akármikor észrevehetik, - leállhat a szerver, és rossz lehet az összes válasz -

- Valószínűleg semmi baj nem lesz, de én szóltam. Ha ez iránt aggódsz, - olvasd el a kockázatok részt
-
-

Userscript használata

+

A userscript használata

-
-
-
+
+

Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget + jelenít meg.

  • - Tölts le egy userscript futtató kiegészítőt a böngésződhöz:{' '} + Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a {' '} Tampermonkey - + -t.
  • - - Weboldalról + weboldalról {' '} - rakd fel a scriptet + rakd fel a scriptet.
  • - Script majd udvariasan megkéri, hogy hagy beszélgessen a - szerverrel, mert mással nem tud, ezt engedélyezd. + 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.
  • Ezután:
    • - Teszt oldalon a kérdésre a választ kell látnod felül egy - felugró ablakszerűben + A kitöltendő teszt oldalán a kérdésre a választ kell látnod felül egy + lebegő ablakban.
    • Teszt ellenőrzés oldalon a script beküldi a szervernek a @@ -93,21 +90,12 @@ function renderMaual() { (ha elszállna a szerver)
    • - - Összes kérdés oldal - - , ahol manuál tudsz keresni ha valami gáz lenne a scriptel -
      • -
    -

    Egyéb funkciók: -

      -
    • - Ha esetleg videókat nézel, akkor spaceval lehet play/pausolni, és - jobbra/balra gombbal ugrani a videóban. + összes kérdés oldal + az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a scripttel.
@@ -120,96 +108,90 @@ function renderMaual() {
-
-

Jelszavak

+

Jelszavak

-
-
- Ha ezt olvasod valszeg már van neked egy. Azért lett bevezetve, hogy - nagyjából zárt legyen a felhasználók köre +
+

Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy + nagyjából zárt legyen a felhasználók köre.

    -
  • Minden felhasználónak más jelszava van
    • +
  • Minden felhasználónak más jelszava van.
  • - Elvileg elég csak 1 szer beírnod, és nem kell többet, de{' '} - mentsd le biztos helyre a jelszót, hogy később is meglegyen! Ha - többször kell akkor az bug,{' '} + Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '} + mentsd le biztos helyre a jelszót, hogy később is meglegyen! Ha + többször kell megadnod, akkor az bug lesz. Ilyenkor ezt {' '} - és szólj - + jelentsd + .
  • - - Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted akkor az + + Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az örökre eltűnik! - +
  • - Ha van jelszavad akkor bizonyos határok között{' '} - bizonyos határok között{' '} + te is - te is tudsz generálni másoknak - - (ncore style). + tudsz generálni + másoknak (ncore style).
  • - Saját jelszavad ne oszd meg, belépésnél máshonnan azonnal ki leszel - jelentkeztetve, és minek ha tudsz adni amúgy is + Saját jelszavadat ne oszd meg, mivel egyszerre egy helyen lehetsz belépve, máshol automatikusan ki leszel jelentkeztetve. (meg minek, ha tudsz adni másoknak az előző pont alapján)
  • - Mivel felhasználóneved nincs, így teljesen anoním az egész. Ez miatt - jelszót nem lehet megváltoztatni, hogy a szükséges komplexitás - megmaradjon + Mivel senkinek sincs felhasználóneve, csak egy UserID (amit bal alul találsz), + így az egész teljesen anonim. Emiatt a jelszavakat nem lehet megváltoztatni, + hogy a szükséges komplexitás megmaradjon.
-
+
-

Gyakran előforduló kérdések

+

Gyakran Ismételt Kérdések

-
-
+
  • Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen - ki akarod kapcsolni + ki akarod kapcsolni; -
    Tampermonkey bővitmény ikon -{'>'} click -{'>'} scriptet - kapcsold ki. Csak ne felejtsd visszakapcsolni ;) +
    Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet + kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)
    • -

    +

  • Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a - válaszra kattintani + válaszra kattintani; -
    Zommolj ki egy kicsit, vagy kapcsold ki addig a scriptet. - Továbbá középső egérgombra kattintva rá el bírod tüntetni az ablakot, - amíg újra nem töltöd az oldalt, vagy másikra ugrasz. +
    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.
    • -

    +

  • - Gombok, %-ok, számok -
    - img + Gombok, %-ok, számok; +
    + img
    • -

-
+
-

Kockázatok

+

Kockázatok

-
-
  • Bármikor észrevehetik hogy használod a scriptet @@ -258,36 +240,30 @@ function renderMaual() {
-
+

Weboldal lementése

+

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:

-

Egyéb

-
-
-
-

Weboldal lementése

- 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 - letölteni egy oldalt: - img + img
Ide tudod feltölteni -
- Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom + +

Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom hatékonyan tesztelni a scriptet. Ezért hatalmas segítség ha feltöltöd azt - az oldalt amin hibával találkozol. + az oldalt amin hibával találkozol.

-

Script újratelepítése

- Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a +

Script újratelepítése

+

Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a weboldalról. A greasyforkos telepítési lehetőség meg fog szűnni, így ha onnan telepítetted, akkor nem lesznek frissítések elérhetők (amik nagyon fontosak (de tényleg)). Ezért a következő rövid manővert kellene - végrehajtani, hogy minden zökkenőmentesen menjen: + végrehajtani, hogy minden zökkenőmentesen menjen:

  • Böngésző bővítményeidnél kattints a tampermonkey-ra
  • Válaszd ki alulról második opciót, ami dashboard néven fut
    • @@ -304,8 +280,8 @@ function renderMaual() { target="_blank" rel="noreferrer" > - ide a script újratelepítéséhez a weboldalról. - + ide + a script újratelepítéséhez a weboldalról.
  • Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak @@ -315,6 +291,7 @@ function renderMaual() {
Ezzel semmi adat nem vész el, régi jelszó ugyanolyan jó marad (csak ne felejtsd azt el) +

) }