htamas1210/webtech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ora3 halfway done

Browse Source
This commit is contained in:
htom
2025-09-26 17:40:02 +02:00
parent 85d856fd9e
commit 08dbaf6e75
8 changed files with 265 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
ora3/album/album.css Normal file
View File

@@ -0,0 +1,76 @@
album {
border: thin solid black;
border-radius: 0.5em;
box-shadow: 0.25em 0.25em 0.5em gray;
display: block;
font-family: 'Segoe UI', Inter, Verdana, sans-serif;
margin: 1em auto;
padding: 1em;
width: fit-content;
}
artist,
album>title,
year {
font-size: x-large;
font-weight: bold;
display: inline-block;
margin-bottom: 0.25em;
}
artist::after {
content: " \2013 ";
}
year::before {
content: "(";
}
year::after {
content: ")";
}
tracks {
counter-reset: track-number;
display: table;
width: 100%;
}
track {
display: table-row;
transition: background-color 0.4s, font-weight 0.4s;
}
track>title,
length {
display: table-cell;
padding: 0.5em;
}
track>title::before {
content: counter(track-number) ".";
counter-increment: track-number;
display: inline-block;
margin-right: 0.5em;
text-align: right;
width: 2em;
}
length {
font-variant-numeric: tabular-nums;
text-align: right;
}
track:nth-child(odd) {
background-color: whitesmoke;
}
track:nth-child(even) {
background-color: white;
}
track:hover {
background-color: gold;
cursor: pointer;
font-weight: bold;
}

