writing.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388
  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. Intensify by TEMPLATED
  15. templated.co @templatedco
  16. Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
  17. -->
  18. <!DOCTYPE HTML>
  19. <html lang="en">
  20. <head>
  21. <title>Girish's writings</title>
  22. <meta charset="utf-8" />
  23. <meta name="viewport" content="width=device-width, initial-scale=1" />
  24. <link rel="stylesheet" href="assets/css/main.css" />
  25. <style type="text/css">
  26. #altLinks li{
  27. display: inline;
  28. }
  29. ul#simpleQuote{
  30. list-style-type: none;
  31. }
  32. ul#simpleQuote li{
  33. font-family: 'Parisienne', cursive;
  34. font-size: 30px;
  35. width: 65%;
  36. }
  37. #container{
  38. margin: 150px auto;
  39. max-width: 960px;
  40. }
  41. #author{
  42. font-family: 'Parisienne', cursive;
  43. font-size: 21px;
  44. right: 0px;
  45. }
  46. .footer {
  47. font-family: 'Ribeye Marrow' , cursive;
  48. font-size: 18px;
  49. margin-left : 12%;
  50. margin-top: 26%;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <!-- -->
  56. <!-- Header -->
  57. <header id="header">
  58. <nav class="right">
  59. <label for="dark-theme-checkbox" id="dark-theme-checkbox-label">Dark Mode</label>
  60. <input type="checkbox" id="dark-theme-checkbox">
  61. <a href="index.html"><img src="assets/img/home.jpg"></a>
  62. </nav>
  63. <nav class="left">
  64. <a href="#menu"><span>Menu</span></a>
  65. </nav>
  66. <a href="writing.html" class="logo">Girish's leisurely blog</a>
  67. </header>
  68. <!-- Menu -->
  69. <nav id="menu">
  70. <ul class="links">
  71. <li><a href="index.html">Home</a></li>
  72. <li><a href="services.html">Services</a></li>
  73. <li><a href="project.html">Projects</a></li>
  74. <li><a href="workExperience.html">Experience</a></li>
  75. <li><a href="education.html">Education</a></li>
  76. <li><a href="writing.html">Blog</a></li>
  77. <li><a href="books.html">Book library</a></li>
  78. <li><a href="photo.html">Photos</a></li>
  79. <!-- <li><a href="shop.html">Shop</a></li> -->
  80. <!-- <li><a href="contact.html">Contact</a></li> -->
  81. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  82. <li><a href="subscribe.html">Contact</a></li>
  83. </ul>
  84. </nav>
  85. <!-- Three -->
  86. <section id="one" class="wrapper">
  87. <div class="inner flex flex-3">
  88. <div class="flex-item box">
  89. <div class="image fit">
  90. <a href="CanComputerThink.html">
  91. <img src="assets/img/Turing_Test.png" alt=""/>
  92. </a>
  93. </div>
  94. <div class="content">
  95. <h3><a href="CanComputerThink.html">Can computers think?</a></h3>
  96. </div>
  97. </div>
  98. <div class="flex-item box">
  99. <div class="image fit">
  100. <a href="RevivingOlMachina.html">
  101. <img src="assets/img/reviveDesktop.jpeg" alt=""/>
  102. </a>
  103. </div>
  104. <div class="content">
  105. <h3><a href="RevivingOlMachina.html">Reviving an ol' machina</a></h3>
  106. </div>
  107. </div>
  108. <div class="flex-item box">
  109. <div class="image fit">
  110. <a href="MyComputer.html">
  111. <img src="assets/img/workspace.jpg" alt=""/>
  112. </a>
  113. </div>
  114. <div class="content">
  115. <h3><a href="MyComputer.html">My computer</a></h3>
  116. </div>
  117. </div>
  118. <div class="flex-item box">
  119. <div class="image fit">
  120. <a href="telltaleOfTypewriter.html">
  121. <img src="assets/img/typewriter.jpg" alt=""/>
  122. </a>
  123. </div>
  124. <div class="content">
  125. <h3><a href="telltaleOfTypewriter.html">Telltale of a typewriter</a></h3>
  126. </div>
  127. </div>
  128. <div class="flex-item box">
  129. <div class="image fit">
  130. <a href="AffairWithCPP.html">
  131. <img src="assets/img/cpp.png" alt="C++"/>
  132. </a>
  133. </div>
  134. <div class="content">
  135. <h3><a href="AffairWithCPP.html">An Affair with C++</a></h3>
  136. </div>
  137. </div>
  138. <div class="flex-item box">
  139. <div class="image fit">
  140. <a href="CritiqueOfCPP.html">
  141. <img src="assets/img/cpp.png" alt="C++"/>
  142. </a>
  143. </div>
  144. <div class="content">
  145. <h3><a href="CritiqueOfCPP.html">A Critique of C++</a></h3>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="inner flex flex-3">
  150. <div class="flex-item box">
  151. <div class="image fit">
  152. <a href="EvaluateSoftwareLib.html">
  153. <img src="assets/img/pst_evaluation.jpeg" alt=""/>
  154. </a>
  155. </div>
  156. <div class="content">
  157. <h3><a href="EvaluateSoftwareLib.html">How to evaluate a software library?</a></h3>
  158. </div>
  159. </div>
  160. <div class="flex-item box">
  161. <div class="image fit">
  162. <a href="freeOrNotFree.html">
  163. <img src="assets/img/gplv3-or-later.png" alt=""/>
  164. </a>
  165. </div>
  166. <div class="content">
  167. <h3><a href="freeOrNotFree.html">Free or Proprietary?</a></h3>
  168. </div>
  169. </div>
  170. <div class="flex-item box">
  171. <div class="image fit">
  172. <a href="freeSoftware.html">
  173. <img src="assets/img/stallman.medium.png" alt=""/>
  174. </a>
  175. </div>
  176. <div class="content">
  177. <h3><a href="freeSoftware.html">Do users control the software they use?</a></h3>
  178. </div>
  179. </div>
  180. <div class="flex-item box">
  181. <div class="image fit">
  182. <a href="FreeSoftwareJourney.html">
  183. <img src="assets/img/stallman.medium.png" alt=""/>
  184. </a>
  185. </div>
  186. <div class="content">
  187. <h3><a href="FreeSoftwareJourney.html">My Free Software Journey (work in progress...)</a></h3>
  188. </div>
  189. </div>
  190. <div class="flex-item box">
  191. <div class="image fit">
  192. <a href="WithoutFB.html">
  193. <img src="assets/img/fb.png" alt="Facebook, now Meta"/>
  194. </a>
  195. </div>
  196. <div class="content">
  197. <h3><a href="WithoutFB.html">Forever without Facebook</a></h3>
  198. </div>
  199. </div>
  200. <div class="flex-item box">
  201. <div class="image fit">
  202. <a href="GiveUpApple.html">
  203. <img src="assets/img/gnome-purism-librem-5.jpeg" alt=""/>
  204. </a>
  205. </div>
  206. <div class="content">
  207. <h3><a href="GiveUpApple.html">Why you should give up Apple products and try these?</a></h3>
  208. </div>
  209. </div>
  210. </div>
  211. </section>
  212. <section id="two" class="wrapper">
  213. <div id="container">
  214. <ul id="simpleQuote">
  215. <li id="display"></li>
  216. <li author="Arthur Schopenhauer">
  217. A man can be himself only so long as he is alone; and if he does not love solitude, he will not love freedom; for it is only when he is alone that he is really free.
  218. </li>
  219. <li author="Mark Twain">
  220. It ain't what you don't know that gets you into trouble, it's what you know for sure but just ain't so.
  221. </li>
  222. <li author="Arthur Schopenhauer">
  223. Man can do what he wills but cannot will what he wills.
  224. </li>
  225. <li author="Friedrich Nietzsche">
  226. There are no facts, only interpretations.
  227. </li>
  228. <li author="Noam Chomsky">
  229. Rational discussion is useful only when there is a significant base of shared assumptions.
  230. </li>
  231. <li author="Edward Snowden">
  232. Arguing that you don't care about privacy because you have nothing to hide is no different than saying you don't care about free speech because you have nothing to say.
  233. </li>
  234. </ul>
  235. </div>
  236. </section>
  237. <section id="three" class="wrapper">
  238. <div class="inner flex flex-3">
  239. <div class="flex-item box">
  240. <div class="image fit">
  241. <a href="CraftWithFreeWill.html">
  242. <img src="assets/img/craftWithFreeWill.jpeg" alt=""/>
  243. </a>
  244. </div>
  245. <div class="content">
  246. <h3><a href="CraftWithFreeWill.html">Craft with free will</a></h3>
  247. </div>
  248. </div>
  249. <div class="flex-item box">
  250. <div class="image fit">
  251. <a href="ExistentialExperience.html">
  252. <img src="assets/img/abstract.jpeg" alt=""/>
  253. </a>
  254. </div>
  255. <div class="content">
  256. <h3><a href="ExistentialExperience.html">Existential experience</a></h3>
  257. </div>
  258. </div>
  259. <div class="flex-item box">
  260. <div class="image fit">
  261. <a href="LostInThoughts.html">
  262. <img src="assets/img/lostInThoughts.jpeg" alt=""/>
  263. </a>
  264. </div>
  265. <div class="content">
  266. <h3><a href="LostInThoughts.html">Lost in thoughts</a></h3>
  267. </div>
  268. </div>
  269. </div>
  270. <div class="inner flex flex-3">
  271. <div class="flex-item box">
  272. <div class="image fit">
  273. <a href="BlissfulBeing.html">
  274. <img src="assets/img/BlisfulBay.jpeg" alt=""/>
  275. </a>
  276. </div>
  277. <div class="content">
  278. <h3><a href="BlissfulBeing.html">Blissful being</a></h3>
  279. </div>
  280. </div>
  281. <div class="flex-item box">
  282. <div class="image fit">
  283. <a href="ThatMagicMoment.html">
  284. <img src="assets/img/Enigma.jpeg" alt=""/>
  285. </a>
  286. </div>
  287. <div class="content">
  288. <h3><a href="ThatMagicMoment.html">That magic moment</a></h3>
  289. </div>
  290. </div>
  291. <div class="flex-item box">
  292. <div class="image fit">
  293. <a href="DayWellSpent.html">
  294. <img src="assets/img/donneBiriyani.jpeg" alt=""/>
  295. </a>
  296. </div>
  297. <div class="content">
  298. <h3><a href="DayWellSpent.html">A day well spent?</a></h3>
  299. </div>
  300. </div>
  301. </div>
  302. </section>
  303. <!-- Footer -->
  304. <footer id="footer">
  305. <ul class="actions">
  306. <li><a href="index.html">Home</a></li>
  307. <li ><a href="services.html">Services</a></li>
  308. <li><a href="project.html">Projects</a></li>
  309. <li><a href="writing.html">Blog</a></li>
  310. <li><a href="books.html">Book library</a></li>
  311. <li><a href="photo.html">Photos</a></li>
  312. <!-- <li><a href="shop.html">Shop</a></li> -->
  313. <li><a href="workExperience.html">Experience</a></li>
  314. <li><a href="education.html">Education</a></li>
  315. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  316. <li><a href="subscribe.html">Contact</a></li>
  317. </ul>
  318. <div class="inner">
  319. <h2>Get In Touch</h2>
  320. <ul class="actions">
  321. <li><span class="icon fa-envelope"></span> <a href="#">girishm at posteo dot net</a></li>
  322. <li><a href="girishmInfo.asc">GPG key</a></li>
  323. </ul>
  324. </div>
  325. <noscript>
  326. <h3>For those who are afraid of non-free JavaScript</h3>
  327. <div class="inner flex flex-3 row 6u 12u$(small)">
  328. <ul id="altLinks">
  329. <li><a href="index.html">Home</a></li>
  330. <li><a href="services.html">Services</a></li>
  331. <li><a href="project.html">Projects</a></li>
  332. <li><a href="workExperience.html">Experience</a></li>
  333. <li><a href="education.html">Education</a></li>
  334. <li><a href="writing.html">Blog</a></li>
  335. <li><a href="books.html">Book library</a></li>
  336. <li><a href="photo.html">Photos</a></li>
  337. <!-- <li><a href="shop.html">Shop</a></li> -->
  338. <!--<li><a href="contact.html">Contact</a></li>-->
  339. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  340. <li><a href="subscribe.html">Contact</a></li>
  341. </ul>
  342. </div>
  343. </noscript>
  344. <div class="copyright">
  345. <p>Copyright &copy; 2019 to present, Girish M, <img alt="Creative Commons License" style="border-width:0"
  346. src="assets/img/cc.png" />
  347. <br />
  348. This work is licensed under a <a rel="license"
  349. href="http://creativecommons.org/licenses/by/4.0/">Creative
  350. Commons
  351. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  352. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/writing.html">here</a>
  353. </p>
  354. &copy; Untitled. Design <a href="https://templated.co">TEMPLATED</a>. Images <a
  355. href="https://unsplash.com">Unsplash</a>.
  356. </div>
  357. <a href="javascript.html" rel="jslicense">JavaScript license information</a>
  358. </footer>
  359. <!-- Scripts -->
  360. <script src="assets/js/jquery.min.js"></script>
  361. <script src="assets/js/jquery.scrolly.min.js"></script>
  362. <script src="assets/js/jquery.simpleQuote.js"></script>
  363. <script src="assets/js/skel.min.js"></script>
  364. <script src="assets/js/util.js"></script>
  365. <script src="assets/js/main.js"></script>
  366. <script type="text/javascript">
  367. // Simple Quote
  368. $("#simpleQuote").simpleQuote( {speed: 9000}, { includeAuthor: true });
  369. </script>
  370. </body>
  371. </html>