CraftWithFreeWill.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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>Craft with free will</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">Craft with free will</h1>
  88. </header>
  89. <section data-field="subtitle" class="p-summary">
  90. It feels so surreal after all isn’t it, when the world conjures around us. The meaning of existence or unknown
  91. remains a mystery for…
  92. </section>
  93. <section data-field="body" class="e-content">
  94. <section name="2b23" class="section section--body section--first section--last">
  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="8c82" id="8c82" class="graf graf--h3 graf--leading graf--title">Craft with free will</h3>
  101. <p name="778d" id="778d" class="graf graf--p graf-after--h3">It feels so surreal after all isn’t it, when
  102. the world conjures around us. The meaning of existence or the unknown remains a mystery, for unless sought with
  103. a true soul, remains unraveled. They say that the interplay of words catches the attention of the
  104. wandering eye. When it sounds more than just what it is.</p>
  105. <p name="4fa7" id="4fa7" class="graf graf--p graf-after--p">Rhyming, rhythmic, alliterations and metaphors
  106. are the literary devices they use. Isn’t it just hard to write coherently with a steady train of thoughts?
  107. There shall be detours, poems encapsulated somewhere. Some quotes shall be uttered which seem original or
  108. a word or two in the air. Some may be obvious whereas some genius.</p>
  109. <p name="cc74" id="cc74" class="graf graf--p graf-after--p">It is so unique indeed that we have this
  110. capability to be whatever we chose to be. <em class="markup--em markup--p-em">Free will</em> as a central
  111. problem of philosophy still enchants the mankind — with growing technological advents and socio-economic
  112. vicissitudes.</p>
  113. <p name="5772" id="5772" class="graf graf--p graf-after--p">The question still persists “Has making life
  114. easier with the choices made in past, made it easier in its true actuality?” The answer to this seems to
  115. be a — ‘No’. It hasn’t. We have just been a prisoner of our creations all along. The captives of our
  116. identities. Getting out of it <em class="markup--em markup--p-em">is</em> possible only when we stop
  117. visualising this entire realm of negativity.</p>
  118. <p name="1ac1" id="1ac1" class="graf graf--p graf-after--p">The perspective of this creation has to change.
  119. Every choice made has its share of merits and perils. The merits should make us stronger and keep us
  120. manifested — never pull ourselves down, come what may. Saying this with conviction is sometimes seen as
  121. gaudy with mindless optimism or even as an arrogant and pompous demeanour.</p>
  122. <p name="8523" id="8523" class="graf graf--p graf-after--p">The movement (or purpose as one may see at least
  123. in general) is to be more freer. Freer than before, both in our minds as well as our actions. Money is a way
  124. of freedom. Allows us with the choice of every possibility that can be dreamt of in this society that we
  125. have built. The more valuable we are, the more prominence we gain and become irreplaceable (at least in
  126. near future).</p>
  127. <p name="4afb" id="4afb" class="graf graf--p graf-after--p">Some charted ways of becoming free is to
  128. practice finesse in our craft. The craft shall never betray us. For betrayal is something beings are
  129. capable of. We are harnessing the craft, the skill to be our individual best, every time we deliver.
  130. Ensure due care, address qualms, gentle and tender we care — hone and caress to build a monogamous and
  131. infidel relationship with our craft.</p>
  132. <figure name="32a5" id="32a5" class="graf graf--figure graf-after--p graf--trailing">
  133. <div class="aspectRatioPlaceholder is-locked" style="max-width: 480px; max-height: 360px;">
  134. <div class="aspectRatioPlaceholder-fill" style="padding-bottom: 75%;"></div><img class="graf-image"
  135. data-image-id="1*XpI4fgawDWbLqGBHsTEkfg.jpeg" data-width="480" data-height="360"
  136. data-is-featured="true" src="assets/img/craftWithFreeWill.jpeg">
  137. </div>
  138. <figcaption class="imageCaption">Photo courtesy: Alex Jones in Waking Life by Richard Linklater
  139. </figcaption>
  140. </figure>
  141. </div>
  142. </div>
  143. </section>
  144. </section>
  145. <footer>
  146. <p>
  147. <h3>Want to read more? Subscribe to my weekly writings.</h3>
  148. <div id="paypal-button-container"></div>
  149. <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>
  150. <script>
  151. paypal.Buttons({
  152. style: {
  153. shape: 'rect',
  154. color: 'silver',
  155. layout: 'vertical',
  156. label: 'subscribe'
  157. },
  158. createSubscription: function(data, actions) {
  159. return actions.subscription.create({
  160. 'plan_id': 'P-7J9812355A9780533L7AI2HQ'
  161. });
  162. },
  163. onApprove: function(data, actions) {
  164. alert(data.subscriptionID);
  165. }
  166. }).render('#paypal-button-container');
  167. </script>
  168. </p>
  169. <p>
  170. <a href="https://www.patreon.com/bePatron?u=49125356" data-patreon-widget-type="become-patron-button">Become a Patron!</a>
  171. <script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
  172. </p>
  173. <p>
  174. <nav class="right">
  175. <a href="index.html"><img src="assets/img/home.jpg"></a>
  176. </nav>
  177. </p>
  178. <p>Copyright &copy; 2021, 20, Girish M <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img
  179. alt="Creative Commons License" style="border-width:0" src="assets/img/cc.png" /></a><br />This work is licensed
  180. under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons
  181. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  182. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/CraftWithFreeWill.html">here</a>
  183. </p>
  184. </footer>
  185. </article>
  186. </body>
  187. </html>