mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
Prettying stuff
This commit is contained in:
parent
843f0a7dad
commit
34cc962ab4
16 changed files with 247 additions and 218 deletions
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue