LostInThoughts.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <!--
  2. girishm.nfshost.com is the source for personal webpage (www.girishm.info or its alias www.girishm.nfshost.com) of Girish M
  3. Copyright &copy; 2020 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 dream for
  105. the unfulfilled. Fulfilment in itself is a longing. A longing desire to feel different from the moroseness
  106. and apathy of transience.</p>
  107. </div>
  108. </div>
  109. </section>
  110. <section name="6cd9" class="section section--body">
  111. <div class="section-divider">
  112. <hr class="section-divider">
  113. </div>
  114. <div class="section-content">
  115. <div class="section-inner sectionLayout--insetColumn">
  116. <p name="347b" id="347b" class="graf graf--p graf--leading">These objects like inferiority, superiority
  117. transcends no matter how hard we try to see us as equals.</p>
  118. <p name="285b" id="285b" class="graf graf--p graf-after--p">The good things, the bad things, the lethargy,
  119. the energy, figment of imagination and reality seem so dispersed and intrepid.</p>
  120. <p name="f65d" id="f65d" class="graf graf--p graf-after--p">I shall fathom these depths to see what lies at
  121. the bottom after all. Is it an abyss of hollowness or one with a bottom hard hitting as reality?</p>
  122. <p name="cd16" id="cd16" class="graf graf--p graf-after--p">These thoughts erupting from nothingness to
  123. portray an obscure picture with brightness and color yet a little hazy. Hazy is our eyes or the picture?
  124. </p>
  125. <p name="123b" id="123b" class="graf graf--p graf-after--p">Distant milestones, distinct obstacles.
  126. Maneuverings with tact and dismay of miscalculations. Excavation of barbarism to liking of guilt. Self and
  127. selfless distinguished by the disillusioned.</p>
  128. <p name="58b1" id="58b1" class="graf graf--p graf-after--p">Everything is a lie. Propagating and
  129. accumulating endlessly over time to be believed as the truth. Shenanigans of the misfits to overwhelm the
  130. poltroon.</p>
  131. <p name="80b4" id="80b4" class="graf graf--p graf-after--p graf--trailing">What if every fantasy turned out
  132. to be a reality, what if there were no such thing like dreams but a perpetual state of
  133. reality. <br>Satiate people who mean nothing to create a delusion of satisfaction.</p>
  134. </div>
  135. </div>
  136. </section>
  137. <section name="fb9c" class="section section--body section--last">
  138. <div class="section-divider">
  139. <hr class="section-divider">
  140. </div>
  141. <div class="section-content">
  142. <div class="section-inner sectionLayout--insetColumn">
  143. <p name="8280" id="8280" class="graf graf--p graf--leading">An endless rat race to achieve nothing but to
  144. feel like a rat (philosophically speaking) at the end. The basic instinct of humans to feel important, unique, special
  145. and superior is the driving force behind their every action.</p>
  146. <p name="206f" id="206f" class="graf graf--p graf-after--p">Desire is the fuel for action. Lust for
  147. materials is insatiable. The cycle repeats generation to generation only to prove that nothing ever
  148. changed but manifested itself into it.</p>
  149. <p name="a142" id="a142" class="graf graf--p graf-after--p">The niceties of the unexpected, the guilt of the
  150. self meandering with nightmares of past to plunge into a sea of dilemma and sorrow. <br>Thou feared the
  151. devil inside thy.</p>
  152. <p name="bc4d" id="bc4d" class="graf graf--p graf-after--p">Critique of self on aspects a many to mutilate
  153. one selves dreams. Change despised to change welcomed, nothing ever changed for change is a myth.</p>
  154. <p name="9158" id="9158" class="graf graf--p graf-after--p">Obfuscated facts and theories. Confounded
  155. opinions and reminiscent bleak past.</p>
  156. <p name="673f" id="673f" class="graf graf--p graf-after--p">Loneliness of thoughts, gregarious opinions.
  157. Mind control is a myth because nothing can control itself. What makes me think? What is lunacy? Aren’t we
  158. all lunatic in ways we perceive ourselves.</p>
  159. <p name="b650" id="b650" class="graf graf--p graf-after--p">Equanimity of soul is a bliss that one can quell
  160. ignorance with. Rational or irrational both offer confusing answers.</p>
  161. <p name="d5d9" id="d5d9" class="graf graf--p graf-after--p">Frustrations of past ruining the present and so
  162. are the worries of future. Why is it so difficult to thrive without them? All that could be done is now
  163. and yet we fray away from it.</p>
  164. <p name="68e1" id="68e1" class="graf graf--p graf-after--p">It feels so surreal after all isn’t it? When the
  165. world conjures around us to find the meaning of life or knowing the unknown for its true existence.</p>
  166. <figure name="c84d" id="c84d" class="graf graf--figure graf-after--p graf--trailing">
  167. <div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 357px;">
  168. <div class="aspectRatioPlaceholder-fill" style="padding-bottom: 51%;"></div><img class="graf-image"
  169. data-image-id="1*GzT-9hjYrMg87uAj8hGJGA.jpeg" data-width="4000" data-height="2042"
  170. src="assets/img/lostInThoughts.jpeg">
  171. </div>
  172. </figure>
  173. </div>
  174. </div>
  175. </section>
  176. </section>
  177. <footer>
  178. <p>
  179. <h3>Want to read more? Subscribe to my weekly writings.</h3>
  180. <div id="paypal-button-container"></div>
  181. <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>
  182. <script>
  183. paypal.Buttons({
  184. style: {
  185. shape: 'rect',
  186. color: 'silver',
  187. layout: 'vertical',
  188. label: 'subscribe'
  189. },
  190. createSubscription: function(data, actions) {
  191. return actions.subscription.create({
  192. 'plan_id': 'P-7J9812355A9780533L7AI2HQ'
  193. });
  194. },
  195. onApprove: function(data, actions) {
  196. alert(data.subscriptionID);
  197. }
  198. }).render('#paypal-button-container');
  199. </script>
  200. </p>
  201. <p>
  202. <a href="https://www.patreon.com/bePatron?u=49125356" data-patreon-widget-type="become-patron-button">Become a Patron!</a>
  203. <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
  204. </p>
  205. <p>
  206. <nav class="right">
  207. <a href="index.html"><img src="assets/img/home.jpg"></a>
  208. </nav>
  209. </p>
  210. <p>Copyright &copy; 2021, 20, Girish M <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img
  211. alt="Creative Commons License" style="border-width:0" src="assets/img/cc.png" /></a><br />This work is licensed
  212. under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons
  213. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  214. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/LostInThoughts.html">here</a>
  215. </p>
  216. </footer>
  217. </article>
  218. </body>
  219. </html>