Skip to content

L
lab2_group35
Commit 55cd0298 authored by ABHAY SINGH CHAUHAN's avatar ABHAY SINGH CHAUHAN
Browse files
Options

150050034

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1030 additions and 0 deletions
IITBForm.pdf 0 → 100644
View file @ 55cd0298
File added
TaskD.png 0 → 100644
View file @ 55cd0298
TaskD.png

51.4 KB

abhay.jpg 0 → 100644
View file @ 55cd0298
abhay.jpg

173 KB

aboutMe.html 0 → 100644
View file @ 55cd0298
<!DOCTYPE html>
<html>
<title>
About Me
</title>
<head>
<title>Divyansh</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"> <!--importing bootstrap file-->
<link rel="stylesheet" type="text/css" href="homepage.css"> <!--importing css file-->
</head>
<body>
<nav class="navbar navbar-default"> <!--navigation nav class-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span> <!--for displaying icon for nav when browser size is made smaller-->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home.html">Binary</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right"> <!--list of links in navigation-->
<li><a href="#"></a></li>
<li><a href="aboutMe.html" >About Me</a></li>
<li><a href="interests.html">Interests</a></li>
<li><a href="timetable.html">Timetable</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<class="container-fluid">
<div class="row"> <!--heading of page-->
<h1 class="about-me">
ABOUT ME
</h1>
</div>
<br/>
<div class="row">
<p class="motto"> <!--info for Divyansh-->
I am Divyansh currently pursuing B.Tech in Computer Science and engineering at IIT Bombay.<br/>I am in my second year.I am intrested in web technologies and startups.<br/>
The video given below motivated me a lot in my life
</p>
</div>
<div class="row iframe"> <!--adding motivational video-->
<iframe width="600" height="400" src="https://www.youtube.com/embed/TKn2kY3X5Sk" frameborder="0" allowfullscreen></iframe>
</div>
</body>
<script src="bootstrap/js/jquery.js"></script> <!--javascript implementation using bootstrap-->
<script src="bootstrap/js/bootstrap.min.js"></script>
</html>
\ No newline at end of file
accordition.css 0 → 100644
View file @ 55cd0298
body /*styling for whole body*/
{
overflow-x: hidden;
padding: 3% 5% 5% 5%;
}
.items /*styling for buttons on pokemon*/
{
border-radius:5px;
color: white;
height:15%;
width: 80%;
background-color: #34CCFF;
margin : 10px;
font-size: 2em;
}
.accorditions /*for each division containing pokemon and details*/
{
padding-left:10%;
}
h1 /*styling for heading h1*/
{
font-size:4em;
color: #fed136;
text-align: center;
letter-spacing:20px;
margin: 30px;
}
.hid /*styling for division containing pokemon details*/
{
padding: 10px;
display:none;
}
.box /*applied when pokemon is clicked*/
{
display: visible;
}
.Attacks /*styling for attacks*/
{
font-size: 30px;
padding-left: 50px;
}
.type /*styling for type and evolution*/
{
font-size: 35px;
color: green;
}
.items:hover /*for effects when mouse pointer is hovered over buutonn*/
{
background:violet;
}
button:hover,button:focus /*deactivating outline when button is clicked*/
{
outline:none;
}
.attack
{
font-size:4em;
}
accordition.html 0 → 100644
View file @ 55cd0298
<html>
<head>
<link rel="stylesheet" type="text/css" href="accordition.css">
</head>
<body>
<div class="heading">
<h1 id="head" >Pokemon</h1> <!--heading "Pokemon"-->
</div>
<div class="accorditions">
<button onclick="myFunction1()" class="items">Pikachu</button> <!--added each pokemons on a button-->
<!--which on clicking display the required detais-->
<div id="hiddenpart1" class="hid" >
<span class="type">Type: Electric<br>
Final Evolved State : Raichu<br/></span>
<span class="attack">Attacks:</span>
<span class="Attacks">
<ul>
<li>Thunder Shock</li>
<li>iron Tail</li>
<li>Quick Attack</li>
<li>Electro Ball</li>
</ul>
</span>
</div>
</div>
<div class="accorditions">
<button onclick="myFunction2()" class="items">Bulbusaur</button>
<div id="hiddenpart2" class="hid">
<span class="type">Type: Grass<br>
Final Evolved State : Venusaur<br/></span>
<span class="attack">Attacks:</span>
<span class="Attacks">
<ul>
<li>Poison Powder</li>
<li>Sleep Powder</li>
<li>Razor Leaf</li>
<li>Seed Bomb</li>
</ul>
</span>
</div>
</div>
<div class="accorditions">
<button onclick="myFunction3()" class="items">Squirtle</button>
<div id="hiddenpart3" class="hid">
<span class="type">Type: Water<br>
Final Evolved State : Blastoise<br/></span>
<span class="attack">Attacks:</span>
<span class="Attacks">
<ul>
<li>Rapid Spin</li>
<li>Aqua Tail</li>
<li>Water Gun</li>
<li>Bite</li>
</ul>
</span>
</div>
</div>
<div class="accorditions">
<button onclick="myFunction4()" class="items">Charmander</button>
<div id="hiddenpart4" class="hid">
<span class="type">Type: Fire<br>
Final Evolved State : Charlizard<br/></span>
<span class="attack">Attacks:</span>
<span class="Attacks">
<ul>
<li>Flame</li>
<li>Flamethrower</li>
<li>Smoke Screen</li>
<li>Fire Spin</li>
</ul>
</span>
</div>
</div>
</body>
<script src="accorditions.js"></script> <!--loading javascript-->
</html>
\ No newline at end of file
accorditions.js 0 → 100644
View file @ 55cd0298
var open = null;
function myFunction1 () { //function to apply required display settings in the webpage. Each function is for each pokemon
var a = document.getElementById("hiddenpart1");
if(a.classList.contains("hid")) //what to display when clicked
{
a.classList.remove("hid");
a.classList.add("box");
if(open==null)
{
open=a;
}
else if(open==a)
{
open.classList.remove("box");
open.classList.add("hid");
open=null;
}
else
{
open.classList.remove("box");
open.classList.add("hid");
open=a;
}
}
else //what to do when clicked on opened
{
a.classList.remove("box");
a.classList.add("hid");
open=null;
}
}
function myFunction2 () {
var a = document.getElementById("hiddenpart2");
if(a.classList.contains("hid"))
{
a.classList.remove("hid");
a.classList.add("box");
if(open==null)
{
open=a;
}
else if(open==a)
{
open.classList.remove("box");
open.classList.add("hid");
open=null;
}
else
{
open.classList.remove("box");
open.classList.add("hid");
open=a;
}
}
else
{
a.classList.remove("box");
a.classList.add("hid");
open=null;
}
}
function myFunction3 () {
var a = document.getElementById("hiddenpart3");
if(a.classList.contains("hid"))
{
a.classList.remove("hid");
a.classList.add("box");
if(open==null)
{
open=a;
}
else if(open==a)
{
open.classList.remove("box");
open.classList.add("hid");
open=null;
}
else
{
open.classList.remove("box");
open.classList.add("hid");
open=a;
}
}
else
{
a.classList.remove("box");
a.classList.add("hid");
open=null;
}
}
function myFunction4 () {
var a = document.getElementById("hiddenpart4");
if(a.classList.contains("hid"))
{
a.classList.remove("hid");
a.classList.add("box");
if(open==null)
{
open=a;
}
else if(open==a)
{
open.classList.remove("box");
open.classList.add("hid");
open=null;
}
else
{
open.classList.remove("box");
open.classList.add("hid");
open=a;
}
}
else
{
a.classList.remove("box");
a.classList.add("hid");
open=null;
}
}
bootstrap/css/bootstrap-theme.css 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap-theme.css.map 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap-theme.min.css 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap-theme.min.css.map 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap.css 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap.css.map 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/css/bootstrap.min.css 0 → 100644
View file @ 55cd0298
This source diff could not be displayed because it is too large. You can view the blob instead.
bootstrap/css/bootstrap.min.css.map 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/fonts/glyphicons-halflings-regular.svg 0 → 100644
View file @ 55cd0298
This source diff could not be displayed because it is too large. You can view the blob instead.
bootstrap/js/bootstrap.js 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/js/bootstrap.min.js 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/js/jquery.js 0 → 100644
View file @ 55cd0298
This diff is collapsed.
bootstrap/js/npm.js 0 → 100644
View file @ 55cd0298
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
contact.html 0 → 100644
View file @ 55cd0298
<!DOCTYPE html>
<html>
<title>
Contact Me
</title>
<head>
<title>Contact</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="homepage.css"> <!--using css files-->
</head>
<body>
<nav class="navbar navbar-default"> <!--for navigation buttons-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span> <!--for displaying icon for nav when browser size is made smaller-->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home.html">Binary</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right"> <!--list of links in navigation-->
<li><a href="#"></a></li>
<li><a href="aboutMe.html">About Me</a></li>
<li><a href="interests.html">Interests</a></li>
<li><a href="timetable.html">Timetable</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<h1 class="row"> <!--heading of page-->
CONTACT ME
</h1>
<br/>
<br/>
<div class="row">
<div class="col-md-2 col-md-offset-1">
<img src="divyansh.jpg" class="img-circle" alt="Divyansh" class="profile-img" width = "100%" height="100%">
</div>
<div class="col-md-5 col-md-offset-1">
Divyansh
(&#x0926&#x093F&#x0935&#x094D&#x095F&#x093E&#x0902&#x0936) <!--unicode sequence for 'Divyansh' in hindi-->
<br/><br/>
Address: Room no-56, Hostel 5 <!--address and personal details-->
<br/>
IIT Bombay,Powai Pin code-400076
<br/><br/>
Email: somm14divi@gmail.com
<br/><br/>
<pre>Ping me on <a href="https://in.linkedin.com/in/divyansh-srivastava-119989107">Linkedin</a> <a href="https://www.facebook.com/somil525">Facebook</a></pre> <!--links for social sites-->
</div>
</div>
</div>
</body>
<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</html>
drawing.svg 0 → 100644
View file @ 55cd0298
This diff is collapsed.
form.css 0 → 100644
View file @ 55cd0298
body /*body styling*/
{
overflow-x:hidden;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
form /*styling the form as a whole*/
{
position:fixed;
top:20%;
left:30%;
width:500px;
}
fieldset /*styling fielset*/
{
border:1px solid #dddddd;
border-radius:5px;
padding:10%;
}
fieldset legend
{
color: black;
text-align: center;
font-size:1.2em;
}
input /*styling the input to be given in each field*/
{
font-size:18px;
margin:1%;
color: black;
padding:10px;
border-radius:5px;
width:400px;
border:1px solid #cccccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input:focus /*styling when a field is focused*/
{
border:1px solid rgba(81, 203, 238, 1);
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border-radius:5px;
outline:none;
}
.error /*styling for the error while using fly form validation*/
{
font-size:.8em;
margin:0% 0% 3% 2%;
color: red;
}
button /*styling for submit button*/
{
margin:5% 25% 0% 25%;
padding:3% 0%;
width:50%;
font-size: 1em;
background-color: rgba(81, 143, 238, .8);
border: none;
color: white;
}
button:hover /*styling for button when hovered over*/
{
background-color: rgba(81, 143, 238,1);
}
\ No newline at end of file
form.html 0 → 100644
View file @ 55cd0298
<html>
<head>
<title>XSS Form</title>
<link rel="stylesheet" type="text/css" href="form.css"> <!--importing css file-->
</head>
<body>
<div id="form">
<form method="post" action="https://www.cse.iitb.ac.in/~sharat/php/example/form.php" name="form" onsubmit="return submit_check()"> <!--function to perform when submit is clicked-->
<fieldset>
<legend>Form</legend> <!--the form required and adding required function to check constraints on each field-->
<input type="text" name="text" placeholder="Username" onblur="return name_blur()" onfocus="return name_focus()"><br/>
<p class="error" id="name"></p>
<input type="password" name="pass" onblur="return pass_blur()" onfocus="return pass_focus()" placeholder="Password"><br/>
<p class="error" id="password"></p>
<input type="email" name="email" onblur="return email_blur()" onfocus="return email_focus()" placeholder="Email-Id" onblur="" onfocus=""><br/>
<p class="error" id="email"></p>
<button id ="submit" onclick="check()">Submit</button>
</fieldset>
</form>
</div>
</body>
<script src="form.js"></script> <!--importing the javascript file-->
</html>
\ No newline at end of file
form.js 0 → 100644
View file @ 55cd0298
function name_blur()
{
var x = document.forms["form"]["text"].value;
var status=(x.length>6 && x.length<50);
if (x.length < 6 || x.length>50) //checks for length of input field
{
document.getElementById("name").innerHTML = "*Please enter a valid name"; //changing inner html to show error
}
return status;
}
function name_focus()
{
document.getElementById("name").innerHTML = "";
}
function pass_blur()
{
var value = document.forms["form"]["pass"].value;
var initial=value.search(/^(?=.*[/$/!/@/_ ])([A-Z a-z 0-9 /$/!/@/_]){8,20}$/); //first check whether special character present then matches 8-20 characters with given specifications
if(initial!=0)
{
document.getElementById("password").innerHTML="*Please enter a valid Password"; //changing inner html to show error
}
return (!initial);
}
function pass_focus()
{
document.getElementById("password").innerHTML = "";
}
function email_blur()
{
var email=document.forms["form"]["email"].value;
var initial=email.search(/^[A-Z a-z 0-9 \.\,\_]{3}[A-Z a-z 0-9 \.\,\_]*@[A-Z a-z]{3}[A-Z a-z]*(\.[A-Z a-z]{2}[A-Z a-z]*)+$/); //regex match for given email sequence
if(initial!=0)
{
document.getElementById("email").innerHTML="*Please enter a valid Email-Id"; //changing inner html to show error
}
return (!initial);
}
function email_focus()
{
document.getElementById("email").innerHTML = "";
}
function check() //encoding on submitting
{
no_xss(document.forms["form"]["text"]);
no_xss(document.forms["form"]["pass"]);
no_xss(document.forms["form"]["email"]);
}
function submit_check() //checking finally before submitting
{
var a=name_blur();
var b=pass_blur();
var c=email_blur();
return (a && b && c);
}
function no_xss(a) //To prevent xss attack
{
var text=a.value;
text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
a.value=text;
}
home.html 0 → 100644
View file @ 55cd0298
<!DOCTYPE html>
<html>
<HEAD>
<title>Welcome to Team binary</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="homepage.css"> <!--using css files-->
</HEAD>
<body>
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span> <!--for displaying icon for nav when browser size is made smaller-->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="home.html">Binary</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right"> <!--list of links in navigation-->
<li><a href="#"></a></li>
<li><a href="aboutMe.html">About Me</a></li>
<li><a href="interests.html">Interests</a></li>
<li><a href="timetable.html">Timetable</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<h1 class="team-name">Binary</h1> <!--heading of page-->
<br/>
</div>
<div class="row"> <!--motto of group-->
<p class="motto">We thrive to be the best coders</p>
<br/>
<br/>
</div>
<div id="row">
<div class="col-md-3 col-md-offset-1"> <!--details of team members-->
<a href="http://www.cse.iitb.ac.in/~divyans/home.html">
<img src="divyansh.jpg" class="img-circle" alt="Divyansh" class="profile-img" width = "60%" height="60%">
<br/>
<p class="name">
<span >Divyansh</span><br/>
</p>
<p class="information">
Computer Science And Engineering<br/>
2nd Year @IIT Mumbai<br/>
150020086
</p>
</a>
</div>
<div class="col-md-3 col-md-offset-1">
<a href="http://www.cse.iitb.ac.in/~bhatore/home.html">
<img src="piyush.jpg" class="img-circle" alt="Piyush" class="profile-img" width = "60%" height="60%">
<br/>
<p class="name">
<span >Piyush Bhatore</span><br/>
</p>
<p class="information">
Computer Science And Engineering<br/>
2nd Year @IIT Mumbai<br/>
150050055
</p>
</a>
</div>
<div class="col-md-3 col-md-offset-1">
<a href="http://www.cse.iitb.ac.in/~abhaysingh/home.html">
<img src="abhay.jpg" class="img-circle" alt="abhay" class="profile-img" width = "60%" height="60%">
<br/>
<p class="name">
<span>Abhay Singh</span><br/>
</p>
<p class="information">
Computer Science And Engineering<br/>
2nd Year @IIT Mumbai<br/>
150050034
</p>
</a>
</div>
</div>
</div>
</body>
<script src="bootstrap/js/jquery.js"></script> <!--implementing bootstrap js files-->
<script src="bootstrap/js/bootstrap.min.js"></script>
</html>
\ No newline at end of file
homepage.css 0 → 100644
View file @ 55cd0298
body /*styling for body*/
{
overflow-x:hidden;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a
{ /*styling for links*/
text-decoration:none;
}
a:hover /*styling for links when hovered over*/
{
text-decoration: none;
}
h1 /*heading h1 styling*/
{
color:green;
text-align: center;
font-size:3em;
letter-spacing: 4px;
}
.motto /*class motto for motto in homepage and about me*/
{
text-align: center;
font-size: 1.3em;
}
.team-name /*styling for team name*/
{
font-size:5em;
letter-spacing:30px;
font-weight:800;
}
.name /*styling of name of each person*/
{
font-size:1.5em;
color:green;
padding:2% 10% 2% 10%;
}
.img-circle /*image display in a circle*/
{