-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAakash Blogs.html
229 lines (178 loc) · 9.79 KB
/
Aakash 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- web-fonts -->
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet">
<!-- font-awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Style CSS -->
<link href="css/style.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<style>
* {
box-sizing: border-box;
}
/* Add a gray background color with some padding */
body {
font-family: Arial;
padding: 20px;
background: #f1f1f1;
}
/* Header/Blog Title */
.header {
padding: 30px;
font-size: 40px;
text-align: center;
background: white;
}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
float: left;
width: 75%;
}
/* Right column */
.rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}
/* Fake image */
.fakeimg {
background-color: #aaa;
width: 100%;
padding: 20px;
}
/* Add a card effect for articles */
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
}
}
</style>
</head>
<body>
<div class="header">
<h2>Aakash's Blog</h2>
<img style="width:40%;height:auto;position:relative;" src="img/octocat.png" />
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>A new JSON-NOSQL Database on a Static Webpage</h2>
<h5>November 3, 2018</h5>
<div class="mongoimg" style="height:200px;">
<img src="img/m-lab and mongodb.png" alt="Snow" style="width:50%;height:auto;">
</div>
<div class="container" style="height:200px;">
<div class="centered"></div>
</div>
<p><b>Getting a MongoDB type database on a static webpage that too in your HTML page. Well, How cool is that? Here's a thought....</p></b>
<p>MongoDB is a NoSQL database which unlike the traditional RDBMS databases stores data in JSON file format<br />
whereas RDBMS databases stores data in tabular form. So, instead of actually pushing the data into the database<br />
be it a NoSQL or RDBMS database, if the website or the webpage isin't a dyanmic one but static then one beautiful thing can be done.</p>
<p>WHICH IS: How about creating the JSON file ourselves and integrating it inside our static webpage and suppose if we need to find some<br />
data out of that information onlythen we can perform a traverse, search and extract operation on the JSON data. This will be very cool thing to try on.</p>
<p>Another thing I would like you all to try on is call an api and use m-lab on the above setup and see what happens or could be done. I bet it is cooler
than you think it is. <br /><br />Bye!!!!@aakash</p>
</div>
<div class="card">
<h2>Blind Man see it all</h2>
<h5>November 10, 2018</h5>
<p>
<br />Few years back no one would have imagined that there might come a time when blind people would also be able to see. Not seeing through actual eyes,
but using the technology they will be able to know what exactly is happening in the world around them which till a couple of years back a science
fiction that has been converted into reality by Mr. Saqib Shaikh. <br />
Sqib Shaikh who is a Microsoft developer, developed an Artificial Intelligence based eye-glass which is just like any other glass people wear but is a boon.<br />
<br />
Let's know how and what it is.<br /><br />
Saqib Shaikh has developed a device which is capable of scanning everything in its surrounding and says it loud. Like it can detect people's emotion by the<br />
look on their face or can tell if a girl is jumping off a skateboard or read you out the heading or the content of the menu of a very famous restraunt.<br />
The most amazing thing is <br /><h2><b>SAQIB SHAIKH THE CREATOR OF THIS WONDERFUL TECHNOLOGY IS HIMSELF BLIND.</b></h2><br /><br />
Wait, what? Yes he is blind and then he created this amazing technology. So a true inspiration he is.<br /><br />
This is the video featuring him, have a look.<br /><br />So, have a nice time till we meet again. <br /><br />Cheers<br />Aakash
</p>
<div class="col-lg-5 col-xl-5 pb-3">
<Featured image>
<div class="overlay hm-white-slight rounded z-depth-2">
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/vuJXqUE85so" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<a>
<div class="mask"></div>
</a>
<h2>Saqib Shaikh: Microsoft Developer</h2>
<p><br />Saqib Shaikh is a software developer of microsoft and has developed artificial intelligence app for blind people.</p>
<h6>Note: This video was posted on youtube by Science Today and not by me. I am merely using it to tell the world about him.</h6>
</div>
</div>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="fakeimg"><img src="img/Screenshot_20180608-132807.png" style="width:200px;"></div>
<p>
I am a tech lover with a little sense of life different from rest others which I wish to present before the world hoping it
might help someone someday. Well....we all can do some good for the other without expecting anything in return eh!! But no worries,
I shall also keep this updated with the latest tech findings or something new coming
</p>
</div>
<div class="card">
<h3>Follow Me On: </h3>
<p><a href="https://www.linkedin.com/in/aakash-baranwal/" target="_blank">Linkedln</a></p>
<p><a href="https://baakash1998.github.io/" target="_blank">Website</a></p>
</div>
<div class="card">
<h3>Contact me:</h3>
<div class="feedback-form">
</div>
<button type="submit" class="btn btn-primary"><a href="mailto:[email protected]"><font color="black">Send me a message</font></button>
</form>
</div>
</div>
</div>
<!--div class="footer">
<img src="img/aakash.jpg" style="width:100%;height:auto">Aakash's Blog
</div-->
<!-- begin wwww.htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">Widget</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="//www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0" />
<script type="text/javascript" id="hcb">/*<!--*/ if (!window.hcb_user) { hcb_user = {}; } (function () { var s = document.createElement("script"), l = hcb_user.PAGE || ("" + window.location).replace(/'/g, "%27"), h = "//www.htmlcommentbox.com"; s.setAttribute("type", "text/javascript"); s.setAttribute("src", h + "/jread?page=" + encodeURIComponent(l).replace("+", "%2B") + "&mod=%241%24wq1rdBcg%24wS9R2B5KzeUd2nym%2FbGVI%2F" + "&opts=16862&num=10&ts=1541444798463"); if (typeof s != "undefined") document.getElementsByTagName("head")[0].appendChild(s); })(); /*-->*/</script>
<!-- end www.htmlcommentbox.com -->
<div class="copyright-section">
<div class="copytext">
© Aakash Baranwal. All rights reserved
<a href="">Keep Moving Forward</a>
</div>
</div>
<!-- .copyright-section -->
</body>
</html>