Skip to content

C
cs251_group33
Commit 22cb2c1b authored by VINAYAK K's avatar VINAYAK K
Browse files
Options

Update lab02, 03 and Add lab04

parent 0aa5d714
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 11272 additions and 0 deletions
lab02/inlab/aboutMe.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
#about-me {
text-align: center;
}
#pro-pic {
margin-top: 100px;
margin-top: 200px;
border-radius: 5px;
}
#about p{
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
font-size: 20px;
}
#video {
text-align: center;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="about-me">
<div id="pro-pic">
<img src="img/vinayak.jpg" width="200px">
</div>
<div id="about">
<p>I'm Vinayak, UG student of IIT Bombay, pursuing Computer Science Engineering. I'm from a village named kadalundi in Kerala</p>
</div>
</div>
<div id="video">
<h3>This video of Sundar Pichai's speech inspires me a lot</h3>
<iframe width="420" height="315" src="https://www.youtube.com/embed/_YMdTLOFL3E" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
\ No newline at end of file
lab02/inlab/contact.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#contact {
margin-left: 100px;
margin-top: 100px;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="contact">
<h2>Contact me</h2>
<address>
Vinayak K, Room No: 37,<br> Hostel 4,<br> IIT Bombay <br><br>
<a href="https://www.facebook.com/vinayak.vivek">@facebook</a>
</address>
<p style="font-size: 20px;">
&#3381;&#3391;&#3368;&#3390;&#3375;&#3349;&#3405;
</p>
</div>
</body>
</html>
\ No newline at end of file
lab02/inlab/css/main.css 0 → 100644
View file @ 22cb2c1b
body, p {
padding: 0;
margin: 0;
font-family: sans-serif;
background-color: white;
}
a {
text-decoration: none;
}
#nav-container {
width: 100%;
position: fixed;
top: 0;
left: 0;
font-size: 20px;
}
#nav-container a {
color: white;
opacity: 0.5;
}
#nav-container a:hover {
opacity: 1;
}
#nav-container table {
width: 100%;
padding-left: 10%;
padding-right: 10%;
text-align: center;
background-color: grey;
height: 50px;
color: #FFFFFF;
border-collapse:collapse;
}
#nav-container table tr {
border:none !important;
}
#nav-container table td {
background-color: black;
border:none !important;
}
#intro {
padding: 50px;
}
#main-container {
margin-top: 100px;
text-align: center;
}
#main-container div {
}
#main-container a {
padding: 10px;
color: black;
opacity: 0.5;
}
#main-container a:hover {
opacity: 1;
}
#team {
font-family: Arial;
}
lab02/inlab/home.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!--><style type="text/css">
body, p {
padding: 0;
margin: 0;
font-family: sans-serif;
background-color: grey;
}
a {
text-decoration: none;
}
#nav-container {
width: 100%;
position: fixed;
top: 0;
left: 0;
font-size: 20px;
}
#nav-container a {
color: white;
opacity: 0.5;
}
#nav-container a:hover {
opacity: 1;
}
#nav-container table {
width: 100%;
padding-left: 10%;
padding-right: 10%;
text-align: center;
background-color: grey;
height: 50px;
color: #FFFFFF;
border-collapse:collapse;
}
#nav-container table tr {
border:none !important;
}
#nav-container table td {
background-color: black;
border:none !important;
}
#intro {
padding: 50px;
}
#main-container {
margin-top: 100px;
text-align: center;
}
#main-container div {
}
#main-container a {
padding: 10px;
color: black;
opacity: 0.5;
}
#main-container a:hover {
opacity: 1;
}
</style><!-->
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="main-container">
<div id="intro">
<h1>Welcome to my Homepage!</h1>
<p>I'm Vinayak, UG student of IIT Bombay, pursuing CSE</p>
</div>
<div id="team">
<h4>CS 251 Group</h4>
<h2>Meluhans</h2>
<div><a href="shriram"><p>Shriram</p></a></div>
<div><a href="shriram"><p>Vinayak</p></a></div>
<div><a href="shriram"><p>Anubhaw</p></a></div>
</div>
</div>
</body>
</html>
\ No newline at end of file
lab02/inlab/interests.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#interests, #future, #formula {
margin-left: 100px;
margin-top: 100px;
}
#interests ul {
list-style-type: none;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="interests">
<h2>My Interests</h2>
<p>I like playing guitar and ukulele. I also like Web and app development.</p>
</div>
<div id="future">
<h2>My Future Plans</h2>
<p>Becoming a Full stack developer.</p>
</div>
<div id="formula">
<h2>One interesting thing in math</h2>
Roots of \(x^3 = 1\) are
\[1, {{-1 + \iota\sqrt{3}} \over 2}, {{-1 - \iota\sqrt{3}} \over 2}\]
</div>
</body>
</html>
\ No newline at end of file
lab02/inlab/readme.txt 0 → 100644
View file @ 22cb2c1b
Group 33 : Lab02_inlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
Citations:
LaTex symbols: https://www.sharelatex.com/learn/List_of_Greek_letters_and_math_symbols
MathJax example: http://docs.mathjax.org/en/latest/start.html
Unicode mappings:
http://symbolcodes.tlt.psu.edu/bylanguage/tamilchart.html
http://symbolcodes.tlt.psu.edu/bylanguage/devanagarichart.html
http://symbolcodes.tlt.psu.edu/bylanguage/malayalamchart.html
lab02/inlab/timetable.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<link rel="stylesheet" href="css/main.css">
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
#time-table {
margin-top: 100px;
margin-left: 5px;
text-align: center;
}
#time-table table {
border: solid 1px black;
height: 700px;
}
#time-table table td {
}
#time-table table td {
border: solid 1px black;
padding: 8px;
}
</style>
</head>
<body>
<nav>
<div id="nav-container">
<table id="nav-table">
<tr>
<td>
<a href="home.html">Homepage</a>
</td>
<td>
<a href="aboutMe.html">About me</a>
</td>
<td>
<a href="interests.html">Interests</a>
</td>
<td>
<a href="timetable.html">Time-Table</a>
</td>
<td>
<a href="contact.html">Contacts</a>
</td>
</tr>
</table>
</div>
</nav>
<div id="time-table">
<h1>Time-table for Autumn Semester,2016</h1>
<table>
<tr>
<td> </td>
<td>08:30 - 9:25</td>
<td>09:30 - 10:25</td>
<td>09:30 - 10:55</td>
<td>10:35 - 11:30</td>
<td>11:35 - 12:30</td>
<td>14:00 - 15:25</td>
<td>14:00 - 16:55</td>
<td>15:30 - 16:55</td>
<td>17:30 - 18:55</td>
<td>19:00 - 20:25</td>
</tr>
<tr>
<td>Mon</td>
<td></td>
<td></td>
<td></td>
<td>CS 207</td>
<td>EE 101</td>
<td>CS 215</td>
<td></td>
<td>CS 213</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tue</td>
<td>EE 101</td>
<td></td>
<td></td>
<td></td>
<td>CS 207</td>
<td></td>
<td></td>
<td></td>
<td>CS 251 - Tut</td>
<td>CS 251 - Lab</td>
</tr>
<tr>
<td>Wed</td>
<td></td>
<td></td>
<td>SI 417</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Thu</td>
<td>CS 207</td>
<td>EE 101</td>
<td></td>
<td></td>
<td></td>
<td>CS 215</td>
<td></td>
<td>CS 213</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Fri</td>
<td></td>
<td></td>
<td>SI 417</td>
<td></td>
<td></td>
<td></td>
<td>CS 293</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
\ No newline at end of file
lab02/outlab/aboutMe.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
@font-face {
font-family: coldplayFont;
src: url(fonts/COLDPLAY.ttf);
}
html {
background: url(img/cover-pic.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
nav .brand-logo {
color: white;
font-family: monospace;
}
nav .nav-tabs a {
color: white;
}
#more a {
color: black;
}
nav li:hover {
opacity: 0.25;
}
#more-button:hover {
opacity: 1;
}
.card-panel h3 {
font-family: coldplayFont;
}
#about {
margin-top: 100px;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="transparent lighten-5">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li class="active"><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li id="more-button"><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div id="about" class="row">
<div class="col s12 m4 offset-m1">
<div class="card-panel transparent">
<h3 class="header white-text center">Hi! I'm Vinayak</h3>
<p class="white-text flow-text center">a second year undergraduate student of IIT Bombay, pursuing Computer Science and Engineering. I'm an acoustic guitarist & ukuleleist. I belong to a village called <b>Kadalundi</b> in Kerala, well known for it's bird santuary and community reserve.
</p>
</div>
</div>
</div>
<div>
<br><br><br>
</div>
<div class="container col m5 s12">
<h3 class="header white-text center">This is one of my favourite videos</h3>
<h4 class="header white-text center">famous song 'Hey, Jude' by the Beatles; performed by some of the best musicians in the world!</h4>
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/PgJQ6LQ8x1E" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div>
<br><br><br><br><br>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/accordion.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
#accordion .item {
border: solid 1px black;
font-family: Arial;
background-color: #F0B25B;
padding-left: 10px;
border-radius: 5px;
box-shadow: 5px 5px 5px #888888;
}
#accordion li ul {
display: none;
padding: 5px;
}
#accordion li ul li{
font-family: sans-serif;
font-size: 18px;
border: solid 1px;
background-color: white;
width: 100%;
margin-left: 0;
border-radius: 5px;
padding: 5px;
}
#accordion li ul div {
width: 100%;
border: solid 1px;
border-radius: 5px;
}
#accordion li ul div p {
padding: 5px 5px 0 10px;
font-size: 18px;
margin: 0;
background-color: #635BF0;
color: white;
}
#accordion li ul div li {
font-size: 15px;
border: none;
border-radius: 0;
padding-left: 20px;
width: 100%;
}
#accordion li:hover ul {
display: inherit;
}
.material-icons {
color: black;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="blue lighten-5">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container" id="acc-container">
<h3 class="header">Pokemons</h3>
<hr>
<ul id="accordion">
<li class="item">
<h5>Pikachu</h5>
<ul>
<li><b>Type</b> : ELECTRIC</li>
<li><b>Final evolution state</b> : Raichu</li>
<div>
<p><b>Attacks</b><p>
<li>Thundershock</li>
<li>Thunderbolt</li>
<li>Irontail</li>
<li>Quick attack</li>
</div>
</ul>
</li>
<br>
<li class="item">
<h5>Bulbasaur</h5>
<ul>
<li><b>Type</b> : GRASS</li>
<li><b>Final evolution state</b> : Venasaur</li>
<div>
<p><b>Attacks</b><p>
<li>Vine whip</li>
<li>Leechseed</li>
<li>Razorleaf</li>
<li>Megadrain</li>
</div>
</ul>
</li>
<br>
<li class="item">
<h5>Charmander</h5>
<ul>
<li><b>Type</b> : FIRE</li>
<li><b>Final evolution state</b> : Charizard</li>
<div>
<p><b>Attacks</b><p>
<li>Flamethrower</li>
<li>Ember</li>
<li>Steel claw</li>
<li>Flame wheel</li>
</div>
</ul>
</li>
<br>
<li class="item">
<h5>Krabby</h5>
<ul>
<li><b>Type</b> : WATER</li>
<li><b>Final evolution state</b> : Kingler</li>
<div>
<p><b>Attacks</b><p>
<li>Bubble</li>
<li>Guillotine</li>
<li>Crab hammer</li>
<li>Whirlpool</li>
</div>
</ul>
</li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/contact.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
html {
background-color: #625266;
}
.container img {
width: 30%;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="transparent">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="white-text brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a class="white-text" href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a class="white-text" href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a class="white-text" href="interests.html">INTERESTS</a></li>
<li><a class="white-text" href="timetable.html">TIME-TABLE</a></li>
<li class="active white-text"><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container">
<h3 class="right">
&#3381;&#3391;&#3368;&#3390;&#3375;&#3349;&#3405;
</h3>
</div>
<div>
<br><br><br><br><br><br>
</div>
<div class="container">
<div class="row">
<div class="col s12 m6">
<div class="card-content white-text">
<h3 class="card-title center"><i class="material-icons medium">home</i></h3>
<p class="flow-text center">
Room No 37 <br>
Hostel 4<br>
IIT Bombay
</p>
</div>
</div>
<div class="col s12 m6">
<div class="card-content white-text">
<h3 class="card-title center"><i class="material-icons medium">email</i></h3>
<p class="flow-text center">
vinayakdeepu@gmail.com
</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col s12 m4 offset-m5">
<a href="https://www.facebook.com/vinayak.vivek">
<img src="img/fb.png">
</a>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/css/main.css 0 → 100644
View file @ 22cb2c1b
nav .brand-logo {
color: black;
opacity: 0.5;
font-family: monospace;
}
nav .nav-tabs a {
color: black;
opacity: 0.75;
}
\ No newline at end of file
lab02/outlab/css/materialize.min.css 0 → 100644
View file @ 22cb2c1b
This source diff could not be displayed because it is too large. You can view the blob instead.
lab02/outlab/form.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
@font-face {
font-family: bfont;
src: url(fonts/b.otf);
}
#cover #quote {
font-family: Times;
width: 80%;
}
.card img {
width: 100%;
}
#team-info-container h2 {
font-family: bfont;
font-size: 50px;
}
#team-info-container img {
width: 100%;
}
.material-icons {
color: black;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="blue lighten-5">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<br><br><br>
<div class="container">
<form method="POST" onsubmit="return validateForm()"
action="https://www.cse.iitb.ac.in/~sharat/php/example/form.php">
<div>
<label for="text">Text</label>
<input type="text" name="text" id="text" autocomplete="off"
oninput="checkText()" >
<p id="text_error" style="color: red"></p>
<p id="text_warning" style="color: orange"></p>
<p id="text_ok" style="color: green"></p>
</div>
<br><br>
<div>
<label for="pass">Password</label>
<input type="password" name="pass" id="pass" placeholder="******" autocomplete="off"
oninput="checkPass()">
<p id="pass_error" style="color: red"></p>
<p id="pass_warning" style="color: orange"></p>
<p id="pass_ok" style="color: green"></p>
</div>
<br><br>
<div>
<label for="pass">Email</label>
<input type="email" name="email" id="email" placeholder="example@dom.co" autocomplete="off"
oninput="checkEmail()">
<p id="email_error" style="color: red"></p>
<p id="email_warning" style="color: orange"></p>
<p id="email_ok" style="color: green"></p>
</div>
<br><br>
<div>
<input type="submit" name="submit" class="btn">
</div>
</form>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
var textVal = "";
var passVal = "";
var emailVal = "";
function displayTextError(err) {
text_error.innerHTML = err;
text_error.style.display = "inline";
}
function displayTextWarning(msg) {
text_warning.innerHTML = msg;
text_warning.style.display = "inline";
}
function checkText() {
var text = document.getElementById("text");
textVal = text.value;
// to prevent XSS attack using script tag.
// replace bracket in '<script' with their unicode
textVal = textVal.replace(/<script/g, "&#60;script");
textVal = textVal.replace(/<\/script/g, "&#60;\/script");
var x = textVal.length;
text_error.innerHTML = "";
text_warning.innerHTML = "";
text_ok.innerHTML = "";
text_ok.style.display = "none";
text_warning.style.display = "none";
text_error.style.display = "none";
var err_msg = "invalid text";
if (x <= 50 && x >= 6) {
// OK
var y = 50-x;
text_ok.innerHTML = "input OK";
text_ok.style.display = "inline";
displayTextWarning(" [characters left - " + y + "]")
return true;
} else if (x < 6) {
// warning
var y = 6 - x;
displayTextError(err_msg);
displayTextWarning(" - enter atleast " + y + " more characters");
} else if (x > 50) {
// error
displayTextError(err_msg);
displayTextWarning(" - you have exceeded character limit(50), please remove some characters");
}
return false;
}
function displayPassError(err) {
pass_error.innerHTML = err;
pass_error.style.display = "inline";
}
function displayPassWarning(msg) {
pass_warning.innerHTML = msg;
pass_warning.style.display = "inline";
}
function checkPass() {
var passField = document.getElementById("pass");
passVal = passField.value;
var x = passVal.length;
var found = false;
// checking the presence of special characters.
// /@/ - is a regex, and 'exec(string); method return true if
// @ is present in string
if (/\$/.exec(passVal) ||
/@/.exec(passVal) ||
/!/.exec(passVal) ||
/_/.exec(passVal)) {
found = true;
}
pass_error.innerHTML = "";
pass_warning.innerHTML = "";
pass_ok.innerHTML = "";
pass_ok.style.display = "none";
pass_warning.style.display = "none";
pass_error.style.display = "none";
var err_msg = "invalid password";
if (x >= 8 && x <= 20) {
if (found) {
pass_ok.innerHTML = "Good password";
pass_ok.style.display = "inline";
return true;
} else {
displayPassError(err_msg);
displayPassWarning(" - password should contain atleat one of the following chars : {$, !, @, _}");
}
} else if (x < 8) {
displayPassError(err_msg);
displayPassWarning(" - password length should be >= 8");
} else if (x > 20) {
displayPassError(err_msg);
displayPassWarning(" - password length should be <= 20");
}
return false;
}
function displayEmailError(err) {
email_error.innerHTML = err;
email_error.style.display = "inline";
}
function displayEmailWarning(msg) {
email_warning.innerHTML = msg;
email_warning.style.display = "inline";
}
function checkEmail() {
var emailField = document.getElementById("email");
emailVal = emailField.value;
var x = emailVal.length;
email_error.innerHTML = "";
email_warning.innerHTML = "";
email_ok.innerHTML = "";
email_ok.style.display = "none";
email_warning.style.display = "none";
email_error.style.display = "none";
// splitting emailVal into an array of strings based on position of character/substring passed
var a = emailVal.split("@");
var err_msg = "invalid email";
// email is valid only if it has only one '@'
// so length of 'a' should be 2
if (a.length == 2) {
var local_part = a[0];
var domain_part = a[1];
// checking local part
var regex = new RegExp("^([a-zA-Z0-9._]{2,})$");
if (regex.test(local_part)) {
console.log("valid local");
} else {
displayEmailError(err_msg);
displayEmailWarning(" - local-part can contain only alphanumerical chars and {., _} and length >= 2")
return false;
}
// checking domain part
regex = new RegExp("^([a-zA-Z.]{0,})$");
if (regex.test(domain_part)) {
var b = domain_part.split(".");
if (b.length >= 2) {
if (b[0].length >= 3) {
for (var i = 1; i < b.length; i++) {
if (b[i].length < 2) {
displayEmailError(err_msg);
displayEmailWarning(" - in domain-part, length of parts between each [DOT] should be >= 2");
return false;
break;
}
}
} else {
displayEmailError(err_msg);
displayEmailWarning(" - in domain-part, length of part before first [DOT] should be >= 3");
return false;
}
} else {
displayEmailError(err_msg);
displayEmailWarning(" - domain-part must contain atleast one [DOT]");
return false;
}
} else {
displayEmailError(err_msg);
displayEmailWarning(" - domain-part can contain only alphanumerics and [DOT]");
return false;
}
if (email_error.innerHTML == "") {
email_ok.innerHTML = "email is looking good :)";
email_ok.style.display = "inline";
return true;
}
} else {
displayEmailError(err_msg);
displayEmailWarning(" - requires '@' symbol");
return false;
}
}
function validateForm() {
if (!checkText()) {
text.focus();
return false;
}
if (!checkPass()) {
pass.focus();
return false;
}
if (!checkEmail()) {
email.focus();
return false;
}
text.value = textVal;
}
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/home.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- google font api, required for material icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<!-- custom css -->
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
@font-face {
font-family: bfont;
src: url(fonts/b.otf);
}
#cover #quote {
font-family: Times;
width: 80%;
}
.card img {
width: 100%;
}
#team-info-container h2 {
font-family: bfont;
font-size: 50px;
}
#team-info-container img {
width: 100%;
}
.material-icons {
color: black;
}
</style>
</head>
<body>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="blue lighten-5">
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li class="active" ><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<!-- for side nav bar -->
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="parallax-container" id="cover">
<div class="section">
<div class="container offset-m3">
<br><br><br><br><br><br><br>
<div id="quote" >
<h4 class="header white-text text-lighten-2">"Everything should be made as simple as possible, &#32;but not simpler"</h4>
</div>
<div class="row center">
<h5 class="header white-text text-lighten-4 col s12 light">Albert Einstein</h5>
</div>
</div>
</div>
<!-- parallax image -->
<div class="parallax">
<img src="img/a">
</div>
</div>
<div id="team-info-container" class="container">
<div class="section">
<div class="container">
<h3 class="header center blue-text">CS 251 GROUP</h3>
<h2 class="header center">MELUHANS</h2>
</div>
</div>
<div class="section">
<div class="row">
<div class="col s12 m2 offset-m1">
<a href="https://www.cse.iitb.ac.in/~vinayakk/"><img src="img/vinayak.png" class="circle small"></a>
<p class="flow-text center">Vinayak</p>
</div>
<div class="col s12 m2 offset-m2">
<a href="https://www.cse.iitb.ac.in/~shriramsb/"><img src="img/contact.png" class="circle small"></a>
<p class="flow-text center">Shriram</p>
</div>
<div class="col s12 m2 offset-m2">
<a href="https://www.cse.iitb.ac.in/~anubhaw/"><img src="img/contact.png" class="circle small"></a>
<p class="flow-text center">Anubhaw</p>
</div>
</div>
</div>
</div>
<div class="parallax-container" id="cover">
<div class="section">
<div class="container col m5 offset-m3">
<br><br><br><br><br><br><br><br><br>
<div class="row center">
<h5 class="header white-text flow-text text-lighten-4 col s12 light">Tranquil sunset at the Powai Lake ...</h5>
</div>
</div>
</div>
<div class="parallax">
<img src="img/powai-lake.jpg">
</div>
</div>
<div class="parallax-container" id="cover">
<div class="section">
<div class="container col m5 offset-m3">
<br><br><br><br><br><br><br><br><br>
<div class="row center">
<h5 class="header white-text flow-text text-lighten-4 col s12 light">A view from sameer hill</h5>
</div>
</div>
</div>
<div class="parallax">
<img src="img/campus.jpg">
</div>
</div>
<footer class="page-footer blue lighten-5">
</footer>
<!-- importing jquery and materialize js scripts -->
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/img/map-4th-floor.svg 0 → 100644
View file @ 22cb2c1b
This diff is collapsed.
lab02/outlab/interests.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<!-- for mathjax integration -->
<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
<style type="text/css">
.card-title {
font-size: 40px !important;
}
.card-content p {
font-size: 20px !important;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="teal lighten-3">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li class="active"><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div>
<br><br><br>
</div>
<div id="interest" class="container s12 l5 m5">
<div class="row">
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content flow-text white-text">
<h3 class="card-title header light">My interests</h3>
<p>- Web and App development</p>
<p>- Competitive coding</p>
<p>- Data structures and Algorithms</p>
<p>- Statistics</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content flow-text white-text">
<h3 class="card-title header light">My hobbies</h3>
<p>- Playing guitar, ukulele</p>
<p>- Pool</p>
<p>- Badminton</p>
<p>- Foosball</p>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<h3 class="header light center">One beautiful mathematical identity</h3>
<h5 class="header light center">(Euler's identity)</h5>
<h5>$${e^\iota}^\pi = -1$$</h5>
<p class="center">where, $$\iota = \sqrt{-1}$$</p>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/js/jquery-2.2.2.min.js 0 → 100644
View file @ 22cb2c1b
This diff is collapsed.
lab02/outlab/js/materialize.js 0 → 100644
View file @ 22cb2c1b
This diff is collapsed.
lab02/outlab/js/materialize.min.js 0 → 100644
View file @ 22cb2c1b
This source diff could not be displayed because it is too large. You can view the blob instead.
lab02/outlab/map.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
nav .brand-logo {
color: black;
font-family: monospace;
}
nav .nav-tabs a {
color: black;
}
#map img {
width: 100%;
}
.material-icons {
color: black;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="transparent lighten-5">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<br><br>
<div class="container" id="map">
<h5 class="header flow-text center">4th floor - New CSE building</h5>
<img src="img/map-4th-floor.svg" class="materialboxed responsive-img">
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab02/outlab/readme.txt 0 → 100644
View file @ 22cb2c1b
Group 33 : Lab02_outlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 90%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
image courtsey :
- iitb.ac.in
- unsplash.com
citation :
- css-tricks.com/perfect-full-page-background-image/
- stackoverflow.com/questions/10173460/regular-expression-include-and-exclude-special-characters
- materializecss.com/
- parallax
- navbar
- table
- cards
- media
- icons
Bonus tasks :
- attempted 'on the fly' form validation.
- attempted modifying PDF using inkscape
Reflection Essay :
- HTML5 - forms, navbar
- CSS - inserting new font, styling table, accordion, pseudo-classes
- Styling using external CSS frameworks (materialize) - responsive design, parallax effect, side navbar
- Basics of javascript - function declaration, loops, if-else
- Basics of regular expressions (in form validation)
- Basics of Inkscape - editing pdfs, drawing using bezier tool, cropping, adding watermark/text
lab02/outlab/timetable.html 0 → 100644
View file @ 22cb2c1b
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>vinayak</title>
<!-- tells the browser that the site is optimised for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- importing materialize stylesheet -->
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
<style type="text/css">
table th {
background-color: #999966;
}
</style>
</head>
<body>
<div class="bg-header"></div>
<div class="navbar-fixed">
<!-- Dropdown Structure -->
<ul id="more" class="dropdown-content">
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
<nav class="orange lighten-3">
<div class="background"></div>
<div class="nav-wrapper container">
<a href="#" class="brand-logo right">vinayak</a>
<a href="#" data-activates="nav-on-side" class="button-collapse"><i class="material-icons">menu</i></a>
<div class="nav-tabs">
<ul id="nav-mobile" class="hide-on-med-and-down">
<li><a href="home.html"><i class="material-icons left">home</i>HOME</a></li>
<li><a href="aboutMe.html"><i class="material-icons left">perm_identity</i>ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li class="active"><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="more">MORE<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
</div>
<div class="nav-tabs">
<ul id="nav-on-side" class="side-nav">
<li><a href="home.html">HOME</a></li>
<li><a href="aboutMe.html">ABOUT ME</a></li>
<li><a href="interests.html">INTERESTS</a></li>
<li><a href="timetable.html">TIME-TABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="form.html">FORM</a></li>
<li><a href="accordion.html">ACCORDIAN</a></li>
<li><a href="map.html">MAP</a></li>
</ul>
</div>
</div>
</nav>
</div>
<div>
<br><br><br>
</div>
<div class="">
<h3 class="header center">
Time-table for autumn semester, 2016
</h3>
<br><br><br>
<table class="bordered highlight centered">
</thead>
<tr>
<th> - </th>
<th>08:30 - 9:25</th>
<th>09:30 - 10:25</th>
<th>09:30 - 10:55</th>
<th>10:35 - 11:30</th>
<th>11:35 - 12:30</th>
<th>14:00 - 15:25</th>
<th>14:00 - 16:55</th>
<th>15:30 - 16:55</th>
<th>17:30 - 18:55</th>
<th>19:00 - 20:25</th>
</tr>
</thead>
<tbody>
<tr>
<td><b>Mon</b></td>
<td> - </td>
<td> - </td>
<td> - </td>
<td>CS 207</td>
<td>EE 101</td>
<td>CS 215</td>
<td> - </td>
<td>CS 213</td>
<td> - </td>
<td> - </td>
</tr>
<tr>
<td><b>Tue</b></td>
<td>EE 101</td>
<td> - </td>
<td> - </td>
<td> - </td>
<td>CS 207</td>
<td> - </td>
<td> - </td>
<td> - </td>
<td>CS 251 - Tut</td>
<td>CS 251 - Lab</td>
</tr>
<tr>
<td><b>Wed</b></td>
<td> - </td>
<td> - </td>
<td>SI 417</td>
<td> - </td>
<td> - </td>
<td> - </td>
<td> - </td>
<td> - </td>
<td> - </td>
<td> - </td>
</tr>
<tr>
<td><b>Thu</b></td>
<td>CS 207</td>
<td>EE 101</td>
<td> - </td>
<td> - </td>
<td> - </td>
<td>CS 215</td>
<td> - </td>
<td>CS 213</td>
<td> - </td>
<td> - </td>
</tr>
<tr>
<td><b>Fri</b></td>
<td> - </td>
<td> - </td>
<td>SI 417</td>
<td> - </td>
<td> - </td>
<td> - </td>
<td>CS 293</td>
<td> - </td>
<td> - </td>
<td> - </td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button-collapse").sideNav();
$(".parallax").parallax();
})
</script>
</body>
</html>
\ No newline at end of file
lab03/inlab/configurePasswordLessEntry.sh 0 → 100755
View file @ 22cb2c1b
#!/bin/bash
ssh-keygen -t rsa -f ~/.ssh/auto_login_ssh -P ""
ssh $1@$2 mkdir -p .ssh
cat ~/.ssh/auto_login_ssh.pub | ssh $1@$2 'cat >> .ssh/authorized_keys'
echo "successfully configured"
\ No newline at end of file
lab03/inlab/infiniteLoop.sh 0 → 100755
View file @ 22cb2c1b
#!/bin/bash
while true;
do
x=1
done
lab03/inlab/myBashCustomization.sh 0 → 100755
View file @ 22cb2c1b
#!/bin/bash
# sub-task 3
# changing PS1 variable
PS1='\u@\h - \t [\W]:$ '
# sub-task 4
alias bk='cd "$OLDPWD"'
# sub-task 5
# append this to .bashrc
RED='\033[0;31m'
GREEN="\033[0;32m"
NC='\033[0m'
# below ASCII art obtained from http://patorjk.com/software/taag/#p=display&h=3&f=Slant&t=MELUHANS
printf "${RED}"
printf " __ _____________ _____ _____________________
/ \ / \_ _____/ / _ \\______ \_ _____/
\ \/\/ /| __)_ / /_\ \| _/| __)_
\ / | \ / | \ | \| \\
\__/\ / /_______ / \____|__ /____|_ /_______ /
\/ \/ \/ \/ \/ "
printf "\n${GREEN}"
printf " __ ___________ __ ____ _____ _ _______
/ |/ / ____/ / / / / / / / / | / | / / ___/
/ /|_/ / __/ / / / / / / /_/ / /| | / |/ /\__ \
/ / / / /___/ /__/ /_/ / __ / ___ |/ /| /___/ /
/_/ /_/_____/_____\____/_/ /_/_/ |_/_/ |_//____/
"
printf "\n${NC}"
lab03/inlab/readme.txt 0 → 100644
View file @ 22cb2c1b
Group 33 : Lab03_inlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
Task A
Reasoning:
"/usr/share/bash-completion/bash_completion" gets called for tab-completion
when a command is not found, command_not_found_handle() is invoked and python script
'command-not-found' is run
Task B
> less /proc/meminfo | grep Mem | tr -d " " | cut -d':' -f2
citation:
- stackoverflow
Task C
Task 1
> ssh vinayakk@mars.cse.iitb.ac.in
Task 3
> ssh -X vinayakk@mars.cse.iitb.ac.in
> subl /tmp/lab3_inlab_C3.txt
Task 4
read from www.tecmint.com/ssh-passwordless-login-using-ssh-keygen-in-5-easy-steps/
ssh-keygen flags read from http://linux.die.net/man/1/ssh-keygen
Task D
task 3:
used & at the end of ./infiniteLoop.sh to run it as background process
>./infiniteLoop.sh &
studied from https://linuxconfig.org/understanding-foreground-and-background-linux-processes
task 4:
used %1 as an argument to kill ([1] was the process number returned by 'jobs')
>kill %1
- http://stackoverflow.com/questions/1624691/linux-kill-background-task
task 5:
1. run cell.sh as
>./cell.sh
2. open another terminal
> pgrep cell.sh
gives process ID of cell.sh
>kill -9 PID
kill -9 PID of above process as argument forces(-9) the process cell.sh to stop
>stackoverflow
Citations:
- http://linuxcommand.org/tlcl.php
- https://linuxconfig.org/understanding-foreground-and-background-linux-processes
- http://stackoverflow.com/questions/1624691/linux-kill-background-task
- http://patorjk.com/software/taag/#p=display&f=Graffiti&t=Type%20Something%20
lab03/outlab/readme.txt 0 → 100644
View file @ 22cb2c1b
Group 33 : Lab03_outlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
Task A :
- command in line 3 of 'taskA.txt' finds the file and opens it in sublime editor.
Task B:
- We used 'grep' with options -E (--extended-regexp) and -i (--ignore-case).
- since case insensitivity does not matter for condition 3, using -i option will give desired result.
Task C :
- "cat *" concatenates files in ascending order of names by default
- full contents of ultraball is not visible in terminal because almost all characters of main content is followed by a [BS](backspace) ascii character. So characters get deleted when output to terminal.
Task E :
- command on Laptop-Slowpoke is run first.
- Laptop-Slowpoke waits to recieve data and Laptop-Bulbasaur sends Bulbasaur.
- After this Laptop-Slowpoke sleeps for 1 second giving time for Laptop Bulbasaur to get ready to recieve Slowpoke, and then they transfer Slowpoke.
Task F :
- (To find different mime types)
> file --mime-type -b * | sort -u | less
- (To compile all c files)
> gcc *.c
- (To redirect stdout and stderr)
> ./a.out &> masterball
Task G :
- (To print out after converting to chars)
> ls -ltr | sed 1d | awk '{ printf "%c", $5 }' | less
("sed 1d" is to delete first line in stdout of "ls -ltr", which is total no of files)
Citations :
- (taskF, script) http://askubuntu.com/questions/539282/batch-rename-multiple-image-types
- (taskG, awk|printf) https://www.gnu.org/software/gawk/manual/html_node/Printf-Examples.html
- (netcat) http://osxdaily.com/2014/03/27/send-data-across-network-netcat/
- (executing multiple commands in one line) http://stackoverflow.com/questions/13077241/execute-combine-multiple-linux-commands-in-one-line
- (TaskB) regular-expressions.info
\ No newline at end of file
lab03/outlab/taskA.txt 0 → 100644
View file @ 22cb2c1b
Tokyo
/home/crossroads/pro/CS251/Lab03/outlab/support
find . -type f -size +50k -size -100k -name "[tT]*" -perm 400 -exec subl {} +
\ No newline at end of file
lab03/outlab/taskB.txt 0 → 100644
View file @ 22cb2c1b
GRASS Sceptile
/home/crossroads/pro/CS251/Lab03/outlab/support
find . -type f -name Shanghai -exec grep -Ei "^(grass|water) ([^bmBM]{6,10})$" {} +
\ No newline at end of file
lab03/outlab/taskC.txt 0 → 100644
View file @ 22cb2c1b
Magikarp
rm -R ./*/
rm A*
rm {1..20}
rm *.jpg
cat * > ultraball.html
\ No newline at end of file
lab03/outlab/taskD.txt 0 → 100644
View file @ 22cb2c1b
Squirtle
alpha omega
curl -X POST https://www.cse.iitb.ac.in/~sharat/current/cs251/Assign/Lab03/support/verify.php -d "username=alpha" -d "password=omega"
\ No newline at end of file
lab03/outlab/taskE.txt 0 → 100644
View file @ 22cb2c1b
cf3c122f1dabdc0fc4e1c37a25556bc8
f24109a62a0422577119abeb0db4f801
192.168.0.104
192.168.0.113
cat Bulbasaur | nc 192.168.0.113 1234 && nc -l 1234 > Slowpoke
nc -l 1234 > Bulbasaur && sleep 1 && cat Slowpoke | nc 192.168.0.104
lab03/outlab/taskF.sh 0 → 100644
View file @ 22cb2c1b
#!bin/bash
# should be run inside 'Kiev'
for f in ./*;
do
type=$(file --mime-type -b "$f" | cut -d/ -f2);
if [ "$type" = "x-c" ]; then
type="c";
fi
mv "$f" "$f.$type";
done
\ No newline at end of file
lab03/outlab/taskF.txt 0 → 100644
View file @ 22cb2c1b
ROTOM
application/gzip
image/jpeg
text/html
text/x-c
\ No newline at end of file
lab03/outlab/taskG.txt 0 → 100644
View file @ 22cb2c1b
Magikarp
ls -ltr | sed 1d | awk '{ print $5 }'
\ No newline at end of file
lab03/outlab/taskH.txt 0 → 100644
View file @ 22cb2c1b
Hawlucha
sed -Ei "s/flying|fighting/255 0 0/g" corruptedPokémon.ppm
sed -Ei "s/((Atk|Sp.A|Def|Sp.D):1[0-9][0-9])/255 8 153/g" corruptedPokémon.ppm
sed -Ei "s/HP-([0-9]{1,3})\/([0-9]{1,3})/\1/g" corruptedPokémon.ppm
\ No newline at end of file
lab03/outlab/taskI.sh 0 → 100644
View file @ 22cb2c1b
#!bin/bash
# script should be run in the directory which contains both
# 'dictionary.txt' & 'legendaryPokemon.zip'
for word in $(< dictionary.txt)
do
if yes | unzip -qq -P "$word" legendaryPokemon.zip
then
echo "$word"
break
fi
done
\ No newline at end of file
lab03/outlab/taskI.txt 0 → 100644
View file @ 22cb2c1b
Mewtwo
\ No newline at end of file
lab04/inlab/readme.txt 0 → 100644
View file @ 22cb2c1b
Group 33 : Lab04_inlab
Group Members:
(Vinayak K, 150050098)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Shriram S B, 150050099)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
(Anubhaw Kuntal Xess, 150050100)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
Percent contributed - 100%
Extra Credits:
1. In python, tuples are immutable. So, there is no append function for tuple(since append changes the tuple object which cannot happen). But, using '+' operator two tuples can be added and it returns a new tuple with second argument appended to first(it is allocated space separately somewhere else and the old tuples stay unchanged) (binding means the varible can be used to refer to that object)
>>>x = (1,2) #creates a tuple instance and binds it to x
>>>y = x + (3,) #adds (appends 3 to x) the two tuples and allocates a separate space for the
new extended tuple and binds the extended tuple to y
>>>x = x + (3,) #this just rebinds x to the new extended tuple returned
2.
Observation:
>>>li = [1, 2, 3]
>>>tup = (1,2, li)
>>>li.append(4)
>>>print(tup)
output: (1, 2, [1,2,3,4])
That is the 4 gets appended to the list.
Explanation:
4 gets appended to the list. The list is changed but the tuple is not changed.
A tuple stores reference to the objects inside it. For example, in tuple t = (1,2,3),
t[0] stores reference to int object 1, t[1] - reference to int object 2 and same for t[2].
>>>li = [1, 2, 3] #creates a list object [1,2,3] and binds it to li
>>>tup = (1, 2, li) #creates a tuple object and binds it to tup.
# tup[0] stores reference to int object 1
# tup[1] to int object 2
# tup[2] to the list object same as which li is bound to.
>>>li.append(4)
while appending the list li, tup is not changed. It still has three elements storing references to 'int object 1', 'int object 2', and the list object. It is just that the list object is changed. So, printing tup prints
(1,2,[1,2,3,4])
>>>b = [1,2]
>>>tup[3] = b #this cannot be done because it tries to change tup[3] to reference to the list bound to b which is at a different location from [1,2,3,4]
Citations:
Task_B1:
http://stackoverflow.com/questions/2612802/how-to-clone-or-copy-a-list-in-python
https://docs.python.org/3.3/library/functions.html#zip
Task B2:
http://stackoverflow.com/questions/3121979/how-to-sort-list-tuple-of-lists-tuples
Task B3:
http://stackoverflow.com/questions/6583573/how-to-read-numbers-from-file-in-python
taskB_inlab @ 8748887c
Subproject commit 8748887c1bf061ca9913bd56a1e5b4d0f53dca69
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