athityakumar.github.io/blogpost.html at master · athityakumar/athityakumar.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html>
  <head>
    <!-- Standard Meta -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="shortcut icon" type="image/jpeg" href="assets/images/logo.png" />
    <!-- Site Properities -->
    <meta name="generator" content="DocPad v6.78.4" />
    <title> Athitya Kumar </title>
    <meta name="description" content="This is the personal website of Athitya Kumar, hosted on GitHub." />
    <meta name="keywords" content="athitya,kumar,iit,iitkgp,developer,coder,programmer,mechanical,engineering,chess,carnatic,vocalist,tv,series,blog" />
    <link rel="stylesheet" type="text/css" class="ui" href="assets/dist/semantic.css">
  </head>
  <body id="example" class="index" ontouchstart="">
    <!-- laptop display -->
    <div class="following bar">
      <div class="ui container">
        <div class="ui large inverted secondary network menu">
          <div class="item">
            <div class="ui logo shape">
              <div class="sides">
                <div class="active ui side">
                  <a href="github.com/athityakumar" target="_blank"> @athityakumar </a>
                </div>
              </div>
            </div>
          </div>
          <div class="right menu">
            <div class="item" style="color: white;">
              &nbsp;

              <div class="ui breadcrumb">
                <div class="post_search">
                  <div class="ui fluid search">
                    <div class="ui icon input">
                      <input class="prompt" type="text" placeholder="Search posts.">
                      <i class="search icon"></i>
                    </div>
                    <div class="results"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!--       <div class="grid">
      <div class="four wide column">              <a href="github.com/athityakumar" target="_blank"> @athityakumar </a>
</div>
      <div class="twelve wide column"><div class="my fluid">
       <div class="ui fluid search">
        <div class="ui icon input fluid">
          <input class="prompt" type="text" placeholder="Search countries...">
          <i class="search icon"></i>
        </div>
        <div class="results"></div>
      </div></div>
      </div></div> -->
        </div>
      </div>
    </div>
  </div>
  <!-- Mobile display -->
  <div class="ui fixed inverted main menu">
    <div class="ui container">
      <div class="item" style="color: white;">
        &nbsp;

        <div class="ui breadcrumb">
          <a href="../index.html" class="section" style="color: white;">@athityakumar</a>
        </div>
      </div>
      <div class="right item" style="color: white;">
        &nbsp;

        <div class="ui breadcrumb">
          <!--   <a href="../index.html" class="section">Checkout my Blog</a>
 -->
          <div class="post_search">
            <div class="ui right aligned search">
              <div class="ui icon input">
                <input class="prompt" type="text" placeholder="Search posts.">
                <i class="search icon"></i>
              </div>
              <div class="results"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="pusher">
  <div class="full height">
    <div class="zoomed masthead segment">
      <div class="ui container">
        <div class="introduction">
          <h1 class="ui inverted header">
            <span class="tagline">
              Blog Post Title

        </span>
          </h1>
          <h4 class="tagline">  You're here : <a>Homepage</a> > <a>Blog</a> >  <a>Blog Post</a>
          </h4>
          <div class="ui hidden divider"></div>
          <div class="ui hidden divider"></div>
          <a href="#go" class="ui labeled primary icon button">
            <i class="angle double down large icon"></i> &nbsp; Read this post
      </a>
          <!-- <a href="resume.html" class="ui labeled primary icon button">
        <i class="file pdf outline large icon"></i> View Resume
      </a> -->
        </div>
      </div>
    </div>
    <div id="go" class="ui vertical stripe intro segment">
      <div class="ui stackable very relaxed grid container">
        <div class="row">
          <div class="sixteen wide column center aligned">
            <div class="ui hidden divider"></div>
            <h2 class="ui title"> BLOG POST TITLE VERY LARGE</h2>
            <p class="ui description">Posted on 28th Nov, 2031 at 6:42 PM by The Vibe.</p>
            <p> <a class="ui tag label">New</a>
              <a class="ui red tag label">Upcoming</a>
              <a class="ui teal tag label">Featured</a></p>
            <!-- <img class="ui fluid image" src="images/devices.png">
        <h1 class="ui header">Design Beautiful Websites Quicker</h1>
        <p>Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.</p>
       --></div>
        </div>
      </div>
      <div class="stackable very relaxed ui grid container fakeload">
        <div class='row'>
          <div class='sixteen wide column center aligned'>
            <div class='ui hidden divider'></div>
            <h2 class='ui title'> BLOG POST TITLE VERY LARGE</h2>
            <p class='ui description'>Posted on 28th Nov, 2031 at 6:42 PM by The Vibe.</p>
            <p> <a class='ui tag label'>New</a>
              <a class='ui red tag label'>Upcoming</a>
              <a class='ui teal tag label'>Featured</a></p>
            <!-- <img class='ui fluid image' src='images/devices.png'>
        <h1 class='ui header'>Design Beautiful Websites Quicker</h1>
        <p>Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.</p>
       --></div>
        </div>
      </div>
      <div class='stackable very relaxed ui grid container fakeload'>
        <div class='row'>
          <div class='sixteen wide column'>
            <p><span style='    display:block;    float:left; font-size: 200%;  color:#ffffff; margin-top:5px; margin-right:8px; padding: 20px 20px 20px 20px; text-align:center; background-color: #000;'>
              A
            </span>
            nother way to create an &ldquo;illustrated letter&rdquo; is to add an image in the background of the first letter.Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in <del> relation </del> to the text. I have also added a padding-top to place the letter in relation to the image. Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in relation to the text. I have also added a padding-top to place the letter in relation to the image. Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in relation to the text. I have also added a padding-top to place the letter in relation to the image.
            <br><br>
            nother way to create an &ldquo;illustrated letter&rdquo; is to add an image in the background of the first letter.Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in <del> relation </del> to the text. I have also added a padding-top to place the letter in relation to the image. Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in relation to the text. I have also added a padding-top to place the letter in relation to the image. Again, you&rsquo;ll need to use your eyes. Pay attention to the spacing around the letter &mdash; both inside and outside the block. Here I&rsquo;ve added a margin-top to place the image in relation to the text. I have also added a padding-top to place the letter in relation to the image.
            </p>
          </div>
        </div>
      </div>
      <div class="ui stackable very relaxed grid container">
        <div class="row">
          <div class="sixteen wide column center aligned">
            <a href="#go" class="ui labeled primary icon left floated button">
              <i class="angle double left large icon"></i> &nbsp; Previous post
      </a>
            <a href="#go" class="ui right labeled primary icon right floated button">
              Next post &nbsp; <i class="angle double right large icon"></i>
            </a>
            <!-- <img class="ui fluid image" src="images/devices.png">
        <h1 class="ui header">Design Beautiful Websites Quicker</h1>
        <p>Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.</p>
       --></div>
        </div>
      </div>
      <div class="ui stackable very relaxed grid container">
        <div class="row">
          <div class="sixteen wide column center aligned">
            <div id="disqus_thread"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="ui black inverted vertical footer segment">
    <div class="ui center aligned container">
      <div class="ui stackable inverted grid">
        <div class="sixteen wide right floated column">
          <h4 class="ui inverted teal header">Built by @athityakumar.</h4>
        </div>
      </div>
    </div>
  </div>
