-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogs.html
252 lines (237 loc) · 9.08 KB
/
blogs.html
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
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>blogs | Karthikraju</title>
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
/>
</head>
<body>
<section class="section ow">
<nav class="navigation container container-center">
<div class="nav-header">
<div class="nav-brand">KARTHIK RAJU</div>
<button id="nav-toggle" class="hamburger">
<i class="fa fa-bars"></i>
</button>
</div>
<ul class="list-no-bullet nav-pills list-no-bullet-r">
<li class="list-item-inline list-r">
<a class="link link-r" href="/">home</a>
</li>
<li class="list-item-inline list-r">
<a class="link link-r" href="projects.html">projects</a>
</li>
<li class="list-item-inline list-r">
<a class="link link-active link-r" href="blogs.html">blogs</a>
</li>
</ul>
</nav>
</section>
<header class="hero">
<img class="hero-img" src="images/blogs.svg" alt="" />
<h1 class="hero-heading">
my<span class="heading-intensified"> blogs</span>
</h1>
</header>
<section class="section">
<div class="container container-center">
<h1>
My First Open-Source Contribution: A Beginner's Experience
</h1>
<p>
If you are here, I know that you are either trying to make your first contribution or you just need the motivation to overcome the fear of contributing to open-source...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://www.showwcase.com/show/19103/my-first-open-source-contribution-a-beginners-experience"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>
How to go off track and get back
</h1>
<p>
I have got to say that I am not proud of my productivity this week. The major reason for that was me getting a new laptop...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.substack.com/p/how-to-go-off-track-and-get-back?s=w"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>
How I got over my imposter syndrome
</h1>
<p>
I saw this tweet a few months ago and I have been cautious around posting anything on the internet ever since...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.substack.com/p/how-i-got-over-my-imposter-syndrome?s=w"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>
My first newsletter!
</h1>
<p>
Hi, I am Karthik. I have thought about it and also procrastinated a lot before writing this. Anyway, now that I am actually here writing, you might as well read it...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.substack.com/p/first-post?s=w"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>
Why you might want to consider using Microsoft Edge as your
default browser
</h1>
<p>
Browsers are a big part of not just developers but everyone.
Don't know about something? Google it. Fighting over some fact?
Google it. Having a good …
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/why-you-might-want-to-consider-using-microsoft-edge-as-your-default-browser"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>Getting started with Svelte</h1>
<p>
When it comes to web development, JavaScript is the most used
language, and it's fair because learning JavaScript will help you
with the front-end and…
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/getting-started-with-svelte"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>Hoisting in Javascript</h1>
<p>
Learning javascript is more or less being confused about what you
just learned. To get over this, I decided to write a blog about
what I just learned, which is...you guessed it! Hoisting in
javascript. In this series, we understand hoisting…
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/hoisting-in-javascript"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>Difference between the 'let' and 'var' keywords</h1>
<p>
If you have read the first blog in this series about hoisting,
you would know what hoisting, declaration, and initialization
are. Knowing them will help understand this blog, so, if you
haven't read the first part, please do read it, it's j…
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/difference-between-the-let-and-var-keywords"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>Responsive Web Design</h1>
<p>
When I started to learn to make websites with HTML and CSS, I was
concentrating just on the desktop view. When it was time to make
the website responsive, things would get really messy...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/responsive-web-design"
>Continue reading</a
>
</div>
</section>
<section class="section">
<div class="container container-center">
<h1>How I started being productive</h1>
<p>
I was always a productivity freak but I was never being
productive. I used to download apps like...
</p>
<a
target="_blank"
class="link link-secondary container-center"
href="https://karthikraju.hashnode.dev/how-i-started-being-productive"
>Continue reading</a
>
</div>
</section>
<footer class="footer">
<div class="footer-header">Internet presence</div>
<ul class="social-links list-no-bullet">
<li class="list-item-inline">
<a
class="link"
target="_blank"
href="https://github.com/KarthikRaju391"
>github</a
>
</li>
<li class="list-item-inline">
<a
class="link"
target="_blank"
href="https://twitter.com/karthikraju391"
>twitter</a
>
</li>
<li class="list-item-inline">
<a
class="link"
target="_blank"
href="https://www.linkedin.com/in/karthik-s-raju/"
>linkedin</a
>
</li>
</ul>
</footer>
<script src="app.js"></script>
</body>
</html>