-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpoetry.html
87 lines (87 loc) · 5.26 KB
/
poetry.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en" class="hidden md:block">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Subhramit's Blog</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<!-- Nav Bar -->
<nav class="bg-uno text-white flex gap-6 h-13">
<ul class="flex justify-evenly w-full">
<a href="./index.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Home</li></a>
<a href="./about.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">About me</li></a>
<a href="./stories.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Thoughts & Stories</li></a>
<a href="./poetry.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Poetry</li></a>
<a href="./recommendations.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Recommendations</li></a>
<a href="./contact.html"><li class="py-auto cursor-pointer hover:bg-tres py-4 px-2">Contact</li></a>
</ul>
</nav>
<!-- Body -->
<main class="bg-quad w-full mx-auto my-auto flex-col">
<div class="flex justify-center pt-3">
<img src="./assets/poetryIm.jpg" class="max-w-screen-2xl object-cover w-4/12 rounded-full" alt="">
</div>
<div class="text-6xl text-start font-serif font-extralight pl-60 pt-7 underline decoration-2">My thoughts on poetry</div>
<div class="text-xl text-start font-serif font-medium pl-62 pt-4 italic max-w-6xl">
<p>"And medicine, law, business, engineering, these are noble pursuits and necessary to sustain life. <br>
But poetry, beauty, romance, love - these are what we stay alive for."</p>
</div>
<div class="text-xl text-start font-serif pl-62 ">- John Keating, Dead Poets Society (1989)</div>
<div class="text-xl text-start font-serif font-medium pl-62 pt-4 pr-62">
<p>When it comes to poetry, I have never believed in constrained definitions about words on a page. I have always felt poets are not just the ones who write poetry, but also the ones who just possess a poetic mind - a mind that is capable of appreciating poetry or anything that is poetic. And here births the paradox - as all poetry is created by the poets, so that means all that is considered poetic is also only made so by the poets themselves. <br>
<br>
I always imagined an ideal "poets society" to be one in which people can, without any obligation to do so, come and sit together during a random sunset, look at the sky and just drown in the moment. Perhaps this is why I never made it to my college's poetry club.
<br>
I don't write poems often, nor do I know if I'll ever write again, but here are some words that I put together during different occassions and needless to say, in different states of mind.
</p>
</div>
</div>
<div class="text-5xl text-start font-serif font-extralight pl-60 pt-6">Madness</div>
<div class="text-xl text-start font-serif font-medium pl-62 pt-2 italic">
<p>A mad world it is, perhaps <br>
Where life is an unsolicited gift. <br>
Before drowning in the nectar of the clouds, <br>
In the wide open sky, we look for a rift. <br>
<br>
I don't know if it counts into sanity <br>
When roses fascinate us even after countless heartbreaks. <br>
To tell apart love from madness <br>
Is to escape a dream from which one never wakes. <br>
<br>
The wonders of what's beyond death <br>
Are thoughts by which many are fazed. <br>
As time ensnares us in this journey of life, love and death, <br>
I think it is madness to not be amazed.</p>
</div>
<div class="text-2xl text-start font-serif pl-62 pt-2 ">20.11.2021</div>
</div>
<div class="text-5xl text-start font-serif font-extralight pl-60 pt-6">Storms</div>
<div class="text-xl text-start font-serif font-medium pl-62 pt-2 italic">
<p>Oh, haven't you wondered <br>
Why, by the storms you're always adored? <br>
Why, when the dark, moonless sky prevails, <br>
You're the only one still ashore? <br>
<br>
So fierce and so unforgiving, or so the tales say - <br>
“Dare anything stand in their way!” <br>
But you think it's a mystery why, when they soar <br>
You feel you’re somewhere a part of the lore. <br>
<br>
So look me in the eye and tell me, <br>
Have you truly never wondered why, <br>
When you look in the mirror <br>
You find something you truly adore?</p>
</div>
<div class="text-2xl text-start font-serif pl-62 pt-2 pb-6 ">11.07.2023</div>
</div>
</main>
</body>
<hr>
<footer class="text-center bg-uno text-white">
<div class="flex justify-center"><a rel="license" href="https://opensource.org/licenses/MIT/" class="hover:text-quad">MIT License</a>. Copyright © 2023 Subhramit Basu Bhowmick</div>
<div class="flex justify-center"></div>
</footer>
</html>