BlissfulBeing.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  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; 2021, 20 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>Blissful being</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">Blissful being</h1>
  88. </header>
  89. <section data-field="subtitle" class="p-summary">
  90. It’s nauseating to keep going. Feels like we’re just trying out best to keep a happy face with contentment which
  91. is far out.
  92. </section>
  93. <section data-field="body" class="e-content">
  94. <section name="2fef" class="section section--body section--first">
  95. <div class="section-divider">
  96. <hr class="section-divider">
  97. </div>
  98. <div class="section-content">
  99. <div class="section-inner sectionLayout--insetColumn">
  100. <h3 name="1ca4" id="1ca4" class="graf graf--h3 graf--leading graf--title">Blissful being</h3>
  101. <p name="30b2" id="30b2" class="graf graf--p graf-after--h3">It’s nauseating to keep going. Feels like we’re
  102. just trying our best to keep a happy face with contentment which is far out.</p>
  103. <p name="3d7e" id="3d7e" class="graf graf--p graf-after--p">Sleeping in the same misery that engulfed from
  104. the very beginning. I wish this keyboard were a piano and composing a sonnet was an interplay of fingers
  105. and rhythmic movement synchronized with flow. A flow of energy from within.</p>
  106. <p name="3699" id="3699" class="graf graf--p graf-after--p graf--trailing">Working seems like pulling a
  107. band-aid off a painful wound. They created a term called ‘work’ which sounds more like effort and less
  108. like pleasure. Such a simple four letter word to mean so much effort and pain. Why is effort despised?
  109. When someone works ‘hard’, they maybe seen as a ‘mule’. It means a tedious repetition, which in no way can
  110. be simulating or different. Just another endless chore which toils them to the bones. Crushing under the
  111. force of strong current of expectations and ricocheted by the sharp and mighty distractions.</p>
  112. </div>
  113. </div>
  114. </section>
  115. <section name="7f4d" class="section section--body">
  116. <div class="section-divider">
  117. <hr class="section-divider">
  118. </div>
  119. <div class="section-content">
  120. <div class="section-inner sectionLayout--insetColumn">
  121. <p name="992e" id="992e" class="graf graf--p graf--leading graf--trailing">Living an ecstasy is a dream for
  122. the unfulfilled. Fulfillment in itself is a longing. A longing desire to feel different from the
  123. moroseness and apathy of transience. The longing is for true freedom which keeps our senses and thoughts
  124. in synergy. True freedom comes at the cost of convenience (which is a fundamental craving of human being).
  125. Survival and convenience are correlated to fear and laziness respectively. Freedom happens to come much
  126. later as the intellect grows and perpetuates.</p>
  127. </div>
  128. </div>
  129. </section>
  130. <section name="998c" class="section section--body">
  131. <div class="section-divider">
  132. <hr class="section-divider">
  133. </div>
  134. <div class="section-content">
  135. <div class="section-inner sectionLayout--insetColumn">
  136. <p name="4489" id="4489" class="graf graf--p graf--leading graf--trailing">Consumption of anything is way of
  137. satiating a desire. A libido which closely emulates the reward system. Immediate gratification becomes so
  138. essential to the human psyche that anything which prohibits it could be an impediment to free will.</p>
  139. </div>
  140. </div>
  141. </section>
  142. <section name="9cf1" class="section section--body section--last">
  143. <div class="section-divider">
  144. <hr class="section-divider">
  145. </div>
  146. <div class="section-content">
  147. <div class="section-inner sectionLayout--insetColumn">
  148. <p name="99f3" id="99f3" class="graf graf--p graf--leading">Effort is a way of exercising control to make
  149. things happen in a certain premeditated way, so that thoughts can be channelized for achieving a specific
  150. goal. A goal which is perfection driven and insane in its imagery, yet a rewarding affair for a minute
  151. period. Effortless is something that flows and oozes without obstruction or hindrance. There are no
  152. shortcomings, as it is a way of the existential phenomenon to nullify the experience of temporal
  153. sensations — to make it conspicuous and ease without inhibitions. Blissfulness is an outcome of this ‘ease
  154. of being’, not through an effort of thought and discipline.</p>
  155. <figure name="00b4" id="00b4" class="graf graf--figure graf-after--p graf--trailing">
  156. <div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 700px;">
  157. <div class="aspectRatioPlaceholder-fill" style="padding-bottom: 100%;"></div><img class="graf-image"
  158. data-image-id="1*ZxiZ2sRDRLC1_5v9-HpocA.jpeg" data-width="1440" data-height="1440"
  159. data-is-featured="true" src="assets/img/BlisfulBay.jpeg">
  160. </div>
  161. <figcaption class="imageCaption">Blissful bay by Slime Aurora</figcaption>
  162. </figure>
  163. </div>
  164. </div>
  165. </section>
  166. </section>
  167. <footer>
  168. <p>
  169. <h3>Want to read more? Subscribe to my weekly writings.</h3>
  170. <div id="paypal-button-container"></div>
  171. <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>
  172. <script>
  173. paypal.Buttons({
  174. style: {
  175. shape: 'rect',
  176. color: 'silver',
  177. layout: 'vertical',
  178. label: 'subscribe'
  179. },
  180. createSubscription: function(data, actions) {
  181. return actions.subscription.create({
  182. 'plan_id': 'P-7J9812355A9780533L7AI2HQ'
  183. });
  184. },
  185. onApprove: function(data, actions) {
  186. alert(data.subscriptionID);
  187. }
  188. }).render('#paypal-button-container');
  189. </script>
  190. </p>
  191. <p>
  192. <a href="https://www.patreon.com/bePatron?u=49125356" data-patreon-widget-type="become-patron-button">Become a Patron!</a>
  193. <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
  194. </p>
  195. <p>
  196. <nav class="right">
  197. <a href="index.html"><img src="assets/img/home.jpg"></a>
  198. </nav>
  199. </p>
  200. <p>Copyright &copy; 2021, 20, Girish M <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img
  201. alt="Creative Commons License" style="border-width:0" src="assets/img/cc.png" /></a><br />This work is licensed
  202. under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons
  203. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  204. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/BlissfulBeing.html">here</a>
  205. </p>
  206. </footer>
  207. </article>
  208. </body>
  209. </html>