albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Design and text rework on page "manual"

Browse source
This commit is contained in:
ndaniel1102 2021-03-06 00:18:50 +01:00
parent 9b4bef13d0
commit 28363c3721
3 changed files with 136 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/sleep.js
View file

@ -4,14 +4,15 @@ export default function Sleep (props) {
const hours = new Date().getHours() const hours = new Date().getHours()
if (hours < 4 || hours > 23) { if (hours < 4 || hours > 23) {
return ( return (
<div> <div>
<center> <center>
<img <img
style={{ style={{
margin: '10px', margin: '10px',
width: '300px' width: '300px',
border: '2px solid white'
}} }}
src={constants.siteUrl + 'img/aludni.jpeg'} src={constants.siteUrl + 'img/aludni.jpeg'} title="Ezt a kepet azert latod, mert ilyenkor mar igazan nem ezen az oldalon kellene jarnod"
/> />
</center> </center>
</div> </div>

52
src/defaultStyles.css
View file

@ -13,6 +13,10 @@ body {
color: #999999; color: #999999;
} }
li {
padding: 2px 0px;
}
a { a {
color: white; color: white;
} }
@ -46,7 +50,7 @@ a:hover {
.content { .content {
margin-left: 200px; margin-left: 200px;
padding: 1px 16px; padding: 1px 15px;
} }
.sidebarLinks a { .sidebarLinks a {
@ -172,6 +176,10 @@ a:hover {
} }
} }
.endofpage {
padding-bottom: 20px;
}
.questionContainer { .questionContainer {
margin: 10px; margin: 10px;
} }
@ -240,10 +248,52 @@ a:hover {
margin: 0px 10px; 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 { .manualUsage {
margin-top: 5px;
display: flex; display: flex;
} }
.manualBody {
text-align: justify;
}
select { select {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;

185
src/pages/manual.js
View file

@ -14,61 +14,58 @@ function renderMaual() {
<title>Manual - Qmining | Frylabs.net</title> <title>Manual - Qmining | Frylabs.net</title>
</Head> </Head>
<center> <center>
<h1>Manual</h1> <div className={'pageHeader'}>
<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>
</center> </center>
<hr />
<hr />
<Sleep /> <Sleep />
<center> <center>
Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget
jelenít meg.
<h2>
Ha az oldalt vagy a scriptet használod: akármikor észrevehetik,
leállhat a szerver, és rossz lehet az összes válasz
</h2>
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
</center> </center>
<hr /> <hr />
<hr />
<center> <center>
<h1>Userscript használata</h1> <h2 className={'subtitle'}>A userscript használata</h2>
</center> </center>
<hr /> <div className={'manualUsage manualBody'}>
<hr />
<div className={'manualUsage'}>
<div> <div>
<p>Ez a userscript Moodle/Elearnig/KMOOC tesztek megoldása során segítséget
jelenít meg.</p>
<ul> <ul>
<li> <li>
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 {' '}
<a <a
href="https://www.tampermonkey.net/" href="https://www.tampermonkey.net/"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Tampermonkey Tampermonkey
</a> </a>-t.
</li> </li>
<li> <li>
<a A <a
href="http://qmining.frylabs.net/install?man" href="http://qmining.frylabs.net/install?man"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Weboldalról weboldalról
</a>{' '} </a>{' '}
rakd fel a scriptet rakd fel a scriptet.
</li> </li>
<li> <li>
Script majd udvariasan megkéri, hogy hagy beszélgessen a A script ezt követően udvariasan megkér, hogy hadd beszélgessen a
szerverrel, mert mással nem tud, ezt engedélyezd. szerverrel, mert mással nem tud, ezért ezt engedélyezd neki.
</li> </li>
<li> <li>
Ezután: Ezután:
<ul> <ul>
<li> <li>
Teszt oldalon a kérdésre a választ kell látnod felül egy A kitöltendő teszt oldalán a kérdésre a választ kell látnod felül egy
felugró ablakszerűben lebegő ablakban.
</li> </li>
<li> <li>
Teszt ellenőrzés oldalon a script beküldi a szervernek a Teszt ellenőrzés oldalon a script beküldi a szervernek a
@ -93,21 +90,12 @@ function renderMaual() {
(ha elszállna a szerver) (ha elszállna a szerver)
</li> </li>
<li> <li>
<a Az <a
href="https://qmining.frylabs.net/allQuestions.html" href="/allQuestions"
target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Összes kérdés oldal összes kérdés oldal
</a> </a> az oldal, ahol manuálisan tudsz keresni, ha valami gáz lenne a scripttel.
, ahol manuál tudsz keresni ha valami gáz lenne a scriptel
</li>
</ul>
<p /> Egyéb funkciók:
<ul>
<li>
Ha esetleg videókat nézel, akkor spaceval lehet play/pausolni, és
jobbra/balra gombbal ugrani a videóban.
</li> </li>
</ul> </ul>
</div> </div>
@ -120,96 +108,90 @@ function renderMaual() {
</div> </div>
</div> </div>
<hr /> <hr />
<hr />
<center> <center>
<h1>Jelszavak</h1> <h2 className={'subtitle'}>Jelszavak</h2>
</center> </center>
<hr /> <div className={'manualBody'}>
<hr /> <p>Ha ezt olvasod valszeg már neked is van. Azért lett bevezetve, hogy
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.</p>
nagyjából zárt legyen a felhasználók köre
<ul> <ul>
<li>Minden felhasználónak más jelszava van</li> <li>Minden felhasználónak más jelszava van.</li>
<li> <li>
Elvileg elég csak 1 szer beírnod, és nem kell többet, de{' '} 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 <b>mentsd le biztos helyre a jelszót, hogy később is meglegyen</b>! Ha
többször kell akkor az bug,{' '} többször kell megadnod, akkor az bug lesz. Ilyenkor ezt {' '}
<a <a
href="http://qmining.frylabs.net/feedback?man" href="http://qmining.frylabs.net/feedback?man"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
és szólj jelentsd
</a> </a>.
</li> </li>
<li> <li>
<b> <i>
Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted akkor az Jelenleg nincs elfelejtett jelszó funkció, ha elfelejted, akkor az
örökre eltűnik! örökre eltűnik!
</b> </i>
</li> </li>
<li> <li>
Ha van jelszavad akkor bizonyos határok között{' '} Ha van jelszavad akkor {' '}
<a <b>bizonyos határok között</b>{' '}
te is <a
href="https://qmining.frylabs.net/pwRequest?man" href="https://qmining.frylabs.net/pwRequest?man"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
te is tudsz generálni másoknak tudsz generálni
</a> </a> másoknak (ncore style).
(ncore style).
</li> </li>
<li> <li>
Saját jelszavad ne oszd meg, belépésnél máshonnan azonnal ki leszel 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)
jelentkeztetve, és minek ha tudsz adni amúgy is
</li> </li>
<li> <li>
Mivel felhasználóneved nincs, így teljesen anoním az egész. Ez miatt Mivel senkinek sincs felhasználóneve, csak egy UserID (amit bal alul találsz),
jelszót nem lehet megváltoztatni, hogy a szükséges komplexitás így az egész teljesen anonim. Emiatt a jelszavakat nem lehet megváltoztatni,
megmaradjon hogy a szükséges komplexitás megmaradjon.
</li> </li>
</ul> </ul>
<hr /> </div>
<hr /> <hr />
<center> <center>
<h1>Gyakran előforduló kérdések</h1> <h2 className={'subtitle'}>Gyakran Ismételt Kérdések</h2>
</center> </center>
<hr /> <div className={'manualBody'}>
<hr />
<ul> <ul>
<li> <li>
<b> <b>
Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen Olyan helyeken fut le a script, ahol nem kellene, vagy ideiglenesen
ki akarod kapcsolni ki akarod kapcsolni;
</b> </b>
<br /> Tampermonkey bővitmény ikon -{'>'} click -{'>'} scriptet <br /><i>Tampermonkey bővitmény ikon -{'>'} click -{'>'} a scriptet
kapcsold ki. Csak ne felejtsd visszakapcsolni ;) kapcsold ki. Csak ne felejtsd el visszakapcsolni ;)</i>
</li> </li>
<p /> <br />
<li> <li>
<b> <b>
Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a Túl nagy a kérdést és a választ megjelenítő ablak, nem tudok a
válaszra kattintani válaszra kattintani;
</b> </b>
<br /> Zommolj ki egy kicsit, vagy kapcsold ki addig a scriptet. <br /><i>Zoomolj ki egy kicsit az oldalon, kapcsold ki addig a scriptet,
Továbbá középső egérgombra kattintva rá el bírod tüntetni az ablakot, vagy zárd be a script ablakát. Illetve a középső egérgombbal kattintva a
amíg újra nem töltöd az oldalt, vagy másikra ugrasz. 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> </li>
<p /> <br />
<li> <li>
<b>Gombok, %-ok, számok</b> <b>Gombok, %-ok, számok;</b>
<br /> <br />
<img style={{ maxWidth: '100%' }} src="img/6.png" alt="img" /> <img style={{ maxWidth: '100%' }} src="img/6.png" alt="img" className={'manual_img'} />
</li> </li>
<p />
</ul> </ul>
<hr /> </div>
<hr /> <hr />
<center> <center>
<h1>Kockázatok</h1> <h2 id="risk" className={'subtitle'}>Kockázatok</h2>
</center> </center>
<hr />
<hr />
<ul> <ul>
<li> <li>
<b>Bármikor észrevehetik hogy használod a scriptet</b> <b>Bármikor észrevehetik hogy használod a scriptet</b>
@ -258,36 +240,30 @@ function renderMaual() {
</li> </li>
</ul> </ul>
<hr /> <hr />
<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>
<center> <center>
<h1>Egyéb</h1> <img style={{ maxWidth: '100%' }} src="img/websitesave.png" alt="img" className={'manual_img'} />
</center>
<hr />
<hr />
<h2 id="sitesave">Weboldal lementése</h2>
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 style={{ maxWidth: '100%' }} src="img/websitesave.png" alt="img" />
<br /> <br />
<a <a
href="http://qmining.frylabs.net/feedback?man" href="/feedback"
target="_blank"
rel="noreferrer" rel="noreferrer"
> >
Ide tudod feltölteni Ide tudod feltölteni
</a> </a>
<br /> </center>
Mivel nincs hozzáférésem semmilyen egyetemi oldalhoz, így csak így tudom <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 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.</p>
<hr /> <hr />
<h2 id="scriptreinstall">Script újratelepítése</h2> <h2 id="scriptreinstall" className={'subtitle'}>Script újratelepítése</h2>
Jelenleg két helyről lehet telepíteni a scriptet: greasyforkról és a <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 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 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 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:</p>
<ul> <ul>
<li>Böngésző bővítményeidnél kattints a tampermonkey-ra</li> <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> <li>Válaszd ki alulról második opciót, ami dashboard néven fut</li>
@ -304,8 +280,8 @@ function renderMaual() {
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
> >
ide a script újratelepítéséhez a weboldalról. ide
</a> </a> a script újratelepítéséhez a weboldalról.
</li> </li>
<li> <li>
Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak Kész! Lehet megkérdezi újra, hogy elérheti-e a szervert, de azt csak
@ -315,6 +291,7 @@ function renderMaual() {
</ul> </ul>
Ezzel semmi adat nem vész el, régi jelszó ugyanolyan jó marad (csak ne Ezzel semmi adat nem vész el, régi jelszó ugyanolyan jó marad (csak ne
felejtsd azt el) felejtsd azt el)
<p className={'endofpage'} />
</div> </div>
) )
} }