Skip to content

Commit c5ae1e8

Browse files
MuLx10MuLx10
committed
Android
1 parent 3e08e10 commit c5ae1e8

File tree

4 files changed

+297
-187
lines changed

4 files changed

+297
-187
lines changed

‎android.html

Lines changed: 17 additions & 184 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,11 @@
66
<title>Mehul Kumar Nirala</title>
77
<meta charset="utf-8">
88
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9-
<link rel="shortcut icon" href="https://img.icons8.com/color/48/000000/hearts.png" type="image/x-icon" />
9+
<link rel="shortcut icon" href="https://img.icons8.com/plasticine/100/000000/android-os.png" type="image/x-icon" />
1010

1111
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
1212
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Indie+Flower'>
13-
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'>
13+
<link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
1414
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
1515
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
1616

@@ -38,27 +38,31 @@ <h2>Mehul Kumar Nirala</h2>
3838
</div>
3939
<div class="second">
4040
<div class="fixed-content">
41-
<h1>About Me</h1>
42-
<p>4th year undergraduate in the Department of Computer Science and Engineering pursuing Bachelor of Technology at Indian Institute of Technology Kharagpur. My interests primarily lie in the areas of Deep Learning in Computer Vision.</p>
41+
<h1>Android Projects</h1>
42+
<p>I use platforms like React-Native, Ionic, Flutter etc. to build android apps.</p>
4343
</div>
4444
</div>
4545