</div>
<a href="#" class="scrollToTop"><span class="ui primary icon button"><b><i class="angle double up large icon"></i></b></span></a>
<script>
  window.less = {
          async        : true,
          environment  : 'production',
          fileAsync    : false,
          onReady      : false,
          useFileCache : true
  };
  var post_content = [
{ url: "http://github.com",  post_title: 'The Covariance Confusion' },
{ url: "http://github.com",  post_title: 'Hello World' },
{ url: "http://github.com",  post_title: 'A man has no name' },
{ url: "http://github.com",  post_title: 'Kharagpur Winter of Code 2016' }
];

var tag_content = [
{ url: "http://github.com",  tag_title: 'AUV', color: 'red' },
{ url: "http://github.com",  tag_title: 'Metakgp', color: 'black' },
{ url: "http://github.com",  tag_title: 'Series', color: 'teal' },
{ url: "http://github.com",  tag_title: 'Ruby', color: 'green' }
];
</script>
<script src="assets/javascript/library/jquery.min.js"></script>
<script src="assets/javascript/library/highlight.min.js"></script>
<script src="assets/javascript/library/easing.min.js"></script>
<script src="assets/dist/semantic.min.js"></script>
<script src="assets/javascript/docs.js"></script>
<script src="assets/javascript/typing.min.js"></script>
<script src="assets/javascript/home.js"></script>
<script src="assets/javascript/library/less.min.js"></script>
<script src="assets/javascript/visibility.js"></script>
<script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"></script>
<script src="assets/javascript/custom.js"></script><script>
  /**
    *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
    *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/

    var disqus_config = function () {
    this.page.url = "http://athityakumar.github.io/blogdisqus/post1.html";  // Replace PAGE_URL with your page's canonical URL variable
    this.page.identifier = "1"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable */
    };

    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://athityakumar-github-io.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
</script>
</body>
</html>