ora4
This commit is contained in:
96
ora4/movies/movies.css
Normal file
96
ora4/movies/movies.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
12
ora4/movies/movies.dtd
Normal file
12
ora4/movies/movies.dtd
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!ELEMENT movies (movie*)>
|
||||||
|
<!ELEMENT movie (title+, year, genre+, rating, votes)>
|
||||||
|
<!ATTLIST movie id CDATA #REQUIRED
|
||||||
|
mpa-rating (G | NC-17 | PG | PG-13 | R) #IMPLIED>
|
||||||
|
<!ELEMENT title (#PCDATA)>
|
||||||
|
<!ATTLIST title xml:lang NMTOKEN #REQUIRED>
|
||||||
|
<!ELEMENT year (#PCDATA)>
|
||||||
|
<!ELEMENT genre (#PCDATA)>
|
||||||
|
<!ELEMENT rating (#PCDATA)>
|
||||||
|
<!ELEMENT votes (#PCDATA)>
|
||||||
|
|
||||||
66
ora4/movies/movies.xml
Normal file
66
ora4/movies/movies.xml
Normal file
@@ -0,0 +1,66 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE movies SYSTEM "movies.dtd">
|
||||||
|
<?xml-stylesheet href="movies.css" type="text/css"?>
|
||||||
|
<!-- Source: http://www.imdb.com/ -->
|
||||||
|
<movies>
|
||||||
|
<movie id="0062622" mpa-rating="G">
|
||||||
|
<title xml:lang="en">2001: A Space Odyssey</title>
|
||||||
|
<title xml:lang="hu">2001: Űrodüsszeia</title>
|
||||||
|
<title xml:lang="fr">2001, L'Odyssée de l'espace</title>
|
||||||
|
<year>1968</year>
|
||||||
|
<genre>sci-fi</genre>
|
||||||
|
<rating>8.3</rating>
|
||||||
|
<votes>731706</votes>
|
||||||
|
</movie>
|
||||||
|
<movie id="0078748" mpa-rating="R">
|
||||||
|
<title xml:lang="en">Alien</title>
|
||||||
|
<title xml:lang="hu">A nyolcadik utas: a Halál</title>
|
||||||
|
<title xml:lang="ja">エイリアン</title>
|
||||||
|
<year>1979</year>
|
||||||
|
<genre>horror</genre>
|
||||||
|
<genre>sci-fi</genre>
|
||||||
|
<rating>8.5</rating>
|
||||||
|
<votes>981779</votes>
|
||||||
|
</movie>
|
||||||
|
<movie id="0071853" mpa-rating="PG">
|
||||||
|
<title xml:lang="en">Monty Python and the Holy Grail</title>
|
||||||
|
<title xml:lang="hu">Gyalog galopp</title>
|
||||||
|
<title xml:lang="it">Monty Python e il Sacro Graal</title>
|
||||||
|
<year>1975</year>
|
||||||
|
<genre>adventure</genre>
|
||||||
|
<genre>comedy</genre>
|
||||||
|
<genre>fantasy</genre>
|
||||||
|
<rating>8.2</rating>
|
||||||
|
<votes>576812</votes>
|
||||||
|
</movie>
|
||||||
|
<movie id="0054215" mpa-rating="R">
|
||||||
|
<title xml:lang="en">Psycho</title>
|
||||||
|
<year>1960</year>
|
||||||
|
<genre>horror</genre>
|
||||||
|
<genre>mystery</genre>
|
||||||
|
<genre>thriller</genre>
|
||||||
|
<rating>8.5</rating>
|
||||||
|
<votes>730736</votes>
|
||||||
|
</movie>
|
||||||
|
<movie id="0080684" mpa-rating="PG">
|
||||||
|
<title xml:lang="en">Star Wars: Episode V - The Empire Strikes Back</title>
|
||||||
|
<title xml:lang="hu">A Birodalom visszavág</title>
|
||||||
|
<year>1980</year>
|
||||||
|
<genre>action</genre>
|
||||||
|
<genre>adventure</genre>
|
||||||
|
<genre>fantasy</genre>
|
||||||
|
<rating>8.7</rating>
|
||||||
|
<votes>1402310</votes>
|
||||||
|
</movie>
|
||||||
|
<movie id="0468569" mpa-rating="PG-13">
|
||||||
|
<title xml:lang="en">The Dark Knight</title>
|
||||||
|
<title xml:lang="hu">A sötét lovag</title>
|
||||||
|
<title xml:lang="el">Ο σκοτεινός ιππότης</title>
|
||||||
|
<year>2008</year>
|
||||||
|
<genre>action</genre>
|
||||||
|
<genre>crime</genre>
|
||||||
|
<genre>drama</genre>
|
||||||
|
<rating>9.0</rating>
|
||||||
|
<votes>2924774</votes>
|
||||||
|
</movie>
|
||||||
|
</movies>
|
||||||
9
ora4/movies/movies_files/movies.css
Normal file
9
ora4/movies/movies_files/movies.css
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
|
||||||
|
<html><head>
|
||||||
|
<title>404 Not Found</title>
|
||||||
|
</head><body>
|
||||||
|
<h1>Not Found</h1>
|
||||||
|
<p>The requested URL was not found on this server.</p>
|
||||||
|
<hr>
|
||||||
|
<address>Apache/2.4.52 (Ubuntu) Server at arato.inf.unideb.hu Port 443</address>
|
||||||
|
</body></html>
|
||||||
Reference in New Issue
Block a user