Added files of Inlab and Outlab 02

parent 15ea4170
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="customized.css" type="text/css" rel="stylesheet">
<title>About Me</title>
<style>
body{
background-color: aliceblue;
}
</style>
</head>
<body>
<nav>
<div style="text-align: center">
<a class="Links" href="home.html">Home</a>
<a class="Links" href="aboutMe.html">About Me</a>
<a class="Links" href="interests.html">Interests</a>
<a class="Links" href="timeTable.html">TimeTable</a>
<a class="Links" href="contact.html">Contact</a>
</div>
</nav>
<hr>
<div id="top">
</div>
<div id="middle">
<div id="myInfo" style="font-size: 25px">
<p style="color: blue ; font-family: 'Ubuntu Condensed';font-size: larger">
I am Harsha Vardhan , an UG sophomore in Computer Science from IIT BOMBAY.<br>
I am hugely interested in music and theoretical mathematics.<br>
I watch cricket and recently playing pokemon go.<br>
I hail from the city of Visakhapatnam , "the city of destiny".<br>
</p><hr>
<iframe
src="https://www.youtube.com/embed/IarsrX60bZw" width="820" height="515" style="margin-left: 30%">
</iframe>
</div>
</div>
<div id="bottom"></div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact</title>
<link href="customized.css" type="text/css" rel="stylesheet">
<style>
table{
font-size: larger;
font-family: Garuda;
}
td{
padding: 20px;
}
</style>
<style>
body{
background-color: aliceblue;
}
</style>
</head>
<body>
<nav>
<div style="text-align: center">
<a class="Links" href="home.html">Home</a>
<a class="Links" href="aboutMe.html">About Me</a>
<a class="Links" href="interests.html">Interests</a>
<a class="Links" href="timeTable.html">TimeTable</a>
<a class="Links" href="contact.html">Contact</a>
</div>
</nav>
<hr>
<div id="top">
<h1> Me myself : Harsha Vardhan (&#3129;&#3120;&#3127;)</h1>
<h2>Feel free to contact me</h2>
</div>
<div id="middle">
<table border="1">
<tr>
<td>Phone No.</td>
<td>8682819723</td>
</tr>
<tr>
<td>Email Id</td>
<td>harsha@cse.iitb.ac.in</td>
</tr>
<tr>
<td>Facebook Page</td>
<td><a href="https://www.facebook.com/harshavardhanchrs?fref=ts">Harsha Vardhan</a> </td>
</tr>
</table>
</div>
<div id="bottom">
</div>
</body>
</html>
\ No newline at end of file
nav{
background-color: white;
}
.Links {
font-size: 50px;
padding-right: 25px;
padding-left: 25px;
color: cornflowerblue;
font-family: Courier;
}
.Links:hover{
background-color: antiquewhite;
color: green;
}
a {
text-decoration: none;
}
p{
font-size: 20px;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="customized.css" type="text/css" rel="stylesheet">
<title>Triangle</title>
<style>
body{
background-color: aliceblue;
}
</style>
</head>
<body>
<nav>
<div style="text-align: center">
<a class="Links" href="home.html">Home</a>
<a class="Links" href="aboutMe.html">About Me</a>
<a class="Links" href="interests.html">Interests</a>
<a class="Links" href="timeTable.html">TimeTable</a>
<a class="Links" href="contact.html">Contact</a>
</div>
</nav>
<hr>
<div id="top" style="font-size: 50px;text-align: center">
<span id="teamName">TRIANGLE</span>
<span id="teamGroup">36</span>
</div>
<div id="middle">
<div id="teamInfo" style="font-size: 50px;text-align: center">
We are group <strong>triangle</strong> the strongest structure .
</div>
<br>
<div style="font-size: 20px;text-align: center">
<a href="https://www.cse.iitb.ac.in/~harsha/home.html"><img width="300px" src="harsha.jpg"><br>Harsha Vardhan</a><br>
<a href="https://www.cse.iitb.ac.in/~akshith/home.html" style="float:left; margin-left: 30%" ><img width="300px" src="akshith.jpg"><br>Akshith Reddy</a>
<a href="https://www.cse.iitb.ac.in/~yashsriram/home.html" style="float:right; margin-right: 30%"><img width="300px" src="yashasvi.jpg"><br>Yashasvi Sriram</a>
</div>
</div>
<div id="bottom">
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="customized.css" type="text/css" rel="stylesheet">
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<title>Interests</title>
<style>
body{
background-color: aliceblue;
font-size: 25px;
}
</style>
</head>
<body>
<nav>
<div style="text-align: center">
<a class="Links" href="home.html">Home</a>
<a class="Links" href="aboutMe.html">About Me</a>
<a class="Links" href="interests.html">Interests</a>
<a class="Links" href="timeTable.html">TimeTable</a>
<a class="Links" href="contact.html">Contact</a>
</div>
</nav>
<hr>
<div id="top">
</div>
<div id="middle" style="margin-left: 30% ; margin-right: 30%">
<h4 id="Hobbies">Hobbies<br>
<ul>
<li>listening to music</li>
<li>playing pokemon go</li>
<li>solving math</li>
</ul>
<hr>
</h4>
<h4 id="Ambitions">
<p>I wish to become a theoretical scientist in computer science .</p>
</h4>
<hr>
<h4 id="MathFormula">
I have been using pythagoras theorem , the Gibbs Free Energy Equation a lot ..
<br>
<p> \( x^2 + y^2 = z^2 \)</p>
<p> \( \Delta G = \Delta H - T \Delta S \)</p>
</h4>
</div>
<div id="bottom"></div>
</body>
</html>
\ No newline at end of file
GROUP Name TRIANGLE ▲
▲▼▲
GROUP No. 36
PERCENTAGE CONTRIBUTION :
Harshavardhan , 150050073 == 100%
Akshith Reddy , 150050074 == 100%
Yashasvi Sriram,150050080 == 100%
REFERENCES AND CITATIONS ♦♦♦ :
http://www.w3schools.com/
http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
_/\_ HONOR CODE :
HARSHA VARDHAN:
I claim that I have not copied or taken any material from other groups. I have posiibly included the references under citations.
AKSHITH REDDY:
I pledge on Gita that I have not copied from any unauthorised source and did not commit any illegal practices what so ever you are concerned of.I have contributed my full effort for the team for this assignment.Everything written is true .
YASHASVI SRIRAM:
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.My contribution is 100% fro this assignment.I assure that everything written is true.
Everything written is True ®.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TimeTable</title>
<link href="customized.css" type="text/css" rel="stylesheet">
<style>
body{
background-color: aliceblue;
}
</style>
<style>
#TimeTable{
text-align: center;
margin-left: 25%;
margin-top: 50px;
}
#TimeTable table{
font-size: larger;
font-family: Garuda;
}
#TimeTable td{
padding: 20px;
}
.day{
background-color: cadetblue;
}
</style>
</head>
<body>
<nav>
<div style="text-align: center">
<a class="Links" href="home.html">Home</a>
<a class="Links" href="aboutMe.html">About Me</a>
<a class="Links" href="interests.html">Interests</a>
<a class="Links" href="timeTable.html">TimeTable</a>
<a class="Links" href="contact.html">Contact</a>
</div>
</nav>
<hr>
<div id="top">
</div>
<div id="middle">
<div id="TimeTable">
<table border="1">
<tbody>
<tr>
<td class="day">Monday</td>
<td>
CS 207<br>
10:30 AM - 11:30 AM
</td>
<td>
EE 101<br>
11:30 AM - 12:30 PM
</td>
<td>
CS 215<br>
02:00 PM - 03:30 PM
</td>
<td>
CS 213<br>
03:30 PM - 05:00 PM
</td>
<td>
CS 207<br>
05:15 PM - 06:45 PM
</td>
</tr>
<tr>
<td class="day">Tuesday</td>
<td>
EE 101<br>
08:30 AM - 09:30 AM
</td>
<td>
CS 207<br>
11:30 AM - 12:30 PM
</td>
<td>
CS 251<br>
03:30 PM - 04:30 PM
</td>
<td>
CS 251<br>
05:30 PM - 08:30 PM
</td>
<td>
</td>
</tr>
<tr>
<td class="day">Wednesday</td>
<td>
DE 401<br>
09:30 AM - 11:00 AM
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td class="day">Thursday</td>
<td>
CS 207<br>
08:30 AM - 11:30 AM
</td>
<td>
EE 101<br>
09:30 AM - 12:30 PM
</td>
<td>
CS 215<br>
02:00 PM - 03:30 PM
</td>
<td>
CS 213<br>
03:30 PM - 05:00 PM
</td>
<td>
</td>
</tr>
<tr>
<td class="day">Friday</td>
<td>
DE 401<br>
09:00 AM - 11:30 AM
</td>
<td></td>
<td>
CS 293<br>
02:00 PM - 05:00 PM
</td>
<td></td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="bottom"></div>
</body>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
.pokeGo{
text-align: left;
}
.pokeGo img{
width: 250px;
}
.pokeGo li{
font-family: FreeMono;
font-size: 30px;
text-decoration: none;
}
#title {
background-color: white;
width: 100%;
text-align: center;
font-family: "monospace";
font-size: 30px;
position: fixed;
top:0;
z-index: 9999;
}
.pokemonNames{
opacity: 0.8;
font-size: larger;
cursor: pointer;
width: 30%;
border: none;
background-color: white;
padding: 1.5%;
}
.pokemonNames:hover {
opacity:1;
}
.evolutions {
display: none;
}
a {
text-decoration: none;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Floor Plan</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="shortcut icon" href="../Images/Logo.png">
<style>
body{
background-image: url("https://lh3.googleusercontent.com/-2HOG00ZzD-4/Vk7WQYTChCI/AAAAAAABw1c/BGr4ga1CUJY/w400-h292/DSC555.gif");
}
</style>
</head>
<body>
<div class="container">
<div class="navbar-fixed-bottom" >
<h1 style="width: 100%;text-align: center;background-color: #8ddb7a" >CSE NEW BUILDING GROUND FLOOR</h1>
</div>
<div class="row">
<div class="col-xs-12">
<img src="../Images/final.svg" alt="Floor Plan" class="img-thumbnail">
</div>
</div>
<div style="height: 100px"></div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
<style>
#navigationBar{
z-index: 9999;
background-color: white;
}
.navButton {
opacity: 0.9;
width: 100%;
height: 50px;
background-color: black;
color: white;
border: none;
padding: 0;
font-size: larger;
font-family: "Ubuntu Mono" ,Ubuntu;
font-weight: bolder;
animation-name: navAnim;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.navButton:hover{
background-color: black;
color: white;
opacity: 1;
}
.navLink{
padding:0;
}
@keyframes navAnim{
0% {background-color: #ff5003;}
25% {background-color: #c6cf00;}
50% {background-color: #0061ff;}
75% {background-color: #0620ff;}
100% {background-color: #ff0033;}
}
@keyframes picAnim{
0% {color: #ff5003;}
25% {color: #c6cf00;}
50% {color: #0061ff;}
75% {color: #0620ff;}
100% {color: #ff0033;}
}
.pic{
background-color: white;
opacity:0.9;
text-align: center;
text-decoration: none;
font-size: larger;
font-family: "Ubuntu Mono" , Ubuntu;
animation-name: picAnim;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.pic:hover{
opacity:1;
background-color: white;
}
</style>
<div id="navigationBar" class="navbar-fixed-top container-fluid">
<div id="navLinks" class="row">
<a href="#" class="col-xs-1 navLink"><div style="animation-delay: 0.5s" class="pic">Yashasvi<br> Sriram</div></a>
<a href="#aboutMe" class="col-xs-2 navLink"><button style="animation-delay: 0.4s" type="button" class="navButton">About Me</button></a>
<a href="#interests" class="col-xs-2 navLink"><button style="animation-delay: 0.3s" type="button" class="navButton">Interests</button></a>
<a href="#schedule" class="col-xs-2 navLink"><button style="animation-delay: 0.2s" type="button" class="navButton">Schedule</button></a>
<a href="#team" class="col-xs-2 navLink"><button style="animation-delay: 0.1s" type="button" class="navButton">Team</button></a>
<a href="#contact" class="col-xs-3 navLink"><button style="animation-delay: 0.0s" type="button" class="navButton">Contact</button></a>
</div>
</div>
<div style="margin-bottom: 50px;" class="container-fluid">
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>Pokemon Go !!</title>
<link href="../CSS/accordion.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://vignette4.wikia.nocookie.net/pokemon/images/5/5f/025Pikachu_OS_anime_11.png/revision/latest?cb=20150717063951">
<script type="text/javascript">
function hideInfo(idOfPokemon) {
var idsOfPokeInfo = ["psyduckInfo" , "abraInfo" , "exeggcuteInfo" , "gastlyInfo"];
for (var i = 0 ; i < 4 ; ++i){
if(idsOfPokeInfo[i] != idOfPokemon){
var pokeInfo = document.getElementById(idsOfPokeInfo[i]);
pokeInfo.style.display = 'none';
}
else {
var changeThisDisplay = document.getElementById(idOfPokemon);
if(changeThisDisplay.style.display == 'block') {
changeThisDisplay.style.display = 'none';
}
else {
changeThisDisplay.style.display = 'block';
}
}
}
}
</script>
</head>
<body>
<div class="container-fluid">
<nav id="title" class="row">
<span>Pokemon G<img src="http://i1.wp.com/nintendo-papercraft.com/wp-content/uploads/2014/04/pokeball.png?resize=512%2C376" width="100">!!</span>
</nav>
<div style="height: 50px"></div>
<div class="row pokeGo ">
<button class="col-xs-4 pokemonNames" onclick="hideInfo('psyduckInfo')">
<img src="http://pldh.net/media/dreamworld/054.png">
<br>Pysduck
</button><br>
<div class=" evolutions" id="psyduckInfo">
<p class="col-xs-4"><img src="http://orig09.deviantart.net/88c8/f/2010/014/e/8/golduck_by_xous54.png">Golduck</p>
<div class="col-xs-4">
<ul>
<li>Water Gun</li>
<li>Zen Headbutt</li>
<li>Psybeam</li>
<li>Cross Chop</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row pokeGo ">
<button class="col-xs-4 pokemonNames" onclick="hideInfo('abraInfo')"><img src="http://guidesarchive.ign.com/guides/9846/images/abra.gif"> <br>Abra </button><br>
<div class="evolutions" id='abraInfo'>
<p class="col-xs-4"><img src="http://guidesarchive.ign.com/guides/9846/images/kadabra.gif">Kadabra</p>
<div class="col-xs-4">
<ul>
<li>Psyshock</li>
<li>Zen Headbutt</li>
<li>Shadow Ball</li>
<li>Signal Beam</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row pokeGo ">
<button class="col-xs-4 pokemonNames" onclick="hideInfo('exeggcuteInfo')"><img src="http://cdn.bulbagarden.net/upload/thumb/a/af/102Exeggcute.png/250px-102Exeggcute.png"><br> Exeggcute</button><br>
<div class="evolutions" id='exeggcuteInfo'>
<p class="col-xs-4"><img src="http://orig15.deviantart.net/9767/f/2011/119/b/e/103___exeggutor_by_meriimerodii-d3f6lmy.png">Exeggutor</p>
<div class="col-xs-4">
<ul>
<li>Confusion</li>
<li>Ancient Power</li>
<li>Psychcic</li>
<li>Seed Bomb</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row pokeGo ">
<button class="col-xs-4 pokemonNames" onclick="hideInfo('gastlyInfo')"><img src="http://www.dltk-kids.com/pokemon/adoptions/092.gif"> <br>Gastly </button><br>
<div class="evolutions" id='gastlyInfo'>
<p class="col-xs-4"><img src="http://vignette4.wikia.nocookie.net/pokemon/images/a/a8/094Gengar_OS_anime_3.png/revision/latest?cb=20150716055813">Gengar</p>
<div class="col-xs-4">
<ul>
<li>Lick</li>
<li>Sucker Punch</li>
<li>Dark Pulse</li>
<li>Sludge Bomb</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
/**
* Initial Greeting and Name
* */
var lettersInMyFirstName = ["Y", "A", "S", "H", "A", "S", "V", "I" , " "];
var noLettersInMyFirstName = lettersInMyFirstName.length;
var lettersInMySecondName = ["S", "R", "I", "R", "A", "M" ];
var noLettersInMySecondName = lettersInMySecondName.length;
greetingAndNameAnimation = function (id) {
for(var i = 0 ; i < noLettersInMyFirstName ; ++i){
$("#" + id).append(lettersInMyFirstName[i]);
}
for(var i = 0 ; i < noLettersInMySecondName ; ++i){
$("#" + id).append(lettersInMySecondName[i]);
}
}
This diff is collapsed.
GROUP Name TRIANGLE ▲
▲▼▲
GROUP No. 36
The site you want to see is HTML/home.html
PERCENTAGE CONTRIBUTION :
Harshavardhan , 150050073 == 100%
Akshith Reddy , 150050074 == 100%
Yashasvi Sriram,150050080 == 100%
ABOUT THIS ASSIGNMENT (REFLECTION ESSAY) Æ :
This was a hectic weekend per se . We had to make a our website which was then to be put up as our home page . We spent a lot of time making and designing the pages required . We learnt many things .
Technical ::
1.using grid system of Bootstap
2.learnt about special chars and how to replace them with their unicodes to prevent xss (cross site scritpting)
3.using js to submit the form programatically
4.links can be used to point to different parts of a page itself
5.some event listeners like onkeypress , onclick , mouseleave , mouseenter etc...
6.using the key board functionalitites in inkscape
7.using inkscape to edit pdf's
8.using js lisener onclick to make an accordion
Stuck Up At::
1.deciding the design of the page
2.replace special chars with unicode chars to prevent the html from interpreting them as special chars
3.finding problems with iitb forms for correcting them
4.some empty text boxes in inkscape might distort the final picture (black boxes appear at their places) therefore find and remove all of them
REFERENCES AND CITATIONS ♦♦♦ :
http://www.w3schools.com/tags/att_button_formmethod.asp -> posting data
http://www.w3schools.com/jsref/event_onkeydown.asp -> for preparing flying form
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp -> Bootstrap reference
http://www.w3schools.com/jsref/jsref_obj_regexp.asp -> RegExp reference
http://www.w3schools.com/js/js_regexp.asp -> RegExp reference
http://eloquentjavascript.net/09_regexp.html -> RegExp reference
http://www.pokemongodb.net/2016/05/abra.html -> Pokemon's database
http://blog.movalog.com/a/javascript-toggle-visibility/ -> Toggling visibility of blocks using display attribute
https://www.youtube.com/watch?v=QpS69s0BiaQ-> text in inkscape
https://www.youtube.com/watch?v=oCm-ozjOSuU->inkskape snap
https://www.youtube.com/watch?v=Zu5OI4gFSJk-> edit pdf with inkscape
http://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page
http://stackoverflow.com/questions/9707397/making-a-div-vertically-scrollable-using-css
http://www.w3schools.com/tags/tag_colgroup.asp
http://www.w3schools.com/tags/att_td_colspan.asp
http://www.w3schools.com/tags/tag_sup.asp
BONUS ATTEMPT :
We have attempted both the bonus questions (i.e fly form validation and pdf-editing by inkscape)
for Task-D bonus the links to the other 4 pdf's are below :
1) http://www1.iitb.ac.in/academic/Reexamnewform.pdf
2) http://www1.iitb.ac.in/academic/Bonafidenew.pdf
3) http://www1.iitb.ac.in/academic/mcmform201512Aug.pdf
4) http://www1.iitb.ac.in/academic/CourseAdjustmentForm.pdf
_/\_ HONOR CODE :
Harsha Vardhan :
I declared that I have not taken any illegal help . I have done everything with the help of my group or the sited which i have mentioned in the cittaitons part
Akshith Reddy Donthula:
I pledge on Gita that I have not committed any malpratices and have done my work with true honest. We neither gave nor received any unauthorized help .
I gave my full contribution to the team. Everything written by me is absolutely true.
Yashasvi SriRam:
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.I have done all of my work with
high respect and passion.
Everything written is True ®.
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