Skip to content

Commit f1535e4

Browse files
GiovanniGiovanni
Giovanni
authored and
Giovanni
committed
first working version
1 parent e107df4 commit f1535e4

File tree

7 files changed

+314
-3
lines changed

7 files changed

+314
-3
lines changed

‎New/base.css‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
@CHARSET "UTF-8";
2+
3+
html, body, #container, #centralpart {
4+
margin: 0;
5+
padding: 0;
6+
background-color:black;
7+
text-align: left;
8+
width:100%;
9+
}
10+
11+
div {
12+
clear:both;
13+
}
14+
15+
#header, #footer, .content, .sidebar, .breadcrumbs {
16+
border: 1px solid black;
17+
}
18+
19+
#header {
20+
color: white;
21+
margin: 1%;
22+
padding: 1%;
23+
padding-bottom:0;
24+
}
25+
26+
#footer {
27+
background-color:white;
28+
margin: 1%;
29+
padding: 1%;
30+
}
31+
32+
.content {
33+
background-color:white;
34+
margin:0;
35+
padding: 1%;
36+
}
37+
38+
.content img.big-images {
39+
float:right;
40+
}
41+
42+
#content1 {
43+
border-bottom:none;
44+
}
45+
#content2 {
46+
border-top:none;
47+
}
48+
49+
.sidebar {
50+
background-color:#baa;
51+
padding:0;
52+
}
53+
.sidebar ul{
54+
margin:0;
55+
padding:0;
56+
list-style-type: none;
57+
}
58+
.sidebar ul li{
59+
margin:0;
60+
padding: 0.7em 0 0.7em 2%;
61+
}
62+
63+
.breadcrumbs {
64+
background-color:#dcc;
65+
padding:1% 1% 1% 2%;
66+
font-size:0.8em;
67+
}
68+
69+
h1, h2 {
70+
font-weight:bold;
71+
margin:0;
72+
padding:0;
73+
}
74+
h1 {
75+
font-size:1.5em;
76+
}
77+
h2 {
78+
font-size:1.3em;
79+
}
80+
81+
dl.symphonies-list dt {
82+
font-weight:bold;
83+
}

‎New/beethoven.php‎

Lines changed: 150 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,153 @@
77
# part of browser detection
88
$is_mobile = cookie_management();
99

