https://abhishekkr.github.io/blog.html

1
2<!doctype html>
3<html>
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="google-site-verification" content="iWcshlylORI02Bkugb3btkCMYolYvH1LhcGaoTKE2RQ" />
9    <meta name="google-adsense-account" content="ca-pub-3196876518619879">
10
11    <meta name="twitter:card" content="summary_large_image">
12    <meta name="twitter:site" content="@abionic">
13    <meta name="twitter:title" content="Abhishek Kumar' Web.log">
14    <meta name="twitter:image" content="/img/abks-blog-card.png">
15
16    <meta name="og:title" content="Abhishek Kumar' Web.log">
17    <meta name="og:image" content="/img/abks-blog-card.png">
18
19    <title>ABK's Blog</title>
20
21    <link href="https://cdn.muicss.com/mui-0.9.41/css/mui.min.css" rel="stylesheet" type="text/css" />
22    <link href="https://cdn.muicss.com/mui-0.9.41/extra/mui-colors.min.css" rel="stylesheet" type="text/css" />
23
24    

24<script src="https://cdn.muicss.com/mui-0.9.41/js/mui.min.js"></script>

24
25    

25<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>

25
26    <style>
27     /* Tutorial CSS goes here */
28      #blogcontent{
29        text-align: left;
30      }
31    </style>
32  </head>
33  <body>
34    <header class="mui-appbar mui--z1 mui--bg-color-blue-grey-400">
35      <div class="mui-container">
36        <table>
37          <tr class="mui--appbar-height">
38            <td class="mui--text-left"><a href="/index.html"><img src="/img/icon-home.svg"/></a></td>
39            <td class="mui--text-title page-title">abhishekkr</td>
40            <td class="mui--text-right">
41              <ul class="mui-list--inline mui--text-body2">
42                <li><a class="mui--color-teal-A100" href="code.html">code</a></li>
43                <li><a class="mui--color-teal-A100" href="uncode.html">not(code)</a></li>
44                <li><a class="mui--color-amber-A100" href="blog.html">blog</a></li>
45                <li><a class="mui--color-teal-A100" href="about.html">about</a></li>
46              </ul>
47            </td>
48          </tr>
49        </table>
50      </div>
51    </header>
52    <div id="content-wrapper" class="mui--text-center">
53      <div class="mui--appbar-height"></div>
54      <br/>
55      <div class="mui-card card-wide xm-shadow">
56        <div class="mui-row">
57          <div class="mui-col-sm-10 mui-col-sm-offset-1">
58            <div class="wip">web.logs</div>
59            <div class="mui-divider"></div>
60            <br/>
61            <div id="blogmenu">
62              <span class="blogbackbtn">
63                <a href="#"
64                  class="button radius small"
65                  onClick="toggleBlogContentToList();"
66                  onkeypress="toggleBlogContentToList();">
67                  back to blog-list
68                </a>
69              <span>
70            </div>
71            <div class="mui--text-dark-secondary mui--text-body2">
72              <div id="bloglist">
73                <template id="bloglistTmpl">
74                  <div class="blogitem">
75                    <article>
76                      <h3>
77                        <a class="blogTitle" href="javascript:void(0)" onClick="openBlog(this);" onkeypress="openBlog(this);"></a>
78                        <span class="blogFile"></span>
79                        <span class="blogURL"></span>
80                      </h3>
81                      <div class="blogDate"></div>
82                      <h4><small class="blogTags"></small></h4>
83                    </article>
84                  </div>
85                </template>
86              </div>
87            </div>
88            <br>
89            <!-- blog goes here -->
90            <div id="blogcontent">
91              <div class="wip" style="text-align: center; font-weight: bolder;">the pen is out of ink, my mug got no swill<br/>listing my blogs here, just sharpening my quill<br/><br/></div>
92            </div>
93            <div class="mui-divider"></div>
94          </div>
95        </div>
96      </div>
97    </div>
98    <footer class="mui--bg-color-blue-grey-200">
99      <div class="mui-container mui--text-center">
100        from <a href="https://twitter.com/abionic">@abionic</a> with ♥ | built using <a href="https://github.com/abhishekkr/datum">datum</a>
101      </div>
102      <link rel="preconnect" href="https://fonts.gstatic.com">
103      <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Nerko+One&family=Pacifico&display=swap" rel="stylesheet">
104    </footer>
105
106    

106<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>

106
107    

107<script src="/js/simpleblog.js"></script>

107
108    

108<script src="/js/bloglist.js"></script>

108
109    <link href="/css/simpleblog.css" rel="stylesheet" type="text/css" />
110    <!-- Google tag (gtag.js) -->

110
111    <script async src="https://www.googletagmanager.com/gtag/js?id=

111G-8SNMP5EQXG

111"></script>
112    

112<script>
113      

113window.dataLayer = window.dataLayer || [];
114      function gtag(){dataLayer.push(arguments);}
115      gtag('js', new Date());
116
117      gtag('config', '

117G-8SNMP5EQXG

117');
118    

118</script>

118
119    

119<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3196876518619879" crossorigin="anonymous"></script>

119
120    

120<script defer src="https://cloud.umami.is/script.js" data-website-id="9ad7f2a6-a9d8-4ad6-9a7f-5abf470607ed"></script>

120
121  </body>
122</html>