LostInThoughts.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. <!--
  2. girishm.nfshost.com is the source for webpage (www.girishm.info or its alias www.girishm.nfshost.com) of Girish M
  3. Copyright &copy; 2019 to present, Girish M
  4. This program is free software: you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation, either version 3 of the License, or
  7. (at your option) any later version.
  8. This program is distributed in the hope that it will be useful,
  9. but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. GNU General Public License for more details.
  12. You should have received a copy of the GNU General Public License
  13. along with this program. If not, see <https://www.gnu.org/licenses/>
  14. -->
  15. <!DOCTYPE html>
  16. <html>
  17. <head>
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  19. <title>Lost in thoughts</title>
  20. <style>
  21. * {
  22. font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  23. }
  24. html,
  25. body {
  26. margin: 0;
  27. padding: 0;
  28. }
  29. h1 {
  30. font-size: 50px;
  31. margin-bottom: 17px;
  32. color: #333;
  33. }
  34. h2 {
  35. font-size: 24px;
  36. line-height: 1.6;
  37. margin: 30px 0 0 0;
  38. margin-bottom: 18px;
  39. margin-top: 33px;
  40. color: #333;
  41. }
  42. h3 {
  43. font-size: 30px;
  44. margin: 10px 0 20px 0;
  45. color: #333;
  46. }
  47. header {
  48. width: 640px;
  49. margin: auto;
  50. }
  51. section {
  52. width: 640px;
  53. margin: auto;
  54. }
  55. section p {
  56. margin-bottom: 27px;
  57. font-size: 20px;
  58. line-height: 1.6;
  59. color: #333;
  60. }
  61. section img {
  62. max-width: 640px;
  63. }
  64. footer {
  65. padding: 0 20px;
  66. margin: 50px 0;
  67. text-align: center;
  68. font-size: 12px;
  69. }
  70. .aspectRatioPlaceholder {
  71. max-width: auto !important;
  72. max-height: auto !important;
  73. }
  74. .aspectRatioPlaceholder-fill {
  75. padding-bottom: 0 !important;
  76. }
  77. header,
  78. section[data-field=subtitle],
  79. section[data-field=description] {
  80. display: none;
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <article class="h-entry">
  86. <header>
  87. <h1 class="p-name">Lost in thoughts</h1>
  88. </header>
  89. <section data-field="subtitle" class="p-summary">
  90. These objects like inferiority, superiority transcends no matter how hard we try to see us as equals. The good
  91. things, the bad things, the…
  92. </section>
  93. <section data-field="description" class="p-summary">
  94. flow of thoughts inspired from milieu
  95. </section>
  96. <section data-field="body" class="e-content">
  97. <section name="ac96" class="section section--body section--first">
  98. <div class="section-divider">
  99. <hr class="section-divider">
  100. </div>
  101. <div class="section-content">
  102. <div class="section-inner sectionLayout--insetColumn">
  103. <h3 name="9e98" id="9e98" class="graf graf--h3 graf--leading graf--title">Lost in thoughts</h3>
  104. <p name="c33b" id="c33b" class="graf graf--p graf-after--h3 graf--trailing">Living an ecstasy is a
  105. dream for
  106. the unfulfilled. Fulfilment in itself is a longing. A longing desire to feel different from the
  107. moroseness
  108. and apathy of transience.</p>
  109. </div>
  110. </div>
  111. </section>
  112. <section name="6cd9" class="section section--body">
  113. <div class="section-divider">
  114. <hr class="section-divider">
  115. </div>
  116. <div class="section-content">
  117. <div class="section-inner sectionLayout--insetColumn">
  118. <p name="347b" id="347b" class="graf graf--p graf--leading">These objects like inferiority,
  119. superiority
  120. transcends no matter how hard we try to see us as equals.</p>
  121. <p name="285b" id="285b" class="graf graf--p graf-after--p">The good things, the bad things, the
  122. lethargy,
  123. the energy, figment of imagination and reality seem so dispersed and intrepid.</p>
  124. <p name="f65d" id="f65d" class="graf graf--p graf-after--p">I shall fathom these depths to see what
  125. lies at
  126. the bottom after all. Is it an abyss of hollowness or one with a bottom hard hitting as
  127. reality?</p>
  128. <p name="cd16" id="cd16" class="graf graf--p graf-after--p">These thoughts erupting from nothingness
  129. to
  130. portray an obscure picture with brightness and color yet a little hazy. Hazy is our eyes or the
  131. picture?
  132. </p>
  133. <p name="123b" id="123b" class="graf graf--p graf-after--p">Distant milestones, distinct obstacles.
  134. Maneuverings with tact and dismay of miscalculations. Excavation of barbarism to liking of
  135. guilt. Self and
  136. selfless distinguished by the disillusioned.</p>
  137. <p name="58b1" id="58b1" class="graf graf--p graf-after--p">Everything is a lie. Propagating and
  138. accumulating endlessly over time to be believed as the truth. Shenanigans of the misfits to
  139. overwhelm the
  140. poltroon.</p>
  141. <p name="80b4" id="80b4" class="graf graf--p graf-after--p graf--trailing">What if every fantasy
  142. turned out
  143. to be a reality, what if there were no such thing like dreams but a perpetual state of
  144. reality. </p>
  145. </div>
  146. </div>
  147. </section>
  148. <section name="fb9c" class="section section--body section--last">
  149. <div class="section-divider">
  150. <hr class="section-divider">
  151. </div>
  152. <div class="section-content">
  153. <div class="section-inner sectionLayout--insetColumn">
  154. <p name="8280" id="8280" class="graf graf--p graf--leading">An endless rat race to achieve nothing
  155. but to
  156. feel like a rat (philosophically speaking) at the end. The basic instinct of humans to feel
  157. important, unique, special
  158. and superior is the driving force behind their every action.<br>Satiate people who mean
  159. nothing to create a delusion of satisfaction.</p>
  160. <p name="206f" id="206f" class="graf graf--p graf-after--p">Desire is the fuel for action. Lust for
  161. materials is insatiable. The cycle repeats generation to generation only to prove that nothing
  162. ever
  163. changed but manifested itself into it.</p>
  164. <p name="a142" id="a142" class="graf graf--p graf-after--p">The niceties of the unexpected, the
  165. guilt of the
  166. self meandering with nightmares of past to plunge into a sea of dilemma and sorrow. <br>Thou
  167. feared the
  168. devil inside thy.</p>
  169. <p name="bc4d" id="bc4d" class="graf graf--p graf-after--p">Critique of self on aspects a many to
  170. mutilate
  171. one selves dreams. Change despised to change welcomed, nothing ever changed for change is a
  172. myth.</p>
  173. <p name="9158" id="9158" class="graf graf--p graf-after--p">Obfuscated facts and theories.
  174. Confounded
  175. opinions and reminiscent bleak past.</p>
  176. <p name="673f" id="673f" class="graf graf--p graf-after--p">Loneliness of thoughts, gregarious
  177. opinions.
  178. Mind control is a myth because nothing can control itself. What makes me think? What is lunacy?
  179. Aren’t we
  180. all lunatic in ways we perceive ourselves.</p>
  181. <p name="b650" id="b650" class="graf graf--p graf-after--p">Equanimity of soul is a bliss that one
  182. can quell
  183. ignorance with. Rational or irrational both offer confusing answers.</p>
  184. <p name="d5d9" id="d5d9" class="graf graf--p graf-after--p">Frustrations of past ruining the present
  185. and so
  186. are the worries of future. Why is it so difficult to thrive without them? All that could be done
  187. is now
  188. and yet we fray away from it.</p>
  189. <p name="68e1" id="68e1" class="graf graf--p graf-after--p">It feels so surreal after all isn’t it?
  190. When the
  191. world conjures around us to find the meaning of life or knowing the unknown for its true
  192. existence.</p>
  193. <div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 357px;">
  194. <div class="aspectRatioPlaceholder-fill" style="padding-bottom: 51%;"></div>
  195. <img class="graf-image"
  196. data-image-id="1*GzT-9hjYrMg87uAj8hGJGA.jpeg" data-width="4000" data-height="2042"
  197. src="assets/img/lostInThoughts.jpeg">
  198. </div>
  199. </div>
  200. </div>
  201. </section>
  202. </section>
  203. <footer>
  204. <!-- <p>-->
  205. <!-- <h3>Want me to write more?</h3>-->
  206. <!-- <div id="paypal-button-container"></div>-->
  207. <!-- <script src="https://www.paypal.com/sdk/js?client-id=AaLH7GRw2dvpLPvQFOJ_CENpAod_I9_3zJyIXM5alQP245nr6_u-WkXfLqkG3XmCUeyPbbsBQU99q7B5&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>-->
  208. <!-- <script>-->
  209. <!-- paypal.Buttons({-->
  210. <!-- style: {-->
  211. <!-- shape: 'rect',-->
  212. <!-- color: 'silver',-->
  213. <!-- layout: 'vertical',-->
  214. <!-- label: 'subscribe'-->
  215. <!-- },-->
  216. <!-- createSubscription: function(data, actions) {-->
  217. <!-- return actions.subscription.create({-->
  218. <!-- 'plan_id': 'P-7J9812355A9780533L7AI2HQ'-->
  219. <!-- });-->
  220. <!-- },-->
  221. <!-- onApprove: function(data, actions) {-->
  222. <!-- alert(data.subscriptionID);-->
  223. <!-- }-->
  224. <!-- }).render('#paypal-button-container');-->
  225. <!-- </script>-->
  226. <!-- </p>-->
  227. <!-- <p>-->
  228. <!-- <a href="https://www.patreon.com/bePatron?u=49125356" data-patreon-widget-type="become-patron-button">Become a Patron!</a>-->
  229. <!-- <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>-->
  230. <!-- </p>-->
  231. <p>
  232. <p class="author">Author: Girish</p>
  233. <p class="date">Created: 2021-04-05</p>
  234. <nav class="right">
  235. <a href="ExistentialExperience.html"><img src="assets/img/previous.jpg" alt="Previous"></a>
  236. <a href="index.html"><img src="assets/img/home.jpg"></a>
  237. <a href="BlissfulBeing.html"><img src="assets/img/next.jpg" alt="Next"></a>
  238. </nav>
  239. </p>
  240. <p>Copyright &copy; 2019 to present, Girish M <a rel="license"
  241. href="http://creativecommons.org/licenses/by/4.0/"><img
  242. alt="Creative Commons License" style="border-width:0" src="assets/img/cc.png"/></a><br/>This work is
  243. licensed
  244. under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons
  245. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  246. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/LostInThoughts.html">here</a>
  247. </p>
  248. </footer>
  249. </article>
  250. </body>
  251. </html>