8
ora3/album/album.dtd Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!ELEMENT album (artist, title, year, tracks)>
<!ELEMENT artist (#PCDATA)>
<!ELEMENT title (#PCDATA)>
<!ELEMENT year (#PCDATA)>
<!ELEMENT tracks (track+)>
<!ELEMENT track (title, length)>
<!ELEMENT length (#PCDATA)>

13
ora3/album/album.txt Normal file
View File

@@ -0,0 +1,13 @@
Steven Wilson: Hand. Cannot. Erase. (2015)
1. First Regret 2:01
2. 3 Years Older 10:18
3. Hand Cannot Erase 4:13
4. Perfect Life 4:43
5. Routine 8:58
6. Home Invasion 6:24
7. Regret #9 5:01
8. Transience 2:45
9. Ancestral 13:30
10. Happy Returns 6:00
11. Ascendant Here On… 1:54

54
ora3/album/album.xml Normal file
View File

@@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE album SYSTEM "album.dtd">
<?xml-stylesheet href="album.css" type="text/css"?>
<album>
<artist>Steven Wilson</artist>
<title>Hand. Cannot. Erase.</title>
<year>2015</year>
<tracks>
<track>
<title>First Regret</title>
<length>2:01</length>
</track>
<track>
<title>3 Years Older</title>
<length>10:18</length>
</track>
<track>
<title>Hand Cannot Erase</title>
<length>4:13</length>
</track>
<track>
<title>Perfect Life</title>
<length>4:43</length>
</track>
<track>
<title>Routine</title>
<length>8:58</length>
</track>
<track>
<title>Home Invasion</title>
<length>6:24</length>
</track>
<track>
<title>Regret #9</title>
<length>5:01</length>
</track>
<track>
<title>Transience</title>
<length>2:45</length>
</track>
<track>
<title>Ancestral</title>
<length>13:30</length>
</track>
<track>
<title>Happy Returns</title>
<length>6:00</length>
</track>
<track>
<title>Ascendant Here On…</title>
<length>1:54</length>
</track>
</tracks>
</album>

42
ora3/book/book.css Normal file
View File

@@ -0,0 +1,42 @@
@import url('https://fonts.googleapis.com/css2?family=Anton&family=EB+Garamond&display=swap');
book,
author,
title,
chapter,
para {
display: block;
}
book {
background-color: #f8f8f8;
font-family: "EB Garamond", Garamond, Georgia, 'Times New Roman', Times, serif;
margin: auto;
max-width: 80ch;
padding: 2em;
}
author,
title {
text-align: center;
font-family: Anton, sans-serif;
}
author {
font-size: 2em;
}
book>title {
font-size: 4em;
margin: 0.5em 0 1em 0;
}
author,
book>title {
font-variant: small-caps;
letter-spacing: 0.1em;
}
title+chapter {
border-top: medium double black;
}

7
ora3/book/book.dtd Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8">
<!ELEMENT book (author, title, chapter+)>
<!ELEMENT author (#PCDATA)>
<!ELEMENT title (#PCDATA)>
<!ELEMENT chapter (title, para*)>
<!ELEMENT para (#PCDATA | footnote)*>
<!ELEMENT footnote (#PCDATA)>

56
ora3/book/book.xml Normal file
View File

@@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE book SYSTEM "book.dtd">
<?xml-stylesheet href="book.css" type="text/css"?>
<!-- Source: https://www.gutenberg.org/ebooks/2852 -->
<!-- Footnotes were added by Péter Jeszenszky -->
<book>
<author>Sir Arthur Conan Doyle</author>
<title>The Hound of the Baskervilles</title>
<chapter>
<title>Mr. Sherlock Holmes</title>
<para>Mr. Sherlock Holmes, who was usually very late in the mornings, save upon those not
infrequent occasions when he was up all night, was seated at the breakfast table. I
stood upon the hearth-rug and picked up the stick which our visitor had left behind him
the night before. It was a fine, thick piece of wood, bulbous-headed, of the sort which
is known as a “Penang lawyer.” Just under the head was a broad silver band nearly an
inch across. “To James Mortimer, M.R.C.S.<footnote>Member of the Royal Colleges of
Surgeons</footnote>, from his friends of the C.C.H.<footnote>Charing Cross Hospital</footnote>,”
was engraved upon it, with the date “1884.” It was just such a stick as the
old-fashioned family practitioner used to carry—dignified, solid, and reassuring.</para>
<para>“Well, Watson, what do you make of it?”</para>
<para>Holmes was sitting with his back to me, and I had given him no sign of my occupation.</para>
<para>“How did you know what I was doing? I believe you have eyes in the back of your head.”</para>
<para>“I have, at least, a well-polished, silver-plated coffee-pot in front of me,” said he.
“But, tell me, Watson, what do you make of our visitor’s stick? Since we have been so
unfortunate as to miss him and have no notion of his errand, this accidental souvenir
becomes of importance. Let me hear you reconstruct the man by an examination of it.”</para>
<para>“I think,” said I, following as far as I could the methods of my companion, “that Dr.
Mortimer is a successful, elderly medical man, well-esteemed since those who know him
give him this mark of their appreciation.”</para>
<para>“Good!” said Holmes. “Excellent!”</para>
<para>“I think also that the probability is in favour of his being a country practitioner
who does a great deal of his visiting on foot.”</para>
<!-- ... -->
</chapter>
<chapter>
<title>The Curse of the Baskervilles</title>
<para>“I have in my pocket a manuscript,” said Dr. James Mortimer.</para>
<para>“I observed it as you entered the room,” said Holmes.</para>
<para>“It is an old manuscript.”</para>
<para>“Early eighteenth century, unless it is a forgery.”</para>
<para>“How can you say that, sir?”</para>
<para>“You have presented an inch or two of it to my examination all the time that you have
been talking. It would be a poor expert who could not give the date of a document within
a decade or so. You may possibly have read my little monograph upon the subject. I put
that at 1730.”</para>
<para>“The exact date is 1742.” Dr. Mortimer drew it from his breast-pocket. “This family
paper was committed to my care by Sir Charles Baskerville, whose sudden and tragic death
some three months ago created so much excitement in Devonshire<footnote>Former name of
Devon, a county of England</footnote>. I may say that I was his personal friend as well
as his medical attendant. He was a strong-minded man, sir, shrewd, practical, and as
unimaginative as I am myself. Yet he took this document very seriously, and his mind was
prepared for just such an end as did eventually overtake him.”</para>
<!-- ... -->
</chapter>
<!-- ... -->
</book>

9
ora3/book/book_files/book.css Normal file
View 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>