Source for abhinavsarkar.net
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 3.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <section>
  2. <h1>Hi there!</h1>
  3. <p>I am Abhinav Sarkar. I'm a software engineer currently living in Bangalore, India. When not making software, I read books, play drums, take photos and ride my bike.</p>
  4. <p>While you're here, you can read <a href="#recent-posts">my blog posts</a>, <a href="#notes">my notes</a>, learn about <a href="/about/">me and this website</a>, or look at <a href="/projects/">my projects</a>, the <a href="/readings/">books</a> I've read, the <a href="/photos/">photos</a> I've taken, and the recent <a href="/activities/">activities</a> I've done.</p>
  5. </section>
  6. <hr>
  7. <a href="https://notes.abhinavsarkar.net/feed.atom" class="feed-icon" style="margin-top: 0.7em;">
  8. $partial("templates/feed-icon.svg")$
  9. </a>
  10. $notes$
  11. <p>See more notes <a href="/notes/">here</a>.</p>
  12. <hr>
  13. <a href="/feed.atom" class="feed-icon" style="margin-top: 0.7em;">
  14. $partial("templates/feed-icon.svg")$
  15. </a>
  16. <h1 id="recent-posts">Recent Posts</h1>
  17. <div id="home-posts">
  18. $for(posts)$
  19. <article class="post h-entry">
  20. <header>
  21. <h2 class="p-name"><a href="$url$" class="u-url u-uid">$title$</a></h2>
  22. </header>
  23. <ul class="headers">
  24. <li class="header post-publish-date">
  25. <svg class="assist-icon" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
  26. <path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z" />
  27. </svg>
  28. <span itemprop="datePublished" content="$date_num$">
  29. <time class="dt-published" datetime="$date_num$">$date$</time>
  30. </span>
  31. </li>
  32. <li class="header post-ert">
  33. <svg class="assist-icon" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
  34. <path d="M4 0c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 1c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm-.5 1v2.22l.16.13.5.5.34.38.72-.72-.38-.34-.34-.34v-1.81h-1z" />
  35. </svg>
  36. A $post_ert$ read
  37. </li>
  38. <li class="header post-comments">
  39. <svg class="assist-icon" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
  40. <path d="M.09 0c-.06 0-.09.04-.09.09v5.81c0 .05.04.09.09.09h5.91l2 2v-7.91c0-.06-.04-.09-.09-.09h-7.81z" />
  41. </svg>
  42. <a href="$url$#comment-container">$comment_count$ comments</a>
  43. </li>
  44. </ul>
  45. <ul class="headers">
  46. <li class="header post-tags">
  47. $if(tags)$
  48. <svg class="assist-icon tags" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
  49. <path d="M0 0v2l3 3 1.5-1.5.5-.5-2-2-1-1h-2zm3.41 0l3 3-1.19 1.22.78.78 2-2-3-3h-1.59zm-1.91 1c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5z" transform="translate(0 1)" />
  50. </svg>
  51. Tags: <span class="p-category">$tags$</span>
  52. $endif$
  53. </li>
  54. </ul>
  55. <section class="body p-summary">
  56. $if(teaser)$
  57. $teaser$
  58. $else$
  59. $body$
  60. $endif$
  61. </section>
  62. <a href="$url$" aria-label="Read more about $title$">Read more
  63. <svg class="assist-icon arrow-right" xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8">
  64. <path d="M5 0v2h-5v2h5v2l3-3.03-3-2.97z" transform="translate(0 1)" />
  65. </svg>
  66. </a>
  67. </article>
  68. <hr>
  69. $endfor$
  70. </div>
  71. <p>Visit the <a href="/archive/">archive</a> for $more_posts$.</p>
  72. <hr>
  73. <section class="photos">
  74. <table>
  75. <tr>
  76. $for(photoCols)$
  77. <td class="photocol">
  78. $for(photos)$
  79. <a href="/photos/#$hash$" class="img-link">
  80. <div class="ratio-box" style="padding-bottom: $padding$%">
  81. <picture class="photo">
  82. <source srcset="/$large$" media="(min-width: 960px)">
  83. <source srcset="/$medium$" media="(min-width: 640px)">
  84. <img src="/$small$" alt="">
  85. </picture>
  86. </div>
  87. </a>
  88. $endfor$
  89. </td>
  90. $endfor$
  91. </tr>
  92. </table>
  93. </section>
  94. <div class="subscription-msg">
  95. <h3>Like the posts? Subscribe below to get future posts by email.</h3>
  96. $partial("templates/subscription.html")$
  97. </div>