DayWellSpent.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  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>A day well spent?</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">A day well spent?</h1>
  88. </header>
  89. <section data-field="subtitle" class="p-summary">
  90. I wake up one morning reminiscing about the place my friend talked of the other day. This cafe in a tech park
  91. where one would relish…
  92. </section>
  93. <section data-field="body" class="e-content">
  94. <section name="b505" 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="9cfb" id="9cfb" class="graf graf--h3 graf--leading graf--title">A day well spent?</h3>
  101. <p name="197d" id="197d" class="graf graf--p graf-after--h3 graf--trailing">I wake up one morning
  102. reminiscing about the place my friend talked of the other day. This cafe in a tech park where one would
  103. relish working remotely. Most importantly, it was close to where I stay and beats the suffering from
  104. traffic. So, I got dressed up, packed my bag with laptop, charger, headphone, USB cable (to charge my
  105. phone’s battery if it dies) and a bottle of potable water. My mother was generous enough to cook me a
  106. delicious breakfast with Idli and Saambar (one that only mothers know how to make). After the relishing on
  107. this stable and filling food, I take out my car to head for this place in the hope of getting some work
  108. done.</p>
  109. </div>
  110. </div>
  111. </section>
  112. <section name="4f9f" 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="5a43" id="5a43" class="graf graf--p graf--leading">After a fifteen minute drive through the
  119. dilapidated roads and frenzy, I reach the gates to be greeted by the security guard who asked me for my ID
  120. card. When I showed my driving license, I realized that he was asking for something different. Lowered my
  121. window glass and said that I had to go to a cafe inside (recollecting from my friend’s experience). For
  122. which he agreed and let me pass. Parked my car in the visitor parking area and started climbing a hill to
  123. reach the top where the cafe was located. To give you some perspective — this cafe is located in a tech
  124. park which is built on an encroached lake. The lake is non-existent, however the depths of it are still
  125. felt. Finally, after a bit of physical exercise I reach this cafe with it’s neon lights reflecting on the
  126. glass panes of the building. Took a while to settle in as there were no power plug points to charge my
  127. laptop. After finding one, I started checking my mail as usual only to realize that the internet bandwidth
  128. on my phone was snail paced. I could probably go to the loo and come back by the time the webpage could
  129. load. All this effort in vain. Without network there was no way I could work. Saddened, I reach out of the
  130. building to get some fresh air only to be struck by the sight of a food truck serving Chicken Biriyani. I
  131. said to myself, “At least, you could eat something you liked and head back home.” I checked the time on my
  132. phone to realize that it was barely noon. I somehow had to stall for some time to get the next quota of
  133. meal that my body deserves.</p>
  134. <p name="beab" id="beab" class="graf graf--p graf-after--p">So, now instead of getting work done at the
  135. cafe, I had to pass time for the lunch. How productive of me! I started looking at people nearby walking
  136. from the cafeteria to their offices all dressed in a formal attire to impress their bosses and clients.
  137. Most of them seemed obese and in their mid twenties or thirties. Obesity is clearly an outcome of their
  138. sedentary lifestyle. I wondered, if I were one among them what horrors I might have to go through. A bit
  139. of this and a bit of that, I am quite the time killer as one imagination paces to another, I see that it’s
  140. noon. Hurray! It’s lunch time (tad early today).</p>
  141. <p name="00f6" id="00f6" class="graf graf--p graf-after--p graf--trailing">Now, there’s only one objective
  142. to complete and of course the most easy and desired one. I check the prices and find that it was modest
  143. considering the quantity they had been giving to others. Before that — I had to check other’s so as to be
  144. clear on how it looked and ascertain the number of chicken portions in it. Quite satisfied with my
  145. observations, I head to the food truck and ask for it. The server (not the internet one) took a leaved
  146. bowl (called <em class="markup--em markup--p-em">Donne</em>) and filled it with the spicy rice first.
  147. Then, he filled it with few pieces of chicken, half sliced boiled egg and then some onions and lemon.
  148. Quite a craft. “He’s doing more productive work than me”, I said to myself. There’s only one thing left
  149. now and that any one can do — binge. I lost sense of time as I started eating. It was finished in no time.
  150. I felt contentment and walked towards the lounge to sit for sometime, to allow myself to relax for a while
  151. before I could head back home.</p>
  152. </div>
  153. </div>
  154. </section>
  155. <section name="d611" class="section section--body section--last">
  156. <div class="section-divider">
  157. <hr class="section-divider">
  158. </div>
  159. <div class="section-content">
  160. <div class="section-inner sectionLayout--insetColumn">
  161. <p name="ebfb" id="ebfb" class="graf graf--p graf--leading">This is how one does nothing and yet feel
  162. entitled for a meal which happens to be a fundamental craving of one’s body and mind.</p>
  163. <div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 525px;">
  164. <div class="aspectRatioPlaceholder-fill" style="padding-bottom: 75%;"></div><img class="graf-image"
  165. data-image-id="1*0fWa7uTL0QtONw8QWyCnrg.jpeg" data-width="1600" data-height="1200"
  166. data-is-featured="true" src="assets/img/donneBiriyani.jpeg">
  167. </div>
  168. <figcaption class="imageCaption">Gastronomical tumults. Photo borrowed from <a
  169. href="https://www.palatesdesire.com/donne-biryani/?spref=pi"
  170. data-href="https://www.palatesdesire.com/donne-biryani/?spref=pi"
  171. class="markup--anchor markup--figure-anchor" rel="nofollow noopener"
  172. target="_blank">palatesdesire.com</a></figcaption>
  173. </div>
  174. </div>
  175. </section>
  176. </section>
  177. <footer>
  178. <!-- <p>-->
  179. <!-- <h3>Want me to write more?</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. <p class="author">Author: Girish</p>
  207. <p class="date">Created: 2021-04-05</p>
  208. <nav class="right">
  209. <a href="ThatMagicMoment.html"><img src="assets/img/previous.jpg" alt="Previous"></a>
  210. <a href="index.html"><img src="assets/img/home.jpg"></a>
  211. </nav>
  212. <p>Copyright &copy; 2019 to present, Girish M <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img
  213. alt="Creative Commons License" style="border-width:0" src="assets/img/cc.png" /></a><br />This work is licensed
  214. under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons
  215. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  216. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/DayWellSpent.html">here</a>
  217. </p>
  218. </footer>
  219. </article>
  220. </body>
  221. </html>