Skip to content

Commit 8b5bc1a

Browse files
lxawlxaw
committed
quotes
1 parent 0171904 commit 8b5bc1a

File tree

1 file changed

+93
-86
lines changed

1 file changed

+93
-86
lines changed

‎misc.html

Lines changed: 93 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -1,100 +1,107 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Miscellaneous</title>
7-
<link rel="stylesheet" href="styles.css">
8-
<style>
9-
body {
10-
font-family: Arial, sans-serif;
11-
line-height: 1.6;
12-
margin: 0;
13-
padding: 20px;
14-
background-color: #f9f9f9;
15-
}
16-
h4, h6 {
17-
text-align: center;
18-
}
19-
p {
20-
text-align: center;
21-
}
22-
.quote-section {
23-
margin: 20px auto;
24-
padding: 15px;
25-
max-width: 600px;
26-
background-color: #fff;
27-
border: 1px solid #ddd;
28-
border-radius: 8px;
29-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
30-
}
31-
.quote-text {
32-
font-style: italic;
33-
font-size: 1.2em;
34-
margin-bottom: 10px;
35-
text-align: center;
36-
}
37-
.quote-author {
38-
font-size: 1em;
39-
text-align: right;
40-
color: #555;
41-
}
42-
footer {
43-
text-align: center;
44-
margin-top: 30px;
45-
}
46-
footer a {
47-
text-decoration: none;
48-
color: #007acc;
49-
}
50-
footer a:hover {
51-
color: #005bb5;
52-
}
53-
</style>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Miscellaneous Quotes</title>
7+
<link rel="stylesheet" href="styles.css">
8+
<style>
9+
body {
10+
font-family: Arial, sans-serif;
11+
line-height: 1.6;
12+
margin: 0;
13+
padding: 20px;
14+
background-color: #f9f9f9;
15+
}
16+
header, footer {
17+
text-align: center;
18+
margin-bottom: 20px;
19+
}
20+
main {
21+
max-width: 800px;
22+
margin: 0 auto;
23+
}
24+
.quote-group {
25+
margin-bottom: 30px;
26+
padding: 15px;
27+
background-color: #fff;
28+
border: 1px solid #ddd;
29+
border-radius: 8px;
30+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
31+
}
32+
.quote-text {
33+
font-style: italic;
34+
font-size: 1.2em;
35+
margin: 10px 0;
36+
text-align: center;
37+
}
38+
.quote-author {
39+
font-size: 1em;
40+
text-align: right;
41+
color: #555;
42+
}
43+
footer a {
44+
text-decoration: none;
45+
color: #007acc;
46+
}
47+
footer a:hover {
48+
color: #005bb5;
49+
}
50+
</style>
5451
</head>
5552
<body>
56-
<h4>You have discovered the secret page!</h4>
53+
<header>
54+
<h2>You have discovered the secret page!</h2>
5755
<p>You weren't supposed to be here! Here's where I store some things.</p>
56+
<h3>Quotes I Like</h3>
57+
</header>
5858

59-
<h6>Quotes I like:</h6>
59+
<main>
60+
<!-- 孫子 Quote -->
61+
<article class="quote-group">
62+
<p class="quote-text">故舉秋毫，不為多力；見日月，不為明目；聞雷霆，不為聰耳。</p>
63+
<p class="quote-author">- 孫子</p>
64+
</article>
6065

61-
<div class="quote-section">
62-
<div class="quote-text">
63-
故舉秋毫，不為多力；見日月，不為明目；聞雷霆，不為聰耳。
64-
</div>
65-
<div class="quote-author">- 孫子</div>
66-
</div>
66+
<!-- 松尾芭蕉 Quote -->
67+
<article class="quote-group">
68+
<p class="quote-text">夏草や 兵どもが 夢の跡。</p>
69+
<p class="quote-author">- 松尾芭蕉</p>
70+
</article>
6771

68-
<div class="quote-section">
69-
<div class="quote-text">
70-
夏草や 兵どもが 夢の跡。
71-
</div>
72-
<div class="quote-author">- 松尾芭蕉</div>
73-
</div>
72+
<!-- Jacobi Quote -->
73+
<article class="quote-group">
74+
<p class="quote-text">Man muss immer umkehren.</p>
75+
<p class="quote-author">- Carl Gustav Jacob Jacobi</p>
76+
</article>
7477

75-
<div class="quote-section">
76-
<div class="quote-text">
77-
Man muss immer umkehren.
78-
</div>
79-
<div class="quote-author">- Carl Gustav Jacob Jacobi</div>
80-
</div>
78+
<!-- 徳川家康 Quotes -->
79+
<article class="quote-group">
80+
<p class="quote-text">
81+
人の一生は重荷を負うて遠き道を行くがごとし。急ぐべからず。<br>
82+
不自由を常と思えば不足なし。こころに望みおこらば困窮したる時を思い出すべし。<br>
83+
堪忍は無事長久の基、いかりは敵と思え。<br>
84+
勝つ事ばかり知りて、負くること知らざれば害その身にいたる。<br>
85+
おのれを責めて人をせむるな。<br>
86+
及ばざるは過ぎたるよりまされり。<br>
87+
滅びる原因は自らの内にある。
88+
</p>
89+
<p class="quote-author">- Various quotes from 徳川家康</p>
90+
</article>
8191

82-
<div class="quote-section">
83-
<div class="quote-text">
84-
人の一生は重荷を負うて遠き道を行くがごとし。急ぐべからず。
85-
不自由を常と思えば不足なし。こころに望みおこらば困窮したる時を思い出すべし。
86-
堪忍は無事長久の基、いかりは敵と思え。
87-
勝つ事ばかり知りて、負くること知らざれば害その身にいたる。
88-
おのれを責めて人をせむるな。
89-
及ばざるは過ぎたるよりまされり。
90-
滅びる原因は自らの内にある。
91-
</div>
92-
<div class="quote-author">- Various quotes from 徳川家康.</div>
93-
</div>
92+
<!-- Dale Carnegie Quotes -->
93+
<article class="quote-group">
94+
<p class="quote-text">First ask yourself: What is the worst that can happen? Then prepare to accept it. Then proceed to improve on the worst.</p>
95+
<p class="quote-text">Most of the important things in the world have been accomplished by people who have kept on trying when there seemed to be no hope at all.</p>
96+
<p class="quote-text">The successful man will profit from his mistakes and try again in a different way.</p>
97+
<p class="quote-text">Develop success from failures. Discouragement and failure are two of the surest stepping stones to success.</p>
98+
<p class="quote-text">Inaction breeds doubt and fear. Action breeds confidence and courage. If you want to conquer fear, do not sit home and think about it. Go out and get busy.</p>
99+
<p class="quote-author">- Various quotes from Dale Carnegie</p>
100+
</article>
101+
</main>
94102

95-
96-
<footer class="site-footer">
97-
<p><a href="index.html">Back to home</a></p>
98-
</footer>
103+
<footer>
104+
<p><a href="index.html">Back to home</a></p>
105+
</footer>
99106
</body>
100107
</html>

0 commit comments

Comments
 (0)