diff --git a/ora12/dungeon/dungeon-assignment_hu.html b/ora12/dungeon/dungeon-assignment_hu.html new file mode 100644 index 0000000..2760314 --- /dev/null +++ b/ora12/dungeon/dungeon-assignment_hu.html @@ -0,0 +1,306 @@ + + + + + + + dungeon-assignment_hu + + + +

Feladat

+

Készíts egy HTML-dokumentumot és egy CSS- vagy SCSS-stíluslapot egy +földalatti kalandjáték felhasználói felületének megjelenítéséhez.

+

Így kell, hogy kinézzen a játék felülete a böngészőben:

+

+

A felület körül körbefutó kékes terület és a nyomógombok közötti +hézag szélessége is 1rem kell, hogy legyen. A kékes hátterű +külső elem szorosan kell, hogy közrefogja a tartalmazott elemeket +(width: fit-content).

+

Az ábrán középen fehér színnel jelölt területet foglalja el a játék +egy jelenete. A jelenetet egy olyan táblázat kell, hogy ábrázolja, +amelynek 11 sora és oszlopa van.

+

Valamennyi cella ugyanolyan széles és magas kell, +hogy legyen. A cellák mindegyikéhez egy alkalmas (fehértől különböző!) +háttérszínt kell beállítani:

+ +

A táblázat nem fal celláit itt +található Unicode emoji szimbólumokkal kell feltölteni az alábbiak +szerint:

+ +

Az eredmény úgy kell, hogy kinézzen, mint egy földalatti +kazamatarendszer, ráadásul legyen esztétikus is.

+

A HTML-dokumentumnak tartalmazni kell egy, a teljes +nevedet és a Neptunkódodat tartalmazó alkalmas +elemet is, amelyet meg is jelenít a böngésző.

+

Követelmények

+ +

Tippek

+ +

Megoldás feltöltése

+ +

Megengedett segítség

+

Kizárólag az alábbi webhelyek használhatók:

+ + + + \ No newline at end of file diff --git a/ora12/dungeon/dungeon-assignment_hu_files/dungeon-assignment.png b/ora12/dungeon/dungeon-assignment_hu_files/dungeon-assignment.png new file mode 100644 index 0000000..3b85ec8 Binary files /dev/null and b/ora12/dungeon/dungeon-assignment_hu_files/dungeon-assignment.png differ diff --git a/ora12/dungeon/dungeon.css b/ora12/dungeon/dungeon.css new file mode 100644 index 0000000..b62de88 --- /dev/null +++ b/ora12/dungeon/dungeon.css @@ -0,0 +1,84 @@ +div.container{ + background-color: indigo; + width: fit-content; + padding: 1rem; + display: flex; + flex-direction: column; + font-family: sans-serif; + gap: 1rem; +} + +div.controls{ + display: flex; + flex-direction: row; + gap: 1rem; +} + +div.controls button{ + flex: 1; + padding: 1rem; + font-size: large; +} + +div.info{ + color: white; + display: flex; + flex-direction: row; + justify-content: space-evenly; + font-size: x-large; +} + +div.info output{ + color: gold; + font-weight: bold; +} + + +table.dungeon{ + border-collapse: collapse; +} + +table.dungeon td{ + background-color: lightgray; + height: 4rem; + width: 4rem; + font-size: 200%; + text-align: center; + vertical-align: middle; +} + +table.dungeon td.wall{ + background-color: gray; +} + +table.dungeon td.water{ + background-color: royalblue; +} + +table.dungeon td.floor{ + background-color: white; +} + +table.dungeon td.enemy1::before{ + content: "\1F430"; +} + +table.dungeon td.enemy2::before{ + content: "\1F433"; +} + +table.dungeon td.object1::before{ + content: "\1F3A9"; +} + +table.dungeon td.object2::before{ + content: "\1F3B9"; +} + +table.dungeon td.hero::before{ + content: "\1F9CD"; +} + +table.dungeon td:hover{ + background-color: cornsilk; +} \ No newline at end of file diff --git a/ora12/dungeon/dungeon.html b/ora12/dungeon/dungeon.html new file mode 100644 index 0000000..52e2999 --- /dev/null +++ b/ora12/dungeon/dungeon.html @@ -0,0 +1,178 @@ + + + + + + + + Dungeon + + + +
+
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+
+
+ + +
+ + + \ No newline at end of file diff --git a/ora12/scrabble/feladat.html b/ora12/scrabble/feladat.html new file mode 100644 index 0000000..263589c --- /dev/null +++ b/ora12/scrabble/feladat.html @@ -0,0 +1,184 @@ + + + + + + + feladat + + + +

Feladat

+

Készíts egy HTML oldalt és egy CSS stíluslapot az alábbi Scrabble +tábla megjelenítéséhez:

+

+

A játéktáblát ábrázoló HTML táblázat létrehozása Emmet rövidítések +segítségével történjen.

+

Készítsd el a HTML dokumentum egy olyan változatát, melyen a sorok és +oszlopok automatikusan kerüljenek számozásra CSS számlálók segítségével. +A hozzá tartozó CSS stíluslap az eredetit kell, hogy felhasználja egy +@import at-szabály segítségével.

+ + + \ No newline at end of file diff --git a/ora12/scrabble/feladat_files/scrabble.png b/ora12/scrabble/feladat_files/scrabble.png new file mode 100644 index 0000000..704386b Binary files /dev/null and b/ora12/scrabble/feladat_files/scrabble.png differ diff --git a/ora12/scrabble/index.html b/ora12/scrabble/index.html new file mode 100644 index 0000000..d01f779 --- /dev/null +++ b/ora12/scrabble/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + + + + \ No newline at end of file