4646
<section class="colorlib-about" data-section="about">
4747
<div class="container">
48-
<div class="row">
48+
<div class="row justify-content-md-center">
4949
<script type="text/javascript">
50-
var domains = ["Software Development", "Web Designing", "Android Applications", "Machine Learning"];
51-
var icons = ["desktop", "code", "android", "user"];
52-
var urls = ["web_projects/index.html", "web_projects/index.html", "web_projects/index.html", "web_projects/index.html"];
50+
var domains = ["React Native", "Ionic", "Flutter"];
51+
var icons = ["https://img.icons8.com/nolan/128/react-native.png",
52+
"https://img.icons8.com/ios-filled/125/000000/ionic.png",
53+
"https://img.icons8.com/color/128/000000/flutter.png"];
54+
var urls = ["react-native-apps", "ionic-apps", "flutter-apps"];
5355
var ids = [3, 4, 2, 1];
5456
for (let i = 0; i < domains.length; i++) {
55-
var dir = (ids[i] % 2 == 0) ? "Right" : "Left";
57+
var dir = (ids[i] % 2 == 0) ? "Right" : "Left";dir='';
5658
document.write(
57-
'<div class="col-sm-3 animate-box" data-animate-effect="fadeIn' + dir + '">\
58-
<a href="' + urls[i] + '" >\
59+
'<div class="col-sm-2 animate-box" data-animate-effect="fadeInLeft' + dir + '">\
60+
<a href="https://github.com/MuLx10/' + urls[i] + '" >\
5961
<div class="services color-' + ids[i] + '">\
60-
<span class="icon2"><i class="fa fa-' + icons[i] + '"></i></span>\
61-
<h3>' + domains[i] + '</h3>\
62+
<span>\
63+
<img src="' + icons[i] + '"/>\
64+
</span>\
65+
<h3 style="text-align:center;">' + domains[i] + '</h3>\
6266
</div>\
6367
</a>\
6468
</div>'
@@ -69,177 +73,6 @@ <h3>' + domains[i] + '</h3>\
6973
</div>
7074
</section>
7175

72-
<br>
73-
<br>
74-
75-
<section class="colorlib-skills" data-section="skills">
76-
<div class="colorlib-narrow-content">
77-
<div class="row">
78-
<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
79-
<h2>Skills</h2>
80-
<hr>
81-
</div>
82-
</div>
83-
<p class="animate-box" data-animate-effect="fadeInLeft">Some of the significant aptitudes which will assist me with achieving your objectives.</p>
84-
<div class="container">
85-
<div class="row">
86-
<script type="text/javascript">
87-
var skills = ["C/C++(STL)", "Python(Flask)", "React.js", "Javascript", "Java/Android", "MySQL/MongoDB", "GitHub/Git", "Robot Operating System(ROS)"];
88-
var value = [80, 85, 70, 80, 60, 60, 90, 60];
89-
for (let i = 0; i < skills.length; i++) {
90-
var dir = (i % 2 == 0) ? "Right" : "Left";
91-
document.write(
92-
'<div class="col-md-6 animate-box" data-animate-effect="fadeIn' + dir + '">\
93-
<div class="progress-wrap">\
94-
<h3>' + skills[i] + '</h3>\
95-
<div class="progress">\
96-
<div class="progress-bar color-' + (i + 1) + '" role="progressbar" aria-valuenow="' + value[i] + '" aria-valuemin="0" aria-valuemax="100" style="width:' + value[i] + '%">\
97-
<span>' + value[i] + '%</span>\
98-
</div>\
99-
</div>\
100-
</div>\
101-
</div>');
102-
}
103-
</script>
104-
</div>
105-
</div>
106-
</section>
107-
108-
<br>
109-
<br>
110-
111-
<section class="colorlib-experience" data-section="experience">
112-
<div class="colorlib-narrow-content">
113-
<div class="row">
114-
<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
115-
<h2>Work Experience</h2>
116-
<hr>
117-
</div>
118-
</div>
119-
<div class="container">
120-
<div class="row">
121-
<div class="col-md-12">
122-
<div class="timeline-centered">
123-
<script type="text/javascript">
124-
var timeSpan = ["Jun2019 - July 2019", "May 2017 - Present", "May 2019 - August 2019"];
125-
var AT = ["University of Warwick", "Kharagpur Robosoccer Student's Group", "Google Summer of Code<br>Mlpack: a fast, flexible machine learning library"];
126-
var internType = ["Research Intern", "Artificial Intelligence Team", "Open Source Contributor"];
127-
var descriptions = ["Developing Explainable Artificial Intelligence for Safety Arguments for Autonomous Vehicles",
128-
"The research objective is to develop and study cooperative multi-agent systems in highly dynamic adversarial environments.",
129-
"Contributed in ANN algorithms such as VGG19, LSTM sentiment ananlysis, Time Series Predictions in C++. Also added support for processing of image dataset."
130-
];
131-
var iclass = ["user", "code", "globe"];
132-
var color = [5, 1, 2];
133-
for (let i = 0; i < AT.length; i++) {
134-
var dir = (i % 2 == 0) ? "Right" : "Left";
135-
document.write(
136-
'<article class="timeline-entry animate-box" data-animate-effect="fadeIn' + dir + '">\
137-
<div class="timeline-entry-inner">\
138-
<div class="timeline-icon color-' + color[i] + '">\
139-
<i class="fa fa-' + iclass[i] + '"></i>\
140-
</div>\
141-
<div class="timeline-label">\
142-
<h2><a href="#">' + AT[i] + '</a> <span>' + timeSpan[i] + '</span></h2>\
143-
<p><strong><a href="#">' + internType[i] + '</a></strong>\
144-
<br> ' + descriptions[i] + '</p>\
145-
<p></p>\
146-
</div>\
147-
</div>\
148-
</article>');
149-
}
150-
</script>
151-
<article class="timeline-entry begin animate-box" data-animate-effect="fadeInBottom">
152-
<div class="timeline-entry-inner">
153-
<div class="timeline-icon color-3">
154-
</div>
155-
</div>
156-
</article>
157-
</div>
158-
</div>
159-
</div>
160-
</div>
161-
<div>
162-
</section>
163-
164-
<section class="colorlib-project" data-section="project">
165-
<div class="colorlib-narrow-content">
166-
<div class="row">
167-
<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
168-
<h2>Projects & Publications</h2>
169-
<hr>
170-
</div>
171-
</div>
172-
<div class="container">
173-
<div class="row">
174-
<script type="text/javascript">
175-
var domains = ["Hybrid Path Planner for Efficient Navigation in Urban Road Networks through Analysis of TrajectoryTraces",
176-
"LSTMs with Attention for Aggression Detection",
177-
"Application of Artificial Intelligence to predict moisture damage of hot mix asphalt mixes",
178-
"Potential and Sampling Based RRT Star for Real-Time Dynamic Motion Planning Accounting for Momentum in Cost Function"
179-
];
180-
var ppDomains = ["This paper proposes an innovative way of finding a route, given the traffic conditions of every edge present in the map.",
181-
"In this paper, we describe the system submitted for the shared task on Aggression Identification in Facebook posts and comments",
182-
"Guided by Prof.Sudeshna Sarkar, Head of the Department, Computer Science and Engineering, IIT Kharagpur. The Paper got acceptedin Proceedings of the Institution of Civil Engineers journal Transport",
183-
"The paper revises the cost function to incorporate the dynamics of the obstacles in the environment. Not only the path generated is significantly different but also it is much more optimal and rigid to breakdowns and features faster replanning."
184-
];
185-
var urls = ["https://www.computer.org/csdl/proceedings-article/icpr/2018/08546101/17D45WrVg6x",
186-
"https://arxiv.org/abs/1807.06151",
187-
"https://www.icevirtuallibrary.com/doi/abs/10.1680/jtran.18.00083",
188-
"https://link.springer.com/chapter/10.1007%2F978-3-030-04239-4_19"
189-
];
190-
var icons = ["map", "language", "road", "compass"];
191-
var mulx10 = Array.from(Array(domains.length).keys());
192-
for (let i = 0; i < domains.length; i++) {
193-
var dir = (ids[i] % 2 == 0) ? "Right" : "Left";
194-
document.write(
195-
'<div class="col-md-12 animate-box" data-animate-effect="fadeIn' + dir + '">\
196-
<a href="' + urls[i] + '" >\
197-
<div class="services color-' + (mulx10[i] + 1) + '">\
198-
<span class="icon2"><i class="fa fa-' + icons[mulx10[i]] + '"></i></span>\
199-
<h3>' + domains[i] + '</h3>\
200-
<p>' + ppDomains[i] + '</p>\
201-
</div>\
202-
</a>\
203-
</div>'
204-
);
205-
}
206-
</script>
207-
</div>
208-
</div>
209-
</div>
210-
</section>
211-
212-
<section class="colorlib-carousel" data-section="carousel">
213-
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
214-
<ol class="carousel-indicators">
215-
<script type="text/javascript">
216-
var numCarousel = 4;
217-
for (let i = 0; i < numCarousel; i++)
218-
document.write(
219-
'<li data-target="#carouselExampleIndicators" data-slide-to="' + i + '"' + (i == 0 ? ' class="active"' : '') + '></li>'
220-
);
221-
</script>
222-
</ol>
223-
<div class="carousel-inner text-center" style="max-height:600px;">
224-
<script type="text/javascript">
225-
for (let i = 0; i < numCarousel; i++)
226-
document.write(
227-
'<div class="carousel-item ' + (i == 0 ? 'active' : '') + '">\
228-
<img class="w-30" src="img/img' + (i + 1) + '.jpg" alt="Slide' + (i + 1) + '">\
229-
</div>');
230-
</script>
231-
</div>
232-
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
233-
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
234-
<span class="sr-only">Previous</span>
235-
</a>
236-
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
237-
<span class="carousel-control-next-icon" aria-hidden="true"></span>
238-
<span class="sr-only">Next</span>
239-
</a>
240-
</div>
241-
</section>
242-
24376
<div class="footer">
24477
<div class="second">
24578
<div class="fixed-content">

‎css/web_projects.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ a {
3535
}
3636

3737
.card.color-1{
38-
border-bottom: 2px solid #a84cb8;
38+
border-bottom: 2px solid #2fa499;
3939
}
4040
.card.color-2{
4141
border-bottom: 2px solid #4054b2;
@@ -50,7 +50,7 @@ a {
5050
border-bottom: 2px solid #f9bf3f;
5151
}
5252
.card.color-6{
53-
border-bottom: 2px solid #2fa499;
53+
border-bottom: 2px solid #a84cb8;
5454
}
5555

5656
.card:focus, .card:hover {

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ <h1>About Me</h1>
4949
<script type="text/javascript">
5050
var domains = ["Software Development", "Web Designing", "Android Applications", "Machine Learning"];
5151
var icons = ["desktop", "code", "android", "user"];
52-
var urls = ["web.html", "web_projects/index.html", "web_projects/index.html", "web_projects/index.html"];
52+
var urls = ["swe.html", "web.html", "android.html", "ml.html"];
5353
var ids = [3, 4, 2, 1];
5454
for (let i = 0; i < domains.length; i++) {
5555
var dir = (ids[i] % 2 == 0) ? "Right" : "Left";

0 commit comments

Comments
 (0)