From 0fb1822c44007fc470f058e4ccf984592d63507c Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Tue, 23 Feb 2021 17:56:03 +0100 Subject: [PATCH 01/46] asd --- .gitignore | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitignore b/.gitignore index 475b938..1f18056 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ node_modules/ .next/ out/ +/.vs From 58db2e3d2405a28210481f42d0153d28c9a5ad9b Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Wed, 24 Feb 2021 01:27:25 +0100 Subject: [PATCH 02/46] =?UTF-8?q?sidebar=20rework=20(part1)=20=20=20/home?= =?UTF-8?q?=20gomb=20jav=C3=ADtand=C3=B3,=20hogy=20=C3=BAgy=20m=C5=B1k?= =?UTF-8?q?=C3=B6dj=C3=B6n,=20mint=20a=20t=C3=B6bbi/?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- npm run dev.txt | 0 src/components/layout.js | 4 +-- src/defaultStyles.css | 53 +++++++++++++++++++++++++------------- src/pages/index.module.css | 2 +- 4 files changed, 38 insertions(+), 21 deletions(-) create mode 100644 npm run dev.txt diff --git a/npm run dev.txt b/npm run dev.txt new file mode 100644 index 0000000..e69de29 diff --git a/src/components/layout.js b/src/components/layout.js index cecb0e7..46adb59 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -80,11 +80,11 @@ export default function Layout({
- Frylabs + />
{sidebarOpen ? ( diff --git a/src/defaultStyles.css b/src/defaultStyles.css index 660fdc7..19d2430 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -1,13 +1,16 @@ :root { - --text-color: #9999ff; + --text-color: #F2CB05; --bright-color: #f2f2f2; --background-color: #222426; --hoover-color: #202020; } +@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap'); + body { - font: normal 14px Verdana; - color: #999999; + font-family: 'Kameron', serif; + font-family: 'Overpass Mono', monospace; + color: #999999; } a { @@ -43,21 +46,34 @@ a { } .sidebarLinks a { - display: block; - color: black; - padding: 16px; - text-decoration: none; - color: var(--bright-color); + display: block; + text-align: center; + color: black; + font-size: 108%; + padding: 14px; + margin-top: 4px; + margin-bottom: 4px; + text-decoration: none; + color: var(--bright-color); } -.sidebarLinks a.active { - background-color: var(--text-color); - color: black; +.sidebarLinks a:hover { + transition: width 0.5s, height 0.5s, ease-out 0.5s; +} + +.sidebarLinks a.active{ + border: 0.5px solid var(--text-color); + color: white; + text-shadow: 2px 2px 8px black; + font-weight: bold; } .sidebarLinks a:hover:not(.active) { - background-color: #555; - color: white; + background-color: var(--text-color); + color: black; + font-weight: bold; + text-shadow: 2px 2px 8px black; + transition: width 0.5s, height 0.5s, ease-out 0.5s; } .menuicon div { @@ -81,7 +97,11 @@ a { align-items: center; flex-wrap: nowrap; position: relative; - margin: 10px; + overflow: hidden; + padding-top: 15px; + padding-bottom: 17px; + padding-right: 2px; + padding-left: 2px; } @media screen and (max-width: 700px) { @@ -121,6 +141,7 @@ a { position: absolute; left: 50%; top: 50%; + padding-top: 20px; transform: translateX(-50%) translateY(-50%); } @@ -209,10 +230,6 @@ a { color: white; } -.donate { - background-color: #222a26; -} - .rtfmImage { justify-content: center; margin: 0px 10px; diff --git a/src/pages/index.module.css b/src/pages/index.module.css index e29b3ae..cb910d1 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -45,7 +45,7 @@ } .title { - color: #9999ff; + color: #F2CB05; font-size: 30px; text-align: center; } From 050eb28fb31d8f07c29766d670b3ebe15a29f7fc Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Fri, 26 Feb 2021 21:05:25 +0100 Subject: [PATCH 03/46] =?UTF-8?q?Sidebar=20rework=20(part=202),=20overall?= =?UTF-8?q?=20apearance=20rework=20(home=20page)=20/home=20gomb=20k=C3=A9r?= =?UTF-8?q?d=C3=A9se=20megoldva,=20link=20a=20logo-n=20fixed/?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- npm run dev.txt | 0 src/components/layout.js | 12 ++++----- src/data/tabs.json | 10 +++---- src/defaultStyles.css | 44 ++++++++++++++++++------------- src/pages/index.js | 14 +++------- src/pages/index.module.css | 53 ++++++++++++++++++++++++++++---------- 6 files changed, 79 insertions(+), 54 deletions(-) delete mode 100644 npm run dev.txt diff --git a/npm run dev.txt b/npm run dev.txt deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/layout.js b/src/components/layout.js index 46adb59..6e1e6cf 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -80,11 +80,11 @@ export default function Layout({
- Frylabs + />
{sidebarOpen ? ( @@ -113,7 +113,7 @@ export default function Layout({ 'Kérdések szerkesztése, törlése, beküldése, és kitöltetlen tesztek' } > - Kérdés szerkesztő / kitöltetlen tesztek + Kérdés szerkesztő Donate - + -
+
{ @@ -204,7 +204,7 @@ export default function Layout({ setShowNewMsgModal(false) }} > - Új üzeneted van, kattints 📬-ra bal alul megtekintéséhez! + Új üzeneted van, kattints a 📬-ra bal alul a megtekintéséhez! ) : null} diff --git a/src/data/tabs.json b/src/data/tabs.json index 3fb334a..7e5be1d 100644 --- a/src/data/tabs.json +++ b/src/data/tabs.json @@ -1,11 +1,11 @@ { "index": { "href": "/", - "text": "Home" + "text": "Főoldal" }, "manual": { "href": "/manual", - "text": "Manual" + "text": "A script használata" }, "allQuestions": { "href": "/allQuestions", @@ -13,15 +13,15 @@ }, "pwRequest": { "href": "/pwRequest", - "text": "Jelszó kérés" + "text": "Jelszó generálás" }, "contribute": { "href": "/contribute", - "text": "Todos, contribute" + "text": "Teendők" }, "ranklist": { "href": "/ranklist", - "text": "Ranklista" + "text": "Ranglista" }, "feedback": { "href": "/feedback", diff --git a/src/defaultStyles.css b/src/defaultStyles.css index 19d2430..bd660d3 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -2,21 +2,25 @@ --text-color: #F2CB05; --bright-color: #f2f2f2; --background-color: #222426; - --hoover-color: #202020; + --hoover-color: #191919; } @import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap'); body { - font-family: 'Kameron', serif; - font-family: 'Overpass Mono', monospace; - color: #999999; + font-family: 'Kameron', serif; + font-family: 'Overpass Mono', monospace; + color: #999999; } a { color: white; } +a:hover { + color: #C1C1C1; +} + .link { margin: 20px; font-size: 20px; @@ -46,19 +50,19 @@ a { } .sidebarLinks a { - display: block; - text-align: center; - color: black; - font-size: 108%; - padding: 14px; - margin-top: 4px; - margin-bottom: 4px; - text-decoration: none; - color: var(--bright-color); + display: block; + text-align: center; + color: black; + font-size: 108%; + padding: 14px; + margin-top: 4px; + margin-bottom: 4px; + text-decoration: none; + color: var(--bright-color); } .sidebarLinks a:hover { - transition: width 0.5s, height 0.5s, ease-out 0.5s; + transition: width 0.5s, height 0.5s, ease-out 0.5s; } .sidebarLinks a.active{ @@ -254,7 +258,7 @@ select:hover { display: flex; margin-top: auto; margin-bottom: 20px; - + background-color: #373737; align-items: center; justify-content: space-between; } @@ -265,8 +269,10 @@ select:hover { } .logout { - padding: 7px; + padding: 6px; + margin-right: 7px; cursor: pointer; + font-size: 15.5px; } .logout:hover { @@ -274,9 +280,11 @@ select:hover { } .msgs :first-child { - font-size: 35px; + font-size: 27px; + margin-left: 4px; } .msgs > div { - margin: 0px 5px; + padding: 2px 6px; + font-size: 13.5px; } diff --git a/src/pages/index.js b/src/pages/index.js index 4dcc39d..e10dd80 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -81,14 +81,12 @@ export default function Index(props) { return (
{renderQAItem(newsItem, key)} -
) } else { return (
{renderNewsItem(newsItem, key)} -
) } @@ -97,9 +95,8 @@ export default function Index(props) { return (
-
News
-
-
+
Hírek
+
{questions}
) @@ -110,10 +107,8 @@ export default function Index(props) { const renderMotd = () => { return ( -
+
MOTD
-
-
{motd ? (
-
{renderMotd()} {/*{userSpecificMotd && renderUserSpecificMotd()} */} -
-
{renderNews()} {renderDbSelector()} diff --git a/src/pages/index.module.css b/src/pages/index.module.css index cb910d1..263fd3c 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -4,9 +4,10 @@ .button { color: white; - background-color: #303030; - margin: 2px; - padding: 10px 5px; + background-color: #313131; + margin: 0px 4px; + padding: 15px 4px; + max-width: 100%; text-align: center; font-size: 16px; cursor: pointer; @@ -22,6 +23,13 @@ .button:hover { background-color: #555; + color: var(--text-color); + transition: width 0.5s, height 0.5s, ease-out 0.5s; + text-shadow: 2px 1.5px 8px black; +} + +.hr { + width: 100%; } .motd { @@ -31,35 +39,49 @@ } .itemContainer { + width: 100%; margin: 20px 5px; -} - -.itemContainer:hover { background-color: var(--hoover-color); } .newsBody { margin: 0px 5px; - font-size: 18px; + padding: 10px 14px; + font-size: 17px; color: #fff; + text-align: justify; +} + +.motd_body { + border: 2px dashed var(--text-color); + padding-top: 13px; + padding-bottom: 15px; + padding-left: 5px; + padding-right: 5px; + margin-top: 18px; + margin-bottom: 30px; + margin-left: 5px; + margin-right: 5px; + font-size: 8px; } .title { - color: #F2CB05; - font-size: 30px; + color: var(--text-color); + font-size: 32px; text-align: center; + letter-spacing: 2.5px; } .subtitle { - color: #9999ff; + color: var(--text-color); font-size: 20px; text-align: center; } .newsTitle { - font-size: 28px; color: var(--text-color); - margin: 0px 5px; + font-size: 28px; + padding-left: 17px; } .question { @@ -74,9 +96,12 @@ } .itemNumber { - color: #fff; + color: #a7a7a7; margin: 0px 5px; - font-size: 24px; + font-size: 22px; + padding-top: 12px; + padding-left: 13px; + padding-bottom: 3px; } .repos { From 9b4bef13d099f9f8435c3af3c113d3c812b40aaa Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Mon, 1 Mar 2021 19:53:16 +0100 Subject: [PATCH 04/46] Minor improvements --- src/defaultStyles.css | 1 + src/pages/index.module.css | 32 ++++++++++++++++---------------- 2 files changed, 17 insertions(+), 16 deletions(-) diff --git a/src/defaultStyles.css b/src/defaultStyles.css index bd660d3..97118fb 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -59,6 +59,7 @@ a:hover { margin-bottom: 4px; text-decoration: none; color: var(--bright-color); + transition: width 0.5s, height 0.5s, ease-in 0.5s; } .sidebarLinks a:hover { diff --git a/src/pages/index.module.css b/src/pages/index.module.css index 263fd3c..76ee908 100644 --- a/src/pages/index.module.css +++ b/src/pages/index.module.css @@ -3,22 +3,22 @@ } .button { - color: white; - background-color: #313131; - margin: 0px 4px; - padding: 15px 4px; - max-width: 100%; - text-align: center; - font-size: 16px; - cursor: pointer; - word-wrap: break-word; - text-decoration: none; - - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - user-select: none; + color: white; + background-color: #313131; + margin: 0px 4px; + padding: 15px 4px; + max-width: 100%; + text-align: center; + font-size: 16px; + cursor: pointer; + word-wrap: break-word; + text-decoration: none; + transition: width 0.5s, height 0.5s, ease-in 0.5s; + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + user-select: none; } .button:hover { From f7d737c6dc446cb5e47d5e083ec8cbbfddb9620a Mon Sep 17 00:00:00 2001 From: mrfry Date: Fri, 5 Mar 2021 18:38:26 +0100 Subject: [PATCH 05/46] merged master --- src/components/composer.module.css | 5 +++-- src/components/newsEntry.js | 2 -- src/components/newsEntry.module.css | 3 ++- src/defaultStyles.css | 2 +- src/pages/index.js | 31 +---------------------------- 5 files changed, 7 insertions(+), 36 deletions(-) diff --git a/src/components/composer.module.css b/src/components/composer.module.css index 9bdf88b..927bdca 100644 --- a/src/components/composer.module.css +++ b/src/components/composer.module.css @@ -20,11 +20,12 @@ } .new { - padding: 10px; text-align: center; - border: 2px dashed var(--text-color); + background-color: #191919; border-radius: 3px; cursor: pointer; + margin: 8px; + padding: 8px; } .new:hover { diff --git a/src/components/newsEntry.js b/src/components/newsEntry.js index 565b42e..96ae22d 100644 --- a/src/components/newsEntry.js +++ b/src/components/newsEntry.js @@ -60,8 +60,6 @@ export default function NewsEntry({ onDelete={onDelete} comments={comments} /> -
-
) } diff --git a/src/components/newsEntry.module.css b/src/components/newsEntry.module.css index 7d1d4ae..1594d3d 100644 --- a/src/components/newsEntry.module.css +++ b/src/components/newsEntry.module.css @@ -1,6 +1,5 @@ .newsBody { margin: 0px 5px; - font-size: 18px; color: #fff; } @@ -41,4 +40,6 @@ .newsRoot { background-color: #191919; + margin: 8px; + padding: 8px; } diff --git a/src/defaultStyles.css b/src/defaultStyles.css index 2307a10..7d1f659 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -3,7 +3,7 @@ --primary-color: #9999ff; --bright-color: #f2f2f2; --background-color: #222426; - --hoover-color: #191919; + --hoover-color: #393939; } @import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap'); diff --git a/src/pages/index.js b/src/pages/index.js index b5136f4..a3a41ab 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -242,9 +242,7 @@ export default function Index({ globalData }) { return (
-
Hírek
-
-
Forum
+
Fórum
{ @@ -269,7 +267,6 @@ export default function Index({ globalData }) { } }} /> -
{newsItems}
) @@ -282,7 +279,6 @@ export default function Index({ globalData }) { return (
MOTD
-
{motd ? (
{ - // return ( - //
- //
- //
Üzenet admintól:
- // {userSpecificMotd ? ( - //
- // ) : ( - //
...
- // )} - //
- // ) - // } - const renderDbSelector = () => { if (allQrSelector) { return ( @@ -366,14 +345,6 @@ export default function Index({ globalData }) { > {'Összes kérdés TXT'} - { - setAllQrSelector('json') - }} - className={styles.button} - > - {'Összes kérdés JSON'} -
{renderMotd()} {/*{userSpecificMotd && renderUserSpecificMotd()} */} From 28363c3721f57583ba0f78f6f0365f2be3990adc Mon Sep 17 00:00:00 2001 From: ndaniel1102 Date: Sat, 6 Mar 2021 00:18:50 +0100 Subject: [PATCH 06/46] 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) +

) } From 34cc962ab44d223952ca458c8bdf5a5375544e9d Mon Sep 17 00:00:00 2001 From: mrfry Date: Sat, 6 Mar 2021 14:59:09 +0100 Subject: [PATCH 07/46] Prettying stuff --- src/components/Button.js | 6 +- src/components/Question.js | 16 +- src/components/Questions.js | 15 +- src/components/Subject.js | 15 +- src/components/SubjectSelector.js | 15 +- src/components/layout.js | 18 ++- src/components/sleep.js | 9 +- src/data/helps.json | 5 +- src/defaultStyles.css | 44 ++--- src/pages/404.js | 11 +- src/pages/_document.js | 6 +- src/pages/_error.js | 11 +- src/pages/index.module.css | 32 ++-- src/pages/manual.js | 258 +++++++++++++++++------------- src/pages/pwRequest.module.css | 2 +- src/pages/thanks.js | 2 +- 16 files changed, 247 insertions(+), 218 deletions(-) diff --git a/src/components/Button.js b/src/components/Button.js index 8cda1d4..8395434 100644 --- a/src/components/Button.js +++ b/src/components/Button.js @@ -1,13 +1,11 @@ import styles from './button.module.css' -export default function Button (props) { +export default function Button(props) { return ( diff --git a/src/components/Question.js b/src/components/Question.js index 549d512..8c100db 100644 --- a/src/components/Question.js +++ b/src/components/Question.js @@ -1,7 +1,7 @@ import React, { PureComponent } from 'react' class Question extends PureComponent { - render () { + render() { const { question } = this.props let qdata = question.data @@ -15,16 +15,10 @@ class Question extends PureComponent { } return ( -
-
- {question.Q} -
-
- {question.A} -
-
- {qdata || null} -
+
+
{question.Q}
+
{question.A}
+
{qdata || null}
) } diff --git a/src/components/Questions.js b/src/components/Questions.js index b2107cf..d1c0555 100644 --- a/src/components/Questions.js +++ b/src/components/Questions.js @@ -5,7 +5,7 @@ import Question from './Question.js' import styles from './Questions.module.css' class Questions extends PureComponent { - render () { + render() { const { subjs } = this.props return ( @@ -13,16 +13,9 @@ class Questions extends PureComponent { {subjs.map((subj, i) => { return (
-
- {subj.Name} -
- { subj.Questions.map((question, i) => { - return ( - - ) +
{subj.Name}
+ {subj.Questions.map((question, i) => { + return })}
) diff --git a/src/components/Subject.js b/src/components/Subject.js index 8235b5e..cd88281 100644 --- a/src/components/Subject.js +++ b/src/components/Subject.js @@ -3,26 +3,19 @@ import React, { PureComponent } from 'react' import Question from './Question.js' class Subject extends PureComponent { - render () { + render() { const { subj } = this.props if (subj) { return ( -
+
{subj.Questions.map((question, i) => { - return ( - - ) + return })}
) } else { - return ( -
- ) + return
} } } diff --git a/src/components/SubjectSelector.js b/src/components/SubjectSelector.js index 3918c99..735add3 100644 --- a/src/components/SubjectSelector.js +++ b/src/components/SubjectSelector.js @@ -1,10 +1,10 @@ import styles from './SubjectSelector.module.css' -export default function SubjectSelector (props) { +export default function SubjectSelector(props) { const { activeSubjName, searchTerm, data, onSubjSelect } = props return ( -
+
{data.map((subj, i) => { if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) { return null @@ -12,16 +12,15 @@ export default function SubjectSelector (props) { return (
onSubjSelect(subj.Name)} > - - {subj.Name} - + {subj.Name} [ {subj.Questions.length} ] diff --git a/src/components/layout.js b/src/components/layout.js index 6e1e6cf..f83a7e6 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -80,11 +80,15 @@ export default function Layout({
- Frylabs + + + Frylabs + +
{sidebarOpen ? ( @@ -123,9 +127,9 @@ export default function Layout({ rel="noreferrer" > Donate - +
-
+
{ diff --git a/src/components/sleep.js b/src/components/sleep.js index dfa2b6a..62efc19 100644 --- a/src/components/sleep.js +++ b/src/components/sleep.js @@ -1,18 +1,19 @@ import constants from '../constants.json' -export default function Sleep (props) { +export default function Sleep(props) { const hours = new Date().getHours() if (hours < 4 || hours > 23) { return ( -
+
diff --git a/src/data/helps.json b/src/data/helps.json index 9da4768..1220b1f 100644 --- a/src/data/helps.json +++ b/src/data/helps.json @@ -1,8 +1,5 @@ { - "header": [ - "Miben", - "Hogy" - ], + "header": ["Miben", "Hogy"], "rows": { "feedbacker": { "name": "Visszajelzésben", diff --git a/src/defaultStyles.css b/src/defaultStyles.css index b8d492a..165c227 100644 --- a/src/defaultStyles.css +++ b/src/defaultStyles.css @@ -15,7 +15,7 @@ body { } li { - padding: 2px 0px; + padding: 2px 0px; } a { @@ -195,7 +195,7 @@ input { } .endofpage { - padding-bottom: 20px; + padding-bottom: 20px; } .questionContainer { @@ -267,40 +267,40 @@ input { } .warning { - color: red; - font-weight: 100; - font-size: 17.5px; + color: red; + font-weight: 100; + font-size: 17.5px; } #manualWarn { - font-size: 14px; + font-size: 14px; } .manual_img { - padding: 20px 2px; + padding: 20px 2px; } .subtitle { - color: var(--text-color); - font-size: 23px; - text-align: center; - font-weight: 100; - margin: 0px; - padding-top: 8px; + 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; + 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; + padding-top: 6px; + letter-spacing: 7px; + margin: 0px; } .manualUsage { @@ -309,7 +309,7 @@ input { } .manualBody { - text-align: justify; + text-align: justify; } select { diff --git a/src/pages/404.js b/src/pages/404.js index c07144b..afd11fc 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -1,8 +1,15 @@ -export default function Custom404 () { +export default function Custom404() { return (

404

-