Skip to content

C
cs251_group11
Commit 1a13971d authored by PRANAY AGRAWAL's avatar PRANAY AGRAWAL
Browse files
Options

lab2

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1391 additions and 0 deletions
lab2/inlab/aboutme.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1">
<li id="linav"><a href="home.html">Group</a></li>
<li id="linav"><a href="contact.html">Contact</a></li>
<li id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a href="interests.html">Interests</a></li>
<li id="linav"><a class="active" href="aboutme.html">About Me</a></li>
<li id="linav"><a href="kartik.html">Home</a></li>
</ul>
<h2>
Hi! I am a Second Year Undergraduate in Department of Computer Science and Engineering, Indian Institute of technology Bombay.
<br>
I hail from Jaipur, the Pink City.
</h2>
<center>
<iframe src="https://www.youtube.com/embed/PjP9r-HU4fk" height="450" width="700" style="border:4px solid grey";>
</iframe>
</center>
</body>
</html>
\ No newline at end of file
lab2/inlab/contact.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1">
<li id="linav"><a href="home.html">Group</a></li>
<li class="active" id="linav"><a href="contact.html">Contact</a></li>
<li id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a href="interests.html">Interests</a></li>
<li id="linav"><a href="aboutme.html">About Me</a></li>
<li id="linav"><a href="kartik.html">Home</a></li>
</ul>
<h2>
You can find me at:
</h2>
<h3>
Room 183
<br>
Hostel 5
<br>
IIT Bombay
<br>
<br>
<h4>Link to Some Social Networking Profiles:</h4>
<table>
<tr><td id="tab"><a href="https://www.facebook.com/kartiks025">Facebook</a> </tr></td>
<tr><td id="tab"><a href="https://plus.google.com/u/0/+KartikSinghal025/posts">Google +</a> </tr></td>
</table>
</h3>
</body>
<h1>
&#x0915&#x093E&#x0930&#x094D&#x0924&#x093F&#x0915
</h1>
</html>
\ No newline at end of file
lab2/inlab/home.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1">
<li id="linav"><a class="active" href="home.html">Group</a></li>
<li id="linav"><a href="contact.html">Contact</a></li>
<li id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a href="interests.html">Interests</a></li>
<li id="linav"><a href="aboutme.html">About Me</a></li>
<li id="linav"><a href="kartik.html">Home</a></li>
</ul>
<h1>
Group 11- !nfinity
</h1>
<table align="center">
<tr>
<td>
<a href="home.html">
<img src="kartik.jpg" alt="Kartik's Photo" height="300" width="300">
</a>
<br>
Kartik Singhal
<br>
150050025
</td>
<td>
<a href="#pranay">
<img src="pranay.jpg" alt="Pranay's Photo" height="300" width="300">
</a>
<br>
Pranay Agrawal
<br>
150050026
</td>
<td>
<a href="#nilesh">
<img src="nilesh.jpg" alt="Nilesh's Photo" height="300" width="250">
</a>
<br>
Nilesh Gupta
<br>
150050059
</td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
lab2/inlab/index.css 0 → 100644
View file @ 1a13971d
#ul1 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #093145;
}
#int
{
display:inline-block;
padding:15px;
float: center;
}
#linav {
float: right;
}
li a {
font-size:150%;
display: block;
color: #BCA136;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
a:hover:not(.active) {
background-color: #3C6478;
}
.active {
background-color:#EBC944;
color: #3C6478
}
h1{
text-align:center;
}
h2{
text-align:center;
}
h3{
text-align:center;
}
td
{
text-align:center;
font-size:200%;
}
#tab
{
text-align:center;
font-size:100%;
}
ol
{
text-align:center;
}
a
{
text-align:center;
}
lab2/inlab/interests.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<!-- Copyright (c) 2012-2015 The MathJax Consortium -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full"></script>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1">
<li id="linav"><a href="group.html">Group</a></li>
<li id="linav"><a href="contact.html">Contact</a></li>
<li id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a class="active" href="interests.html">Interests</a></li>
<li id="linav"><a href="aboutme.html">About Me</a></li>
<li id="linav"><a href="home.html">Home</a></li>
</ul>
<h2>
My Interests are-
</h2>
<ul>
<li>Playing Badminton</li>
<li>Playing Cricket</li>
<li>Reading Novels</li>
<li>Competitive Coding</li>
</ul>
<br>
<h2>
Lagrange's Theorem
</h2>
<p>
Let `f:[a,b]-> RR` be a continuous function, differentiable on the open interval `(a,b)`. Then there exists some `c in (a,b)` such that `f'(c)=(f(b)-f(a)) / (b-a)`.
</p>
</body>
</html>
\ No newline at end of file
lab2/inlab/kartik.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1" >
<li id="linav"><a href="home.html">Group</a></li>
<li id="linav"><a href="contact.html">Contact</a></li>
<li id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a href="interests.html">Interests</a></li>
<li id="linav"><a href="aboutme.html">About Me</a></li>
<li id="linav"><a class="active" href="kartik.html">Home</a></li>
</ul>
<h1>
Hi! I am Kartik Singhal.
</h1>
<h2>
You have landed on my homepage.
</h2>
<center>
<img src="kartik.jpg" alt="Kartik's Photo" height="300" width="300" >
</center>
</body>
</body>
</html>
\ No newline at end of file
lab2/inlab/readme.txt 0 → 100644
View file @ 1a13971d
Group 11 - !nfinity
(Kartik Singhal, 150050025) (Pranay Agrawal, 150050026) (Nilesh Gupta, 150050059)
Student 1: 100%
Student 2: 100%
Student 3: 100%
Student 1: I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Student 2: I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Student 3: I pledge that i will NOT use any source which is unauthorized, violate copyrights of the source and without giving proper credits to owner of the source for all my assignments.
Citations:
http://www.w3schools.com/
https://www.mathjax.org/
http://www.w3schools.com/css/css_navbar.asp
http://www.unicode.org/
lab2/inlab/timetable.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>
Group 11- !nfinity
</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<ul id="ul1">
<li id="linav"><a href="home.html">Group</a></li>
<li id="linav"><a href="contact.html">Contact</a></li>
<li class="active" id="linav"><a href="timetable.html">Timetable</a></li>
<li id="linav"><a href="interests.html">Interests</a></li>
<li id="linav"><a href="aboutme.html">About Me</a></li>
<li id="linav"><a href="kartik.html">Home</a></li>
</ul>
<table border="1">
<tr>
<td></td>
<td>8.30-9.25</td>
<td>9.30-10.25</td>
<td>10.35-11.30</td>
<td>11.35-12.30</td>
<td> </td>
<td>2-3.25</td>
<td>3.30-5</td>
<td>5.30-7</td>
<td>7-8.25</td>
</tr>
<tr>
<td>MONDAY</td>
<td></td>
<td></td>
<td>CS207</td>
<td>EE101</td>
<td> </td>
<td>CS215</td>
<td>CS213</td>
<td>CS207 TUT</td>
<td></td>
</tr>
<tr>
<td>TUESDAY</td>
<td>EE101</td>
<td></td>
<td></td>
<td>CS207</td>
<td></td>
<td></td>
<td>CS251 TUT</td>
<td>CS251</td>
<td>CS251</td>
</tr>
<tr>
<td>WEDNESDAY</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>THURSDAY</td>
<td>CS207</td>
<td>EE101</td>
<td></td>
<td></td>
<td></td>
<td>CS215</td>
<td>CS213</td>
<td></td>
<td></td>
</tr>
<tr>
<td>FRIDAY</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>CS293</td>
<td>CS293</td>
<td>EE101 TUT</td>
<td></td>
</tr>
</tr>
</table>
</body>
</html>
\ No newline at end of file
lab2/outlab/cs251.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>CS251</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="cssfiles/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<script type="text/javascript" src="jsfiles/parallexJS.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&effect=neon|3d-float">
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans|Oswald" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="cssfiles/accordion.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full"></script>
<style>
img {
}
.parallel-container{
height: 400px;
}
.card-panel{
background-color: #E25345;
height: 120px;
padding: 0px;
}
body,h2{font-family: "Oswald", serif}
</style>
</head>
<body>
<div style="background-image: url(images/skulls.png); ">
<div class="row center-align">
<div class="col s12 offset-s2">
<div class="card-panel z-depth-3">
<div class="col s2 offset-s1" style="padding-top: 0px; ">
<img src="images/giphy.gif" alt="" class="circle responsive-img" style="height: 180px; width: 180px ">
</div>
<div class="col s10" style="padding-top: 0px;">
<span style="letter-spacing:14px;font-size:72px;text-shadow: 8px 8px 8px #C1483D;"><span class="center-align">GROUP 11 - !NFINITY</span></span>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<h2>3rd FLOOR NEW CSE BUILDING PLAN</h2>
<div class="container row center-align section">
<div class="col s12">
<div class="card hoverable">
<div class="card red lighten-1 s12">
<div class="s2 center-align">
<a href = "#"><img src="images/floor_map.svg" class="responsive-img" height="800px" width = "800px" ></a>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<h2>TIME-TABLE</h2>
<div class="container">
<table class="highlight centered bordered" width="100%" >
<thead>
<tr>
<th></th>
<th>08:30-09:25</th>
<th>09:30-10:25</th>
<th>10:35-11:30</th>
<th>11:35-12:30</th>
<th> </th>
<th>14:00-15:25</th>
<th>15:30-16:55</th>
<th>17:30-18:55</th>
<th>19:00-20:25</th>
</tr>
</thead>
<tbody>
<tr>
<th>MONDAY</th>
<td></td>
<td></td>
<td>CS207</td>
<td>EE101</td>
<td> </td>
<td>CS215</td>
<td>CS213</td>
<td>CS207 TUT</td>
<td></td>
</tr>
<tr>
<th>TUESDAY</th>
<td>EE101</td>
<td></td>
<td></td>
<td>CS207</td>
<td></td>
<td></td>
<td>CS251 TUT</td>
<td>CS251</td>
<td>CS251</td>
</tr>
<tr>
<th>WEDNESDAY</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>THURSDAY</th>
<td>CS207</td>
<td>EE101</td>
<td></td>
<td></td>
<td></td>
<td>CS215</td>
<td>CS213</td>
<td></td>
<td></td>
</tr>
<tr>
<th>FRIDAY</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>CS293</td>
<td>CS293</td>
<td>EE101 TUT</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="divider"></div>
<h2>Pokemons</h2>
<hr>
<button class="accordion">
Pikachu
</button>
<div class="info" >
<ul>
<li>Type : Electric</li>
<li>Attacks : electric bolt, iron tail , electro ball, quick attack </li>
<li>Final Evolved Form : Raichu</li>
</ul>
</div>
<button class="accordion">
Bulbasaur
</button>
<div class="info">
<ul>
<li>Type : Grass, Poison</li>
<li>Attacks : vine whip, sleep powder, leaf storm, poison powder </li>
<li>Final Evolved Form : Ivysaur</li>
</ul>
</div>
<button class="accordion">
Kadabra
</button>
<div class="info">
<ul>
<li>Type : Psychic</li>
<li>Attacks : teleport,confusion,kinesis,psybeam </li>
<li>Final Evolved Form : Alakazam</li>
</ul>
</div>
<button class="accordion">
Aron
</button>
<div class="info">
<ul>
<li>Type : Steel, Rock</li>
<li>Attacks : headbutt, metal claw, iron defense, metal sound </li>
<li>Final Evolved Form : Lairon</li>
</ul>
</div>
<div class="divider"></div>
<h2>MATHEMATICAL THEOREM</h2>
<div class="container row center-align section">
<div class="col s12">
<div class="card hoverable">
<div class="card red lighten-1 s12">
<div class="s2">
<h4>
Lagrange's Theorem
</h4>
<p style="font-family:'Lato',serif">
Let `f:[a,b]-> RR` be a continuous function, differentiable on the open interval `(a,b)`. Then there exists some `c in (a,b)` such that `f'(c)=(f(b)-f(a)) / (b-a)`.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<h2>FORM</h2>
<div class="container row center-align section">
<script type="text/javascript" src="jsfiles/formValidation.js">alert("hey!")</script>
<form name="myForm" id="myForm" action="https://www.cse.iitb.ac.in/~sharat/php/example/form.php" method="post" >
Name:<br>
<input type="text" id="nameErr" name="text" onfocus="focusFunction1()" onblur="validate1()" >
<div id="nameError"> </div>
<br>
Email:<br>
<input type="text" id="emailErr" name="email" onfocus="focusFunction2()" onblur="validate2()" >
<div id="emailError"> </div>
<br>
Password:<br>
<input type="password" id="passErr" name="pass" onfocus="focusFunction3()" onblur="validate3()" >
<div id="passError"> </div>
<br><br>
<input type ="button" value="Submit" name="button" onclick="validate()"><br>
</form>
</div>
<script type="text/javascript" src="jsfiles/accordion.js"></script>
</div>
</body>
<footer>
<div class="section white">
<div class="row container">
<p class="grey-text text-darken-3 lighten-3"> Team !nfinity
</p>
</div>
</div>
</footer>
<html>
\ No newline at end of file
lab2/outlab/cssfiles/accordion.css 0 → 100644
View file @ 1a13971d
button.accordion
{
display:inline-block;
background-color: #E37222;
font-size: 30px;
color: white;
width:80%;
text-align: left;
padding: 18px;
cursor:pointer;
transition: 0.3s;
outline:none;
}
button.accordion:hover
{
background-color: #66B9BF;
}
button.accordion.active
{
background-color: #07889B;
}
div.info
{
padding:15px;
background-color: #EEAA7B;
display: none;
width: 77.8%;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
div.info.show
{
display: block;
}
button.accordion:after {
content: '\02C5'; /* Unicode character for "plus" sign (+) */
font-size: 30px;
color: white;
float: right;
margin-left: 5px;
}
button.accordion.active:after {
content: "\02C4"; /* Unicode character for "minus" sign (-) */
}
h1
{
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
\ No newline at end of file
lab2/outlab/cssfiles/index.css 0 → 100644
View file @ 1a13971d
#ul1 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #000000;
position: fixed;
top: 0;
width: 100%;
}
#int
{
display:inline-block;
padding:15px;
float: center;
}
#linav {
float: right;
}
li a {
font-size:120%;
display: block;
color: #FFFFFF;
text-align: center;
padding: 14px 16px;
text-decoration: none;
letter-spacing: 4px;
transition-timing-function: ease-out;
transition-duration: 0.5s;
}
a:hover:not(.active) {
letter-spacing: 8px;
}
.fixed {
position:fixed;
}
.active {
font-size: 150%;
color: #FFFFFF;
background-image:
letter-spacing: 8px;
}
h1{
text-align:center;
}
h2{
text-align:center;
}
h3{
text-align:center;
}
h4{
text-align: left;
}
td
{
text-align:center;
font-size:200%;
}
#tab
{
text-align:center;
font-size:100%;
}
ol
{
text-align:center;
}
a
{
text-align:center;
letter-spacing: 4px;
transition-timing-function: ease-out;
transition-duration: 0.5s;
}
lab2/outlab/home.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>!nfinity</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="cssfiles/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<script type="text/javascript" src="jsfiles/parallexJS.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&effect=neon|3d-float">
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans|Oswald" rel="stylesheet">
<style>
img {
}
.parallel-container{
height: 400px;
}
.card-panel{
background-color: #E25345;
height: 120px;
padding: 0px;
}
body,h2{font-family: "Oswald", serif}
</style>
</head>
<body>
<div class="parallax-container row center-align">
<div class="parallax"><img src="images/045.gif" style="height: 800px;"></div>
<div class="col s12 offset-s2">
<div class="card-panel z-depth-3">
<div class="col s2 offset-s1" style="padding-top: 0px; ">
<img src="images/giphy.gif" alt="" class="circle responsive-img" style="height: 180px; width: 180px ">
</div>
<div class="col s10" style="padding-top: 0px;">
<span style="letter-spacing:14px;font-size:72px;text-shadow: 8px 8px 8px #C1483D;"><span class="center-align">GROUP 11 - !NFINITY</span></span>
</div>
</div>
</div>
</div>
<div class="divider"></div>
<div style="background-image: url(skulls.png); ">
<div class="row s12 section">
<h2 style ="text-align: center">THE TEAM</h2>
</div>
<div class="container row center-align section">
<div class="col s4">
<div class="card hoverable amber lighten-5">
<a href = "index.html"><img src="images/kartikGroup.jpg" class="circle responsive-img"></a>
<span class="card-title">Kartik Singhal</span>
<div class="card-content">
<p>Hi, I am Kartik(150050025) and I am undergraduate sophomore from IIT Bombay and currently pursuing majors in CSE dept.</p>
</div>
</div>
</div>
<div class="col s4">
<div class="card hoverable amber lighten-5">
<a href = "https://www.cse.iitb.ac.in/~pranay/"><img src="images/pranay.jpg" class="circle responsive-img" ></a>
<span class="card-title">Pranay Agrawal</span>
<div class="card-content">
<p>Hi, I am Pranay(150050026) and I am undergraduate sophomore from IIT Bombay and currently pursuing majors in CSE dept.</p>
</div>
</div>
</div>
<div class="col s4">
<div class="card hoverable amber lighten-5">
<div class="s2 center-align">
<a href = "https://www.cse.iitb.ac.in/~nilesh/"><img src="images/nilesh.jpg" class="circle responsive-img" style="height: 240px; "></a>
<span class="card-title">Nilesh Gupta</span>
</div>
<div class="card-content">
<p>Hi, I am Nilesh(150050059) and I am undergraduate sophomore from IIT Bombay and currently pursuing majors in CSE dept.</p>
</div>
</div>
</div>
<div class="col s4">
</div>
</div>
<div class="divider"></div>
<div class="divider"></div>
</body>
<footer>
<div class="section white">
<div class="row container">
<p class="grey-text text-darken-3 lighten-3">Team !nfinity
</p>
</div>
</div>
</footer>
<html>
\ No newline at end of file
lab2/outlab/images/floor_map.svg 0 → 100644
View file @ 1a13971d
This diff is collapsed.
lab2/outlab/index.html 0 → 100644
View file @ 1a13971d
<!DOCTYPE html>
<html>
<head>
<title>Kartik Singhal</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="cssfiles/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>
<script type="text/javascript" src="jsfiles/parallexJS.js"></script>
<script type="text/javascript" src="jsfiles/tooltip.js"></script>
<script type="text/javascript" src="jsfiles/scrollspy.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&effect=neon|3d-float">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans|Oswald" rel="stylesheet">
<style>
ul#menu li {
display:inline;
}
.parallel-container{
height: 400px;
}
.card-panel{
background-color: #ffffcc;
height: 120px;
padding: 0px;
}
.btn-floating{
background-color: #E25345;
}
.cardbg {
background-image: "images/introWall.jpg" no-repeat 0% 0%;
background-size:cover;
}
h2{font-family: "Lato", serif}
</style>
</head>
<body>
<div class="navbar-fixed" ; font-family: 'Oswald',serif">
<nav>
<div class="nav-wrapper z-depth-3" >
<a href="#intro" class="brand-logo" style="padding-left: 10px ">KARTIK SINGHAL</a>
<ul class="right hide-on-med-and-down" style="font-family: 'Oswald', serif " class="font-effect-neon">
<li><a href="#aboutme">ABOUT ME</a></li>
<li><a href="#interests">INTERESTS</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="cs251.html">CS251</a></li>
</ul>
</div>
</nav>
<div class="fixed-action-btn" style="top: 35px; right: 24px;">
<a class="tooltipped btn-floating btn-large" style="background-color: #E25345; " data-delay="5" data-tooltip="Group Page" href="home.html" target="_blank">
<img src="images/giphy.gif" style="height: 60px" class="circle">
</a>
</div>
</div>
</div>
<div id = "intro" class="parallax-container row center-align section scrollspy" >
<div class="parallax" style="opacity: 1 "><img src="images/kartik.jpg" style="height: 800px;"></div>
</div>
<br style="background-image: url(images/skulls.png); "></br>
<div id = "aboutme" class="section scrollspy z-depth-3" style="background-image: url(images/skulls.png); ">
<div class="container row center-align section">
<div class="col s12">
<div class="card hoverable">
<div class="card red lighten-1 s12">
<div class="s2 center-align">
<a href = "index.html"><img src="images/kartikLogo.jpg" class="circle responsive-img" ></a>
<span class="card-title center-align s4" style="font-size: 56px; font-family: 'Oswald',serif">ABOUT ME</span>
</div>
</div>
<div class="card-content left-align amber lighten-5">
<div class="container" style="font-size: 22px">
<p class="row"><br>I'm Kartik Singhal and currently a second year undergraduate at Indian Institute of Technology, Bombay.</br></p>
<p class="row"><br>I'm currently pursuing a major in Computer Science.</br></p>
<p class="row"><br>I hail from Jaipur (The Pink City).</br></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container row center-align section">
<div class="parallax"><img src="images/kartik-1.jpg" style="height: 800px;"></div>
</div>
<div id = "interests" class="section scrollspy z-depth-3" style="background-image: url(images/skulls.png);">
<div class="container row center-align section">
<div class="col s12">
<div class="card hoverable">
<div class="card red lighten-1 s12">
<div class="s2 center-align">
<a href = ""><img src="images/giphy-1.gif" class="circle responsive-img" style="height: 200px" ></a>
<span class="card-title center-align s4" style="font-size: 56px; font-family: 'Oswald',serif">INTERESTS</span>
</div>
</div>
<div class="card-content amber lighten-5">
<div class= "left-align container">
<h4 style="font-family: 'Oswald',serif "><br>There are lots of things which interests me but to list a few are - </br></h4>
<div style="font-size: 22px">
<ul>
<li>Coding</li>
<li>Web Designing</li>
<li>Trekking</li>
<li>Travelling and exploring places</li>
<li>Playing Badminton</li>
<li>Listening to Music</li>
</ul>
</div>
<div class="center-align">
<h4 style="font-family: 'Oswald',serif "><br>This is my favourite inspirational video</br></h4>
<iframe src="https://www.youtube.com/embed/jImQqejgqNU" height="400px" width="610px"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container row center-align section">
<div class="parallax"><img src="images/kartik-2.jpg" style="height: 800px;"></div>
</div>
<div class="divider"></div>
</body>
<footer id = "contact" class="page-footer red lighten-1 z-depth-3 section scrollspy">
<div class="">
<div class="row" >
<div class="col s1" style="padding-left: 50px; font-family: 'Oswald',serif ">
<img src="images/kartikFooter.jpg" style="height: 150px " class="circle">
</div>
<div class="col s5">
<h3 class="black-text " style="padding-right: 50px">KARTIK SINGHAL</h3>
<h3 class="black-text " style="padding-right: 50px">&#x0915&#x093E&#x0930&#x094D&#x0924&#x093F&#x0915 &#x0938&#x093F&#x0902&#x0918&#x0932</h3>
</div>
<div class="col s6">
<h5 class="white-text center-align">These links might help you if you want to get in touch with me</h5>
<div class="divider"></div>
<ul class = "right" id = "menu" style="padding-right: 110px ">
<li>
<a class="tooltipped col s2" data-position="bottom" data-delay="5" data-tooltip="GitHub" href="https://www.github.com/karts025" target="_blank">
<img src="images/github.png">
</a>
<a class="tooltipped col s2" data-position="bottom" data-delay="5" data-tooltip="Facebook" href="https://www.facebook.com/kartiks025" target="_blank">
<img src="images/fb.png">
</a>
<a class="tooltipped col s2" data-position="bottom" data-delay="5" data-tooltip="kartiks025@gmail.com" href="mailto:kartiks025@gmail.com" target="_blank">
<img src="images/gmail.png">
</a>
<a class="tooltipped col s2" data-position="bottom" data-delay="5" data-tooltip="+91-8058025008" target="_blank">
<img src="images/phone.png">
</a>
<a class="tooltipped col s2" data-position="bottom" data-delay="5" data-tooltip="183 H-5 IIT Bombay" target="_blank">
<img src="images/home.png">
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Team !nfinity
<div class="grey-text text-lighten-4 right">Built with MaterializeCSS</div>
</div>
</div>
</footer>
<html>
\ No newline at end of file
lab2/outlab/jsfiles/accordion.js 0 → 100644
View file @ 1a13971d
var accordions = document.getElementsByClassName("accordion");
for(var i=0;i<accordions.length;i++)
{
accordions[i].onclick=function()
{
if(this.classList.contains("active"))
{
this.classList.toggle("active",false);
this.nextElementSibling.classList.toggle("show",false);
}
else
{
close();
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}
}
function close()
{
for(var i=0;i<accordions.length;i++)
{
accordions[i].classList.toggle("active",false);
accordions[i].nextElementSibling.classList.toggle("show",false);
}
}
\ No newline at end of file
lab2/outlab/jsfiles/formValidation.js 0 → 100644
View file @ 1a13971d
var x1=false;
var x2=false;
var x3=false;
//var y=false;
function notAllAlphabets(str)
{
for(var i=0;i<str.length;i++)
{
if((str.charCodeAt(i)<97 || str.charCodeAt(i)>122)
&&(str.charCodeAt(i)<65 || str.charCodeAt(i)>90))
return true;
}
return false;
}
var count1=0;
var count2=0;
var count3=0;
function checkThis()
{
if(count1 !=0)
validate1();
if(count2!=0)
validate2();
if(count3!=0)
validate3();
}
function focusFunction1()
{
checkThis();
document.getElementById("nameError").innerHTML="";
count1++;
}
function focusFunction2()
{
checkThis();
document.getElementById("emailError").innerHTML="";
count2++;
}
function focusFunction3()
{
checkThis();
document.getElementById("passError").innerHTML="";
count3++;
}
function validate1()
{
var name=document.forms["myForm"]["text"].value;
var nameLength=name.length;
if(nameLength == 0)
{
document.getElementById("nameError").innerHTML="You can`t leave this empty";
x1=false;
return false;
}
else if(nameLength<6 || nameLength>50)
{
if(nameLength<6)
document.getElementById("nameError").innerHTML="Please enter at least 6 characters";
else if(nameLength>50)
document.getElementById("nameError").innerHTML="Your name exceeds the maximum allowed size";
x1=false;
return false;
}
else
{
x1=true;
document.getElementById("nameError").innerHTML="";
}
}
function validate2()
{
var email=document.forms["myForm"]["email"].value;
var emailLength=email.length;
var posAt=email.indexOf("@");
var localPart=email.slice(0,posAt);
var localPartLength=localPart.length;
var domainPart=email.slice(posAt+1);
var posDot=domainPart.indexOf(".");
var s1=domainPart.slice(0,posDot);
var s2=domainPart.slice(posDot+1);
if(emailLength == 0)
{
document.getElementById("emailError").innerHTML="You can`t leave this empty";
x2=false;
return false;
}
else if(posAt==-1)
{
document.getElementById("emailError").innerHTML="Invalid email address";
x2=false;
return false;
}
else if(localPartLength<=2)
{
document.getElementById("emailError").innerHTML="Local part should be more than 2 characters";
x2=false;
return false;
}
for(var i=0;i<localPartLength; i++)
{
if((localPart.charCodeAt(i)<97 || localPart.charCodeAt(i)>122)
&&(localPart.charCodeAt(i)<65 || localPart.charCodeAt(i)>90)
&&(localPart.charCodeAt(i)<48 || localPart.charCodeAt(i)>57)
&&(localPart.charCodeAt(i)!=46 && localPart.charCodeAt(i)!=95))
{
document.getElementById("emailError").innerHTML="Use only Alpha-Numeric characters";
x2=false;
return false;
}
}
if(posDot==-1)
{
document.getElementById("emailError").innerHTML="Invalid email address";
x2=false;
return false;
}
if(s1.length<=2)
{
document.getElementById("emailError").innerHTML="Invalid email address";
x2=false;
return false;
}
if(notAllAlphabets(s1))
{
document.getElementById("emailError").innerHTML="Domain part should contain only alphabets or periods";
x2=false;
return false;
}
posDot=s2.indexOf(".")
while(posDot!=-1)
{
s1=s2.slice(0,posDot);
s2=s2.slice(posDot+1);
posDot=s2.indexOf(".");
if(s1.length<=1)
{
document.getElementById("emailError").innerHTML="Invalid email address";
x2=false;
return false;
}
if(notAllAlphabets(s1))
{
document.getElementById("emailError").innerHTML="Domain part should contain only alphabets or periods";
x2=false;
return false;
}
}
if(s2.length<=1)
{
document.getElementById("emailError").innerHTML="Invalid email address";
x2=false;
return false;
}
if(notAllAlphabets(s2))
{
document.getElementById("emailError").innerHTML="Domain part should contain only alphabets or periods";
x2=false;
return false;
}
x2=true;
document.getElementById("emailError").innerHTML="";
}
function validate3()
{
var password=document.forms["myForm"]["pass"].value;
var x=password.length;
var posSpecialChar=[password.indexOf("$"), password.indexOf("!"), password.indexOf("@"), password.indexOf("_")];
var b=false;
for(var i=0;i<4;i++)
{
if(posSpecialChar[i]!=-1)
b=true;
}
if(x == 0)
{
document.getElementById("passError").innerHTML="You can`t leave this empty";
x3=false;
return false;
}
else if(x<8 || x>20)
{
document.getElementById("passError").innerHTML="Password should be between 8-20 characters.";
x3=false;
return false;
}
else if(b==false)
{
document.getElementById("passError").innerHTML="Password should contain atleast one special character";
x3=false;
return false;
}
else
{
x3=true;
document.getElementById("passError").innerHTML="";
}
}
function validate()
{
validate1();
validate2();
validate3();
if(x1==true && x2==true && x3==true)
{
check();
}
}
function check()
{
var namecheck=document.getElementById("nameErr").value;
var passwordcheck=document.getElementById("passErr").value;
var namenew=namecheck.replace(/</g,"&lt;");
var namefinal=namenew.replace(/>/g,"&gt;");
var passwordnew=passwordcheck.replace(/</g,"&lt;");
var passwordfinal=passwordnew.replace(/>/g,"&gt;");
document.getElementById("nameErr").value=namefinal;
document.getElementById("passErr").value=passwordfinal;
document.getElementById('myForm').submit();
}
\ No newline at end of file
lab2/outlab/jsfiles/parallexJS.js 0 → 100644
View file @ 1a13971d
$(document).ready(function(){
$('.parallax').parallax();
});
\ No newline at end of file
lab2/outlab/jsfiles/scrollspy.js 0 → 100644
View file @ 1a13971d
$(document).ready(function(){
$('.scrollspy').scrollSpy();
});
\ No newline at end of file
lab2/outlab/jsfiles/tooltip.js 0 → 100644
View file @ 1a13971d
$(document).ready(function(){
$('.tooltipped').tooltip({delay: 50});
});
\ No newline at end of file
lab2/outlab/readme.txt 0 → 100644
View file @ 1a13971d
Group 11 - !nfinity
(Kartik Singhal, 150050025) (Pranay Agrawal, 150050026) (Nilesh Gupta, 150050059)
Student 1: 100%
Student 2: 100%
Student 3: 100%
Student 1: I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Student 2: I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Student 3: I pledge that i will NOT use any source which is unauthorized, violate copyrights of the source and without giving proper credits to owner of the source for all my assignments.
***WE ARE USING ONE LATE DAY***
Citations:
http://www.w3schools.com/
https://www.mathjax.org/
http://www.w3schools.com/css/css_navbar.asp
http://www.unicode.org/
http://www.giphy.com/ //for gif
http://www.gasta.org/ //for gif
http://www.materializecss.com/
http://subtlepatterns.com/ //for background image
http://www.stackoverflow.com/
*Webpages are implemeted in parallax view.
*All images for website are in images folder, css files in cssfiles folder and javascript files in jsfilesfolder.
-Start with page home.html, here you can find link of all the webpages (internal link to webpage of lowest roll number and welonk of cse page of other two) of respective group members over there.
-Then after going to group member's page.You can scroll down to see the contents.
-Click on infinity symbol in top right corner to go back to the group page home.html
-Click on CS251 to go to the project or tasks page(cs251.html)
-Here you can see the floor map of 3rd floor(11%7-1=3) (Task D)
-Then you can see the pokemon information accordion.(accordion.js and accordion.css are respective javascript and css files) (Task C)
-Then you can see the timetable
-Then you can see the formula of Lagrange's Theorem. implemented using mathjax.
-Then you can see the java form validation( formvalidation.js is the javascript file) (Task B)
Bonus Task 1- we have implemented fly form validation as described you can check that.
Bonus Task 2- we have edited 3 files by given name convention they are in folder pdf_bonus.(Used red underline as annotation.)
Link of forms
F1-http://asc.iitb.ac.in/webforms/Forms/Students/HCU/Application%20for%20Guest%20Accomodation%20in%20Hostel.pdf
in form we can fill name of two guests but in sex column there is space for only one what if they are of opposite sex.
F2-http://asc.iitb.ac.in/webforms/Forms/Students/HCU/Application%20for%20Transfer%20of%20Hostels.pdf
in form it is asked to fill the name of general secretary but it is not clear that we have to fill the general secretary of current hostel or the hostel in which we desire to transfer.
*Important mention- 1)http://asc.iitb.ac.in/webforms/Forms/Students/Security/Application%20for%20Student%20I-Card.pdf
in this form for ID only 8 blocks are there but there should be 9 blocks. We can't edit it because it is a scanned file.
2)http://asc.iitb.ac.in/webforms/Forms/FacultyStaff/Security/Application%20for%20Employees%20I-Card.pdf
http://asc.iitb.ac.in/webforms/Forms/FacultyStaff/Security/Application%20for%20Duplicate%20I-Card%20for%20Employee%20and%20Family%20Members.pdf
in the above two links one has 7 blocks for employee ID whereas one has 6 block for employee ID but we weren't sure which is correct so we didn't edit it.
Reflection Essay-
-We learnt html,css and javascript and inscape which are very important for web designing.
-We learnt inkscape which is importart for making images to display and editing pdf files.
-In html we learnt how to make forms, table, buttons.
-In CSS we learnt various aspect of designing a website.
-In javascript we learnt how to write functions, various functionalities of it like onclick,onfocus,onblur.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment