diff --git a/ora4/movies/movies.css b/ora4/movies/movies.css new file mode 100644 index 0000000..8f08d84 --- /dev/null +++ b/ora4/movies/movies.css @@ -0,0 +1,96 @@ +@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); + +movies { + border: medium solid indigo; + box-shadow: 0.25em 0.25em 0.5em indigo; + display: block; + font-family: Roboto, Arial, Helvetica, sans-serif; + margin: 1em; + padding: 1em; +} + +movie { + display: list-item; + list-style-type: disc; + margin: 0.2em; + padding: 0.5em +} + +title { + display: none; +} + +title:lang(en), +year, +genre, +rating, +votes { + display: inline-block; + vertical-align: middle; +} + +title, +year {} + +year::before { + content: '('; +} + +year::after { + content: ')'; +} + +genre, +rating, +movie:hover::after { + color: white; +} + +genre { + background-color: blueviolet; + border-radius: 4em; + font-size: 0.9em; + margin-right: 0.1em; + padding: 0.25em 0.6em; + text-align: center; +} + +rating { + border-radius: 0.25em; + padding: 0.25em; +} + +rating, +movie:hover::after { + background-color: hotpink; + font-weight: bold; +} + +rating::after { + content: "/10"; +} + +votes::before { + content: "from "; +} + +votes::after { + content: " ratings"; +} + +movie:hover { + background-color: powderblue; +} + +movie:hover::after { + background-color: gold; + color: blueviolet; + content: "https://www.imdb.com/title/tt" attr(id); + font-family: monospace; + font-size: large; +} + +movie:is([mpa-rating=R], [mpa-rating=NC-17])> :is(title, year) { + color: red; + font-weight: bold; +} diff --git a/ora4/movies/movies.dtd b/ora4/movies/movies.dtd new file mode 100644 index 0000000..b8022c6 --- /dev/null +++ b/ora4/movies/movies.dtd @@ -0,0 +1,12 @@ + + + + + + + + + + + diff --git a/ora4/movies/movies.xml b/ora4/movies/movies.xml new file mode 100644 index 0000000..6c816fe --- /dev/null +++ b/ora4/movies/movies.xml @@ -0,0 +1,66 @@ + + + + + + + 2001: A Space Odyssey + 2001: Űrodüsszeia + 2001, L'Odyssée de l'espace + 1968 + sci-fi + 8.3 + 731706 + + + Alien + A nyolcadik utas: a Halál + エイリアン + 1979 + horror + sci-fi + 8.5 + 981779 + + + Monty Python and the Holy Grail + Gyalog galopp + Monty Python e il Sacro Graal + 1975 + adventure + comedy + fantasy + 8.2 + 576812 + + + Psycho + 1960 + horror + mystery + thriller + 8.5 + 730736 + + + Star Wars: Episode V - The Empire Strikes Back + A Birodalom visszavág + 1980 + action + adventure + fantasy + 8.7 + 1402310 + + + The Dark Knight + A sötét lovag + Ο σκοτεινός ιππότης + 2008 + action + crime + drama + 9.0 + 2924774 + + diff --git a/ora4/movies/movies_files/movies.css b/ora4/movies/movies_files/movies.css new file mode 100644 index 0000000..82ec98f --- /dev/null +++ b/ora4/movies/movies_files/movies.css @@ -0,0 +1,9 @@ + + +404 Not Found + +

Not Found

+

The requested URL was not found on this server.

+
+
Apache/2.4.52 (Ubuntu) Server at arato.inf.unideb.hu Port 443
+