Prettying stuff

This commit is contained in:
mrfry 2021-03-06 14:59:09 +01:00
parent 843f0a7dad
commit 34cc962ab4
16 changed files with 247 additions and 218 deletions

View file

@ -15,44 +15,49 @@ function renderMaual() {
</Head>
<center>
<div className={'pageHeader'}>
<h1>Manual</h1>
</div>
<h1>Manual</h1>
</div>
<h3 className={'warning'}>
Ha az oldalt vagy a scriptet használod: akármikor észrevehetik,
leállhat a szerver, és rossz lehet az összes válasz!
</h3>
<p id="manualWarn">Valószínűleg semmi baj nem lesz, de én szóltam. Ha emiatt aggódsz,
olvasd el a <a href="#risk">kockázatok részt</a>.</p>
<p id="manualWarn">
Valószínűleg semmi baj nem lesz, de én szóltam. Ha emiatt aggódsz,
olvasd el a <a href="#risk">kockázatok részt</a>.
</p>
</center>
<Sleep />
<center>
</center>
<center></center>
<hr />
<center>
<h2 className={'subtitle'}>A userscript használata</h2>
</center>
<div className={'manualUsage manualBody'}>
<div>
<p>Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget
jelenít meg.</p>
<p>
Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során
segítséget jelenít meg.
</p>
<ul>
<li>
Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a {' '}
Tölts le egy userscript futtató kiegészítőt a böngésződhöz: pl. a{' '}
<a
href="https://www.tampermonkey.net/"
target="_blank"
rel="noreferrer"
>
Tampermonkey
</a>-t.
</a>
-t.
</li>
<li>
A <a
A{' '}
<a
href="http://qmining.frylabs.net/install?man"
target="_blank"
rel="noreferrer"
>
weboldalról
weboldalról
</a>{' '}
rakd fel a scriptet.
</li>
@ -64,8 +69,8 @@ function renderMaual() {
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
@ -90,12 +95,12 @@ function renderMaual() {
(ha elszállna a szerver)
</li>
<li>
Az <a
href="/allQuestions"
rel="noreferrer"
>
Az{' '}
<a href="/allQuestions" rel="noreferrer">
összes kérdés oldal
</a> az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a scripttel.
</a>{' '}
az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a
scripttel.
</li>
</ul>
</div>
@ -112,85 +117,103 @@ function renderMaual() {
<h2 className={'subtitle'}>Jelszavak</h2>
</center>
<div className={'manualBody'}>
<p>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.</p>
<ul>
<li>Minden felhasználónak más jelszava van.</li>
<li>
Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '}
<b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>! Ha
többször kell megadnod, akkor az bug lesz. Ilyenkor ezt {' '}
<a
href="http://qmining.frylabs.net/feedback?man"
target="_blank"
rel="noreferrer"
>
jelentsd
</a>.
</li>
<li>
<i>
Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
örökre eltűnik!
</i>
</li>
<li>
Ha van jelszavad akkor {' '}
<b>bizonyos határok között</b>{' '}
te is <a
href="https://qmining.frylabs.net/pwRequest?man"
target="_blank"
rel="noreferrer"
>
tudsz generálni
</a> másoknak (ncore style).
</li>
<li>
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)
</li>
<li>
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.
</li>
</ul>
<p>
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.
</p>
<ul>
<li>Minden felhasználónak más jelszava van.</li>
<li>
Elvileg elég csak 1 szer beírnod, és többet nem kell, de{' '}
<b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>!
Ha többször kell megadnod, akkor az bug lesz. Ilyenkor ezt{' '}
<a
href="http://qmining.frylabs.net/feedback?man"
target="_blank"
rel="noreferrer"
>
jelentsd
</a>
.
</li>
<li>
<i>
Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
örökre eltűnik!
</i>
</li>
<li>
Ha van jelszavad akkor <b>bizonyos határok között</b> te is{' '}
<a
href="https://qmining.frylabs.net/pwRequest?man"
target="_blank"
rel="noreferrer"
>
tudsz generálni
</a>{' '}
másoknak (ncore style).
</li>
<li>
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)
</li>
<li>
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.
</li>
</ul>
</div>
<hr />
<center>
<h2 className={'subtitle'}>Gyakran Ismételt Kérdések</h2>
</center>
<div className={'manualBody'}>
<ul>
<li>
<b>
Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen
ki akarod kapcsolni;
</b>
<br /><i>Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)</i>
</li>
<br />
<li>
<b>
Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
válaszra kattintani;
</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.</i>
</li>
<br />
<li>
<b>Gombok, %-ok, számok;</b>
<br />
<img style={{ maxWidth: '100%' }} src="img/6.png" alt="img" className={'manual_img'} />
</li>
</ul>
<ul>
<li>
<b>
Olyan helyeken fut le a script, ahol nem kellene, vagy
ideiglenesen ki akarod kapcsolni;
</b>
<br />
<i>
Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)
</i>
</li>
<br />
<li>
<b>
Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
válaszra kattintani;
</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.
</i>
</li>
<br />
<li>
<b>Gombok, %-ok, számok;</b>
<br />
<img
style={{ maxWidth: '100%' }}
src="img/6.png"
alt="img"
className={'manual_img'}
/>
</li>
</ul>
</div>
<hr />
<center>
<h2 id="risk" className={'subtitle'}>Kockázatok</h2>
<h2 id="risk" className={'subtitle'}>
Kockázatok
</h2>
</center>
<ul>
<li>
@ -240,30 +263,42 @@ function renderMaual() {
</li>
</ul>
<hr />
<h2 id="sitesave" className={'subtitle'}>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:</p>
<h2 id="sitesave" className={'subtitle'}>
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:
</p>
<center>
<img style={{ maxWidth: '100%' }} src="img/websitesave.png" alt="img" className={'manual_img'} />
<br />
<a
href="/feedback"
rel="noreferrer"
>
Ide tudod feltölteni
</a>
<img
style={{ maxWidth: '100%' }}
src="img/websitesave.png"
alt="img"
className={'manual_img'}
/>
<br />
<a href="/feedback" rel="noreferrer">
Ide tudod feltölteni
</a>
</center>
<p>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.</p>
<p>
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.
</p>
<hr />
<h2 id="scriptreinstall" className={'subtitle'}>Script újratelepítése</h2>
<p>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:</p>
<h2 id="scriptreinstall" className={'subtitle'}>
Script újratelepítése
</h2>
<p>
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:
</p>
<ul>
<li>Böngésző bővítményeidnél kattints a tampermonkey-ra</li>
<li>Válaszd ki alulról második opciót, ami dashboard néven fut</li>
@ -281,7 +316,8 @@ function renderMaual() {
rel="noreferrer"
>
ide
</a> a script újratelepítéséhez a weboldalról.
</a>{' '}
a script újratelepítéséhez a weboldalról.
</li>
<li>
Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak