Update index.html
Browse files- index.html +51 -2
index.html
CHANGED
|
@@ -112,7 +112,7 @@
|
|
| 112 |
padding: 2rem 4rem;
|
| 113 |
background: #ffffff;
|
| 114 |
color: #333;
|
| 115 |
-
direction: rtl; /*
|
| 116 |
}
|
| 117 |
|
| 118 |
@media (max-width: 768px) {
|
|
@@ -121,6 +121,31 @@
|
|
| 121 |
font-size: 1.2rem;
|
| 122 |
}
|
| 123 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 124 |
</style>
|
| 125 |
</head>
|
| 126 |
<body>
|
|
@@ -161,7 +186,31 @@
|
|
| 161 |
</div>
|
| 162 |
</section>
|
| 163 |
|
| 164 |
-
<!--
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 165 |
<script>
|
| 166 |
fetch("story.txt")
|
| 167 |
.then(res => res.ok ? res.text() : Promise.reject())
|
|
|
|
| 112 |
padding: 2rem 4rem;
|
| 113 |
background: #ffffff;
|
| 114 |
color: #333;
|
| 115 |
+
direction: rtl; /* Urdu text direction */
|
| 116 |
}
|
| 117 |
|
| 118 |
@media (max-width: 768px) {
|
|
|
|
| 121 |
font-size: 1.2rem;
|
| 122 |
}
|
| 123 |
}
|
| 124 |
+
|
| 125 |
+
/* Special Thanks & Thank You Sections */
|
| 126 |
+
.thanks-section {
|
| 127 |
+
background-color: #f9f5f0;
|
| 128 |
+
padding: 4rem 2rem;
|
| 129 |
+
text-align: center;
|
| 130 |
+
}
|
| 131 |
+
|
| 132 |
+
.thanks-section h2 {
|
| 133 |
+
font-size: 2.5rem;
|
| 134 |
+
color: #8a5b44;
|
| 135 |
+
margin-bottom: 1.5rem;
|
| 136 |
+
}
|
| 137 |
+
|
| 138 |
+
.thanks-section p {
|
| 139 |
+
font-size: 1.3rem;
|
| 140 |
+
line-height: 2.2rem;
|
| 141 |
+
color: #4a3e3e;
|
| 142 |
+
}
|
| 143 |
+
|
| 144 |
+
.thanks-section .author-name {
|
| 145 |
+
font-size: 1.1rem;
|
| 146 |
+
color: #777;
|
| 147 |
+
margin-top: 2rem;
|
| 148 |
+
}
|
| 149 |
</style>
|
| 150 |
</head>
|
| 151 |
<body>
|
|
|
|
| 186 |
</div>
|
| 187 |
</section>
|
| 188 |
|
| 189 |
+
<!-- 🌟 Special Thanks -->
|
| 190 |
+
<section id="special-thanks" class="thanks-section">
|
| 191 |
+
<h2>Special Thanks</h2>
|
| 192 |
+
<p>
|
| 193 |
+
To my sister, <strong>"T"</strong> —<br />
|
| 194 |
+
Thank you for believing in me when I didn’t believe in myself.<br />
|
| 195 |
+
Your unwavering support gave me the strength to publish this.<br />
|
| 196 |
+
This book exists because you never let me give up.
|
| 197 |
+
</p>
|
| 198 |
+
<div class="author-name">— Mohsin Kamil</div>
|
| 199 |
+
</section>
|
| 200 |
+
|
| 201 |
+
<!-- 🙏 Thank You Page -->
|
| 202 |
+
<section id="thankyou" class="thanks-section">
|
| 203 |
+
<h2>Thank You</h2>
|
| 204 |
+
<p>
|
| 205 |
+
Thank you for taking the time to read <strong>Main Akeli Thi</strong>.<br /><br />
|
| 206 |
+
This story holds a special place in my heart, and I hope it resonated with you.<br />
|
| 207 |
+
Your support and encouragement mean the world to me.<br /><br />
|
| 208 |
+
Stay kind. Stay connected.
|
| 209 |
+
</p>
|
| 210 |
+
<div class="author-name">— Mohsin Kamil</div>
|
| 211 |
+
</section>
|
| 212 |
+
|
| 213 |
+
<!-- Load story.txt via JS -->
|
| 214 |
<script>
|
| 215 |
fetch("story.txt")
|
| 216 |
.then(res => res.ok ? res.text() : Promise.reject())
|