10-
echo 'is mobile? '.$is_mobile;
11-
12-
?>
10+
# Set the cache control header
11+
//header("Cache-Control: max-age=604800");
12+
?>
13+
<!DOCTYPE html>
14+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
15+
<head>
16+
<meta charset="UTF-8" />
17+
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
18+
19+
<title>Lyrics of Beethoven's Ode to Joy - Lyrics repository</title>
20+
<link rel="stylesheet" type="text/css" href="base.css" />
21+
<?php
22+
if ($is_mobile == 0)
23+
{
24+
echo '<link rel="stylesheet" type="text/css" href="enhanced_600_800.css" />
25+
<link rel="stylesheet" type="text/css" href="enhanced_800_plus.css" media="only all and (min-width: 801px)" />
26+
<!--[if lt IE 9 & !IEMobile]>
27+
<link rel="stylesheet" type="text/css" href="enhanced_600_800.css" />
28+
<![endif]-->';
29+
}
30+
?>
31+
</head>
32+
<body>
33+
<div id="header">
34+
<h1>Lyrics of Beethoven's Ode to Joy</h1>
35+
</div>
36+
<div id="container">
37+
<div id="sidebar1" class="sidebar">
38+
<ul>
39+
<li><a href="#">Lyric Repository's Home</a></li>
40+
<li><a href="#">Site Map</a></li>
41+
</ul>
42+
</div>
43+
<div id="breadcrumbs" class="breadcrumbs">
44+
Home -&gt; Beethoven's Ode to Joy
45+
</div>
46+
<div id="centralpart">
47+
<div id="content1" class="content">
48+
<img width="120" height="150" alt="Beethoven's portrait" src="beethoven_120px.gif" class="big-images"/>
49+
<p>Beethoven's last symphony includes part of the <cite>Ode to Joy</cite> poem's written by Friedrich Schiller.</p>
50+
<blockquote>
51+
<p>Freude, schöner Götterfunken<br />
52+
Tochter aus Elysium,<br />
53+
Wir betreten feuertrunken,<br />
54+
Himmlische, dein Heiligtum!<br />
55+
Deine Zauber binden wieder<br />
56+
Was die Mode streng geteilt;<br />
57+
Alle Menschen werden Brüder,<br />
58+
Wo dein sanfter Flügel weilt.</p>
59+
60+
<p>Wem der große Wurf gelungen,<br />
61+
Eines Freundes Freund zu sein;<br />
62+
Wer ein holdes Weib errungen,<br />
63+
Mische seinen Jubel ein!<br />
64+
Ja, wer auch nur eine Seele<br />
65+
Sein nennt auf dem Erdenrund!<br />
66+
Und wer's nie gekonnt, der stehle<br />
67+
Weinend sich aus diesem Bund!</p>
68+
69+
<p>Freude trinken alle Wesen<br />
70+
An den Brüsten der Natur;<br />
71+
Alle Guten, alle Bösen<br />
72+
Folgen ihrer Rosenspur.<br />
73+
Küsse gab sie uns und Reben,<br />
74+
Einen Freund, geprüft im Tod;<br />
75+
Wollust ward dem Wurm gegeben,<br />
76+
und der Cherub steht vor Gott.</p>
77+
78+
<p>Froh,<br />
79+
wie seine Sonnen fliegen<br />
80+
Durch des Himmels prächt'gen Plan,<br />
81+
Laufet, Brüder, eure Bahn,<br />
82+
Freudig, wie ein Held zum Siegen.</p>
83+
84+
<p>Seid umschlungen, Millionen!<br />
85+
Diesen Kuß der ganzen Welt!<br />
86+
Brüder, über'm Sternenzelt<br />
87+
Muß ein lieber Vater wohnen.<br />
88+
Ihr stürzt nieder, Millionen?<br />
89+
Ahnest du den Schöpfer, Welt?<br />
90+
Such' ihn über'm Sternenzelt!<br />
91+
Über Sternen muß er wohnen.</p>
92+
</blockquote>
93+
</div>
94+
<div id="content2" class="content">
95+
<h2>Beethoven's symphonies</h2>
96+
<dl class="symphonies-list">
97+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 1</dt>
98+
<dd>Op. 21</dd>
99+
<dd>Tone: C Major</dd>
100+
<dd>Year: 1800</dd>
101+
102+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 2</dt>
103+
<dd>Op. 36</dd>
104+
<dd>Tone: D Major</dd>
105+
<dd>Year: 1802</dd>
106+
107+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 3, "Eroica"</dt>
108+
<dd>Op. 55</dd>
109+
<dd>Tone: E flat Major</dd>
110+
<dd>Year: 1804</dd>
111+
112+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 4</dt>
113+
<dd>Op. 60</dd>
114+
<dd>Tone: B flat Major</dd>
115+
<dd>Year: 1806</dd>
116+
117+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 5</dt>
118+
<dd>Op. 67</dd>
119+
<dd>Tone: C Minor</dd>
120+
<dd>Year: 1808</dd>
121+
122+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 6, "Pastorale"</dt>
123+
<dd>Op. 68</dd>
124+
<dd>Tone: F Major</dd>
125+
<dd>Year: 1808</dd>
126+
127+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 7</dt>
128+
<dd>Op. 92</dd>
129+
<dd>Tone: A Major</dd>
130+
<dd>Year: 1812</dd>
131+
132+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 8</dt>
133+
<dd>Op. 93</dd>
134+
<dd>Tone: F Major</dd>
135+
<dd>Year: 1813</dd>
136+
137+
<dt><img width="15" height="15" alt="[Music Symbol]" src="music.gif" /> Symphony 9</dt>
138+
<dd>Op. 125</dd>
139+
<dd>Tone: D Minor</dd>
140+
<dd>Year: 1824</dd>
141+
</dl>
142+
</div>
143+
</div>
144+
<div id="sidebar2" class="sidebar">
145+
<ul>
146+
<li><a href="#">Other lyrics from this artist</a></li>
147+
<li><a href="#">More information on this artist</a></li>
148+
<li><a href="#">Other lyrics from this period</a></li>
149+
<li><a href="#">Contact Us</a></li>
150+
<li><a href="#">Copyright and licenses</a></li>
151+
<li><a href="#">Privacy policy</a></li>
152+
</ul>
153+
</div>
154+
</div>
155+
<div id="footer">
156+
<p>This page was built for demonstration purposes.</p>
157+
</div>
158+
</body>
159+
</html>

‎New/beethoven_120px.gif‎

15.3 KB
Loading

‎New/enhanced_600_800.css‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
@CHARSET "UTF-8";
2+
3+
#header, #footer {
4+
5+
margin:0;
6+
padding:2%;
7+
}
8+
9+
#centralpart {
10+
float:left;
11+
width:74%;
12+
margin:0;
13+
}
14+
15+
#footer {
16+
clear:both;
17+
}
18+
.sidebar, #content2 {
19+
clear:none;
20+
}
21+
22+
#footer p {
23+
margin: 0.5%;
24+
}
25+
26+
.breadcrumbs, .content, .sidebar{
27+
margin:0;
28+
}
29+
30+
#sidebar2 {
31+
width:25%;
32+
float: right;
33+
text-align:center;
34+
}
35+
36+
#sidebar1:after {
37+
visibility: hidden;
38+
display: block;
39+
font-size: 0;
40+
line-height: 0;
41+
content: " ";
42+
clear: both;
43+
height: 0;
44+
width: 0;
45+
}
46+
47+
.sidebar ul li {
48+
margin: 0.6em 0.2em;
49+
padding:0.2em;
50+
border:2px solid black;
51+
background-color:#999;
52+
text-align:center;
53+
border-radius: 0.5em;
54+
box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
55+
}
56+
57+
#sidebar1 ul li{
58+
float: left;
59+
margin-left: 2em;
60+
}
61+
62+
h1 {
63+
font-size:1.8em;
64+
}

‎New/enhanced_800_plus.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
@CHARSET "UTF-8";
2+
3+
#content1{
4+
width:65%;
5+
float:right;
6+
border-bottom:1px solid black;
7+
}
8+
9+
#content2{
10+
width:30%;
11+
float:left;
12+
font-size: 0.9em;
13+
border-top:1px solid black;
14+
}

‎New/music.gif‎

551 Bytes
Loading

‎New/settings.php‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,7 @@
11
<?php
2+
#I set a default encoding
3+
ini_set('default_charset', 'UTF-8');
4+
25
#list of settings
36
$DOMAIN = 'localhost';
47
#$DOMAIN = 'www.dimilia.it';

0 commit comments

Comments
 (0)