Skip to content

C
cs251_group16
Commit 0beb4e17 authored by KAMANA NAGENDRA REDDY's avatar KAMANA NAGENDRA REDDY
Browse files
Options

Second Lab added

parent 37efff51
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 97113 additions and 0 deletions
Lab 2/Inlab/aboutMe.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homestyle.css">
<title>Sreekar Garlapati's page</title>
</head>
<body>
<ul id="navbar">
<li><a href="home.html">Team Homepage</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>
</ul>
<div id="heading" style="font-size:60px;text-align:center;">
Welcome to my page !
</div>
<div style="font-size:45px;font-style:italic;margin-left:40px;padding:20px;">
About Me :
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
I am a sophomore student studying in the Computer Science and Engineering Dept. at IIT-Bombay.
A thousand words cannot describe me , let alone a div :P .
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">My personal inspiration is Elon Musk. Here's a video about him :</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/s7N-9E_e-wk" frameborder="0" allowfullscreen></iframe>
</body>
</html>
\ No newline at end of file
Lab 2/Inlab/contact.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homestyle.css">
<title>Contact</title>
</head>
<body>
<ul id="navbar">
<li><a href="home.html">Team Homepage</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>
</ul>
<div style="font-size:45px;font-style:italic;margin-left:40px;padding:20px;">
Contact Me !
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
You can mail me at <span style="font-style:italic">sreekar.dbz@gmail.com</span>
</div>
<div style="font-size:30px;margin-left:20px;padding:10px"><a href="https://www.facebook.com/sreekar.garlapati.9">Here's</a> the link to my facebook profile.</div>
<div style="font-size:30px;margin-left:20px;padding:10px">You can also call me anytime (though I may not be able to answer it) at 8879145101. </div>
<div style="font-size:30px;margin-left:20px;padding:10px">
For the folks back in AP and TS: Here's my name in telugu : &#3128;&#3149;&#3120;&#3136;&#3093;&#3120;&#3149;
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Inlab/home.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homestyle.css">
<title>
Team Invictus
</title>
</head>
<body id="back">
<ul id="navbar">
<li><a href="home.html">Homepage</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>
</ul>
<div id="teamname">
Team Invictus
</div>
<div id="random">
Group No: 16
Team Member:
<ul id="teamlist">
<li><a href="https://www.cse.iitb.ac.in/~sreekar">Sreekar Garlapati</a></li>
<li><a href="https://www.cse.iitb.ac.in/~nagendra">Nagendra Reddy</a></li>
<li><a href="https://www.cse.iitb.ac.in/~saiprakash">Sai Prakash</a></li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Inlab/homestyle.css 0 → 100644
View file @ 0beb4e17
#navbar{
margin: 10px;
padding: 10px;
width: 100%;
font-size: 200%;
background-color: #0E9;
height: 8%;
list-style-type: none;
}
#navbar li{
display: inline-block;
padding: 10px;
text-align: center;
width:18%;
}
#teamname{
font-size: 70px;
text-align: center;
font-style: italic;
}
#teamlist li{
font-size: 30px;
padding: 10px;
}
#random{
font-size: 35px;
}
body {
background-color: #f1f1f1;
}
a:link{
color:blue;
}
a:visited{
color:black;
}
table{
border-collapse: collapse;
}
td{
border-color:grey;
}
\ No newline at end of file
Lab 2/Inlab/interests.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homestyle.css">
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<title>My Interests</title>
</head>
<body>
<ul id="navbar">
<li><a href="home.html">Team Homepage</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>
</ul>
<div style="font-size:45px;font-style:italic;margin-left:40px;padding:20px;">
Interests :
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
My hobbies are to solve the rubik's cube,playing table tennis, running and coding.I am a full-on texh enthusiast and try to keep up with the everchanging world of technology.I also watch a lot (A LOT) of YouTube videos and more recently , I've been playing Pokemon Go. I have watched quite a few TV shows and listen to a ton of songs (P.S.: I <3 Billboard )
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
<span style="font-style:italic;">My future goals include :</span>
<ul>
<li>Travelling the world over</li>
<li>Have a math formula named after me ( However unlikely that may be :-P) </li>
<li>Becoming a tech pro</li>
</ul>
</div>
<div style="font-size:30px;padding:10px;">
A personal favorite mathematical formula of mine is the super powerful Caucy-Schwarz Inequality :</div>
<div style="font-size:30px;padding:10px;">
<span>$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$</span>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Inlab/readme.txt 0 → 100644
View file @ 0beb4e17
Group Number 16:
(Sreekar Garlapati ,150050065) , (Nagendra Reddy,150050067), (Sai Prakash , 150050075)
Percentages:
Sreekar Garlapati(150050065):100%
Sai Prakash(150050075):100%
Nagendra Reddy:Absent
Honor Code:
I pledge on my honour that I have not taken or given any unauthorized assistance on this assignment or the previous ones. Sai Prakash(150050075)
I , Sreekar Garlapati, solemnly pledge on my honor that I have !(given V taken) any unauthorized assistance on this assignment or on any of the previous ones. -Sreekar Garlapati (150050065)
Citations:
http://www.w3schools.com/html/html_tables.asp
Important Note:
I (Sreekar) have copied the mathjax code from a website but I ensure that I do understand it.
Lab 2/Inlab/timetable.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homestyle.css">
<title>My timetable</title>
</head>
<body>
<ul id="navbar">
<li><a href="home.html">Homepage</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>
</ul>
<div style="font-size:35px;font-style:italic;margin-left:40px;padding:20px;">
My TimeTable !
</div>
<table style="border:1px solid black;font-size:=80px;width:100%">
<tr ><td width="70">Monday</td><td width="70">10:35-11:30 CS207</td><td width="70">11:35-12:30 EE101</td><td width="70">14:00-15:30 CS205</td><td width="70">15:35-17:00 CS213</td></tr>
<tr><td width="70">Tuesday</td><td width="70">08:35-09:30 EE101</td><td width="70">11:35-12:30 CS207</td><td width="70">15:35-17:00 CS251 Tut</td><td width="70">17:00-20:00 CS251 Lab</td></tr>
<tr><td width="70">Wednesday</td><td width="70">09:35-11:00 SI417</td><td width="70">17:35-19:00 SI417 Tut</td><td width="70"></td><td width="70"></td></tr>
<tr><td width="70">Thursday</td><td width="70">08:35-09:30 CS207</td><td width="70">09:35-10:30 EE101</td><td width="70">14:00-15:30 CS205</td><td width="70">15:35-17:00 CS213</td></tr>
<tr><td width="70">Friday</td><td width="70">09:35-11:00 SI417</td><td width="70">14:00-15:00 CS293 Lab</td><td width="70"></td><td width="70"></td></tr>
</table>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Readme.txt 0 → 100644
View file @ 0beb4e17
Group Info:
Team Invictus (16)
(Sreekar Garlapati,150050065),(Nagendra Reddy,150050067),(Sai Prakash,150050075)
Reflection Essay:
Task A:
The task helped us to learn how to beautify the pages using a CSS library. We used materialize in our task. We did modify our page's layout a little bit and made it look better. Reading up the documentation is always fun and very informative.
Task B:
This was a tough one, albeit not though complicated. We had a thorough introduction to JavaScript and its various useful functions , onkeyup ,event listeners.
Preventing XSS was an interesting thing to do. The reading we did up on XSS attacks was very intrguing and gave us an insight into the world of hacking.
Task C:
The accordion is a simple UI element which was fun to code.This wasn't tough and did brush up on our CSS knowledge.
Task D:
It introduces us to Inkscape.It is in someways similar to AutoCAD which we used in our first year.AutoCAD is powerful but Inkscape is more flexible compared to AutoCAD.
Citations :
materializecss.com The materialize documentation is found here.Well illustrated features using examples
https://www.youtube.com/watch?v=8dCyaGT2708 Setting up grid for floorplan
http://graphicssoft.about.com/od/inkscape/ss/watermark.htm#step3 About adding watermark
Honor code:
I pledge on my honour that I have not taken or given any unauthorized assistance on this assignment or the previous ones. Sai Prakash(150050075)
I , Sreekar Garlapati, solemnly pledge on my honor that I have !(given V taken) any unauthorized assistance on this assignment or on any of the previous ones. -Sreekar Garlapati (150050065)
I pledge on my honour that I have not taken or given any unauthorized assistance on this assignment or the previous ones. Nagendra Reddy (150050067)
Percentage:
150050065:100%
150050067:100%
150050075:100%
NOTE:
1 ) The svg file is showing up differently when opened on chrome(or any other browser).The text is shifted to the left and some blocks are not being displayed.It opens on Inkscape perfectly.We tried some methods to resolve the issue but we couldnt identify the problem.The change however is really small.
2 ) The jQuery included is just for materialize effects for the waves. Disabling it would not affect the functionality much.
3) The form posts to the .php link given on piazza. This can be changed if more robust tests are to be run.
\ No newline at end of file
Lab 2/Outlab/Task A/aboutMe.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/homestyle.css">
<title>Sreekar Garlapati's homepage</title>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo right" style="margin-right:20px;">Sreekar Garlapati</a>
<ul class="left" style="margin-left:10px">
<li><a href="home.html">Team Homepage</a></li>
<li class="active"><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>
</ul>
</div>
</nav>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s8" >
<div class="z-depth-2 white" style="height:900px">
<div id="heading" style="font-size:60px;text-align:center;">
Welcome to my page
</div>
<div style="font-size:45px;margin-left:40px;padding:20px;">
About Me :
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
I am a sophomore student studying in the Computer Science and Engineering Dept. at IIT-Bombay.
A thousand words cannot describe me , let alone a div :P .
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">My personal inspiration is Elon Musk. Here's a video about him :
</div>
<iframe width="840" height="472" src="https://www.youtube.com/embed/s7N-9E_e-wk" frameborder="0" allowfullscreen style="margin-left:50px"></iframe>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task A/contact.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/homestyle.css">
<title>Contact me</title>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo right" style="margin-right:20px;">Sreekar Garlapati</a>
<ul class="left" style="margin-left:10px">
<li><a href="home.html">Team Homepage</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 class="active"><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s8" >
<div class="z-depth-2 white" style="height:800px">
<div style="font-size:45px;margin-left:40px;padding:20px;">
Contact Me !
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
You can mail me at <span style="font-style:italic">sreekar.dbz@gmail.com</span>
</div>
<div style="font-size:30px;margin-left:20px;padding:10px"><a href="https://www.facebook.com/sreekar.garlapati.9">Here's</a> the link to my facebook profile.</div>
<div style="font-size:30px;margin-left:20px;padding:10px">You can also call me anytime (though I may not be able to answer it) at 8879145101. </div>
<div style="font-size:30px;margin-left:20px;padding:10px">
For the folks back in AP and TS: Here's my name in telugu : &#3128;&#3149;&#3120;&#3136;&#3093;&#3120;&#3149;
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task A/css/homestyle.css 0 → 100644
View file @ 0beb4e17
#navbar{
margin: 10px;
padding: 10px;
width: 100%;
font-size: 200%;
background-color: #0E9;
height: 8%;
list-style-type: none;
}
#navbar li{
display: inline-block;
padding: 10px;
text-align: center;
width:18%;
}
#teamname{
font-size: 70px;
text-align: center;
font-style: italic;
}
#teamlist li{
font-size: 30px;
padding: 10px;
}
#random{
font-size: 35px;
}
body {
background-color: #f1f1f1;
}
a:link a:visited{
color:white;
}
table{
border-collapse: collapse;
}
td{
border-color:grey;
}
\ No newline at end of file
Lab 2/Outlab/Task A/home.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/homestyle.css">
<title>Team Invictus</title>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo right" style="margin-right:20px;">Team Invictus</a>
<ul class="left" style="margin-left:10px">
<li class="active"><a href="home.html">Homepage</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>
</ul>
</div>
</nav>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s8" >
<div class="z-depth-2 white " style="height:850px">
<h2 style="margin-left:20px;text-align:center">Welcome to our homepage</h2>
<div class="flow-text" style="margin-left:20px;font-weight:360;margin-left:10px">We're Team <span style="font-style:italic">Invictus </span>,i.e. the undefeatable.
<br>Here are the links to our individual webpages on the CSE website:
<ul>
<li>
<a href="https://www.cse.iitb.ac.in/~sreekar" class="flow-text black-text">
<div class="card col s10 valign-wrapper">
<div class="col s2">
<img class="responsive-img circle" src="images/sreekar.jpg"></div>
<div class="col s8">
Sreekar Garlapati
</div>
</div>
</a>
</li>
<li><br></li>
<li><a href="https://www.cse.iitb.ac.in/~nagendra" class="flow-text black-text"><div class="card col s10 valign-wrapper">
<div class="col s2">
<img class="responsive-img circle" src="images/nag.jpg"></div>
<div class="col s8">
Nagendra Reddy
</div>
</div></a></li>
<li><br></li>
<li><a href="https://www.cse.iitb.ac.in/~saiprakash" class="flow-text black-text"><div class="card col s10 valign-wrapper">
<div class="col s2">
<img class="responsive-img circle" src="images/psesp.jpg"></div>
<div class="col s8">
Sai Prakash
</div>
</div></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task A/interests.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/homestyle.css">
<title>My Interests</title>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo right" style="margin-right:20px;">Sreekar Garlapati</a>
<ul class="left" style="margin-left:10px">
<li><a href="home.html">Team Homepage</a></li>
<li><a href="aboutMe.html">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>
</ul>
</div>
</nav>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s8" >
<div class="z-depth-2 white" style="height:850px">
<div style="font-size:45px;margin-left:40px;padding:20px;">
My Interests :
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
My hobbies are to solve the rubik's cube,playing table tennis, running and coding.I am a full-on texh enthusiast and try to keep up with the everchanging world of technology.<br>I also watch a lot (A LOT) of YouTube videos and more recently , I've been playing Pokemon Go. I have watched quite a few TV shows and listen to a ton of songs. <br>(P.S.: I <3 Billboard )
</div>
<div style="font-size:30px;margin-left:20px;padding:10px">
<span style="font-style:italic;">My future goals include :</span>
<ul>
<li>Travelling the world over</li>
<li>Have a math formula named after me ( However unlikely that may be :-P) </li>
<li>Becoming a tech pro</li>
</ul>
</div>
<div style="font-size:30px;margin-left:20px;padding:10px;">
A personal favorite mathematical formula of mine is the super powerful <br>Cauchy-Schwarz Inequality :</div>
<div style="font-size:30px;padding:10px;margin-left:20px;">
<span>$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$</span>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task A/materialize/LICENSE 0 → 100644
View file @ 0beb4e17
The MIT License (MIT)
Copyright (c) 2014-2016 Materialize
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Lab 2/Outlab/Task A/materialize/README.md 0 → 100755
View file @ 0beb4e17
![alt tag](https://raw.github.com/dogfalo/materialize/master/images/materialize.gif)
===========
[![Travis CI](https://travis-ci.org/Dogfalo/materialize.svg?branch=master)](https://travis-ci.org/Dogfalo/materialize)[![devDependency Status](https://david-dm.org/Dogfalo/materialize/dev-status.svg)](https://david-dm.org/Dogfalo/materialize#info=devDependencies)[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/Dogfalo/materialize?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[Materialize](http://materializecss.com/), a CSS Framework based on material design
### Current Version : v0.97.7
## Sass Requirements:
- Ruby Sass 3.3+, LibSass 0.6+
## Supported Browsers:
Chrome 35+, Firefox 31+, Safari 7+, IE 10+
## Changelog
- v0.97.7 (July 23rd)
- Basic horizontal cards
- Carousel bug fixes and new features
- Updated sidenav styles and new component
- Meteor package now supports Sass
- Autocomplete form component
- Chips jQuery plugin
- v0.97.6 (April 1st)
- **Removed deprecated material icons from project**
- **Changed /font directory to /fonts**
- Datepicker and ScrollSpy now compatible with jQuery 2.2.x
- Responsive tables now work with empty cells
- Added focus states to checkboxes, switches, and radio buttons
- Sidenav and Modals no longer cause flicker with scrollbar
- Materialbox overflow and z-index issues fixed
- Added new option for Card actions within a Card reveal
- v0.97.5 (Dec 21, 2015)
- Fixed Meteor package crash
- v0.97.4 (Dec 20, 2015)
- Added Jasmine testing with Travis CI
- Select bugfixes
- Grid Offset bugfix
- Dropdown overflow bugfix
- Range slider error bugfix
## Contributing
[Please read CONTRIBUTING.md for more information](CONTRIBUTING.md)
## Testing
We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](https://docs.google.com/document/d/1dVM6qGt_b_y9RRhr9X7oZfFydaJIEqB9CT7yekv-4XE/edit?usp=sharing)
Lab 2/Outlab/Task A/materialize/css/materialize.css 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task A/materialize/css/materialize.min.css 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task A/materialize/js/materialize.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task A/materialize/js/materialize.min.js 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task A/timetable.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<link rel="stylesheet" type="text/css" href="css/homestyle.css">
<title>Sreekar Garlapati's homepage</title>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo right" style="margin-right:20px;">Sreekar Garlapati</a>
<ul class="left" style="margin-left:10px">
<li><a href="home.html">Team Homepage</a></li>
<li><a href="aboutMe.html">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>
</ul>
</div>
</nav>
</div>
<div class="row">
<div class="col s2"></div>
<div class="col s8" >
<div class="z-depth-2 white" style="height:800px">
<div style="font-size:40px;margin-left:40px;padding:20px;">
My TimeTable
</div>
<table class="striped centered">
<thead>
<tr>
<th>Courses\Day</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
</thead>
<tbody>
<tr>
<td>CS207</td>
<td>10:35-11:30</td>
<td>11:35-12:30</td>
<td></td>
<td>8:35-9:30</td>
<td></td>
</tr>
<tr>
<td>CS215</td>
<td>14:00-15:30</td>
<td></td>
<td></td>
<td>14:00-15:30</td>
<td></td>
</tr><tr>
<td>CS213</td>
<td>15:35-17:00</td>
<td></td>
<td></td>
<td>15:35-17:00</td>
<td></td>
</tr><tr>
<td>CS251</td>
<td></td>
<td></td>
<td>15:30-17:00<br>17:30-20:30</td>
<td></td>
<td></td>
</tr><tr>
<td>CS293</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>14:00-18:00</td>
</tr><tr>
<td>SI417</td>
<td></td>
<td></td>
<td>09:30-11:00<br>19:00-20:30</td>
<td></td>
<td>09:30-11:00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task B/form.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<title>The HTML Form</title>
</head>
<body class="blue-grey lighten-4">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo center" ">Team Invictus</a>
<ul class="left" style="margin-left:10px">
<li class="active"><a href="forms.html">HTML Form</a></li>
</ul>
</div>
</nav>
</div>
<div style="width:15%;display:inline-block" style="height:100%"></div>
<div style="font-size:40px;margin-top:80px;display:inline-block;width:70%;margin:auto,0;padding:20px" class="z-depth-5 white">
Form<hr>
<div class="row">
<form class="col s12" action="http://localhost:3000/" method="post" onsubmit="encode()">
<div class="row">
<div class="col s2" style="display:inline-block;">
Text
</div>
<div class="col s10" style="display:inline-block;">
<input type="text" name="text" id="textin" placeholder="Enter text here" onkeyup="text_validate()" onfocus="text_empty()">
</div>
<div class="col s2" style="display:inline-block;"></div>
<div class="col s10" id="text_valid" style="font-size:15px;color:red;"></div>
<div class="col s2" style="display:inline-block;">
Password
</div>
<div class="col s10" style="display:inline-block">
<input type="password" name="pass" placeholder="Enter the password here" id="pass" onkeyup="pass_validate()" onfocus="pass_empty()">
</div>
<div class="col s2" style="display:inline-block;"></div>
<div class="col s10" id="pass_valid" style="font-size:15px;color:red;"></div>
<div class="col s2" style="display:inline-block;">
Email id
</div>
<div class="col s10" style="display:inline-block">
<input type="email" name="email" id="email" placeholder="Enter your email address here" onkeyup="email_validate()" onfocus="email_empty()">
</div>
<div class="col s2" style="display:inline-block;"></div>
<div class="col s10" id="email_valid" style="font-size:15px;color:red;"></div>
<!-- <div class="waves-effect waves-light col s2" style="background-color:#8CD5ED;padding:10px;text-align:center">Submit</div> -->
<button type="submit" class="btn waves-effect" id="submitbtn" style="font-variant:normal;font-size:20px;text-align:center">Post</button>
</div>
</form>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="materialize/js/materialize.js"></script>
<script type="text/javascript" src="js/form_validate.js"></script>
</body>
</html>
\ No newline at end of file
Lab 2/Outlab/Task B/js/form_validate.js 0 → 100644
View file @ 0beb4e17
var pass=document.getElementById("pass");
btnvalid=false;
textval=false;
passval=false;
emailval=false;
var text_validate=function(){
var text=document.getElementById('textin').value;
var text_valid=document.getElementById('text_valid');
if(text.length>100||text.length<6){
text_valid.innerHTML="Please enter text ranging from 6-50 characters in length";textval=false;
btnvalidate();
}
else{
text_valid.innerHTML="";textval=true;
btnvalidate();
}
}
var text_empty=function(){
var text_valid=document.getElementById('text_valid');
text_valid.innerHTML="";
}
var pass_validate= function(){
var pass=document.getElementById('pass').value;
var pass_valid=document.getElementById('pass_valid');
if(pass.length>20||pass.length<8){
pass_valid.innerHTML="Please enter a password ranging from 8-20 characters in length";emailval=false;
btnvalidate();
}
else{
if(pass.split('$').length>1||pass.split('!').length>1||pass.split('@').length>1||pass.split('_').length>1){
pass_valid.innerHTML=""; passval=true;
btnvalidate();
}
else{
pass_valid.innerHTML="Please enter a password with at least one special character among {$,!,@,_}"; passval=false;
btnvalidate();
}
}
}
var pass_empty=function(){
var pass_valid=document.getElementById('pass_valid');
pass_valid.innerHTML="";
}
var email_validate=function(){
var email=document.getElementById('email').value;
var email_valid=document.getElementById('email_valid');
var store=email.split('@');
var cor1=true,cor2=true;
if(store.length>2||store.length==1){
cor1=false;
}
else{
var local=store[0];
var domain=store[1].split('.');
if(domain.length==1){
cor2=false;
}
for(var i=0;i<domain.length;i++){
if(i==0){
if(domain[i].length<3){
cor2=false;
}
}
else{
if(domain[i].length<2){
cor2=false;
}
}
for(var j=0;j<domain[i].length;j++){
if((domain[i][j]>='a'&&domain[i][j]<='z')||(domain[i][j]>='A'&&domain[i][j]<='Z')){}
else{
cor2=false;
}
}
}
if(local.length<3){
cor1=false;
}
else{
for(var i=0;i<local.length;i++){
if((local[i]>='0'&&local[i]<='9')||(local[i]>='a'&&local[i]<='z')||(local[i]>='A'&&local[i]<='Z')||local[i]=='.'||local[i]=='_'){
}
else{
cor1=false;
}
}
}
}
if(cor1&&cor2){
email_valid.innerHTML="";emailval=true;
btnvalidate();
}
else{
email_valid.innerHTML="Please enter a valid email id";emailval=false;
btnvalidate();
}
}
var email_empty=function(){
var email_valid=document.getElementById('email_valid');
email_valid.innerHTML="";
}
var encode=function(){
text=document.getElementById('textin').value;
pass=document.getElementById('pass').value;
email=document.getElementById('email').value;
text=encodestr(text);
pass=encodestr(pass);
email=encodestr(email);
}
var encodestr=function(str){
var len=str.length;
for(var i=0;i<len;i++){
if(str[i]=='<'){
var front=str.substring(0,i);
var back=str.substring(i+1,len);
var store=front+"&lt"+back;
str=store;
}
if(str[i]=='>'){
var front=str.substring(0,i);
var back=str.substring(i+1,len);
var store=front+"&gt"+back;
str=store;
}
if(str[i]=='/'){
var front=str.substring(0,i);
var back=str.substring(i+1,len);
var store=front+"&#47"+back;
str=store;
}
}
return str;
}
var btnvalidate=function(){
var submitbtn=document.getElementById('submitbtn')
btnvalid=emailval&&passval&&textval;
if(btnvalid){
submitbtn.disabled=false;
}
else{
submitbtn.disabled=true;
}
}
window.onload=btnvalidate();
\ No newline at end of file
Lab 2/Outlab/Task B/js/jquery.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task B/materialize/css/materialize.css 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task B/materialize/css/materialize.min.css 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task B/materialize/js/materialize.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task B/materialize/js/materialize.min.js 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task C/ReadMe.txt 0 → 100644
View file @ 0beb4e17
The jQuery file has been added only for the waves effect which is very common in usage of materialize. removing the jquery link will not affect the accordion function as it has not been used in implementing it in the first place.
\ No newline at end of file
Lab 2/Outlab/Task C/accordion.js 0 → 100644
View file @ 0beb4e17
var elements=document.getElementsByClassName("element");
var hidden=document.getElementsByClassName("hidden");
elements[0].addEventListener("click",function(){
if(hidden[0].style.display=="block"){
hidden[0].style.display="none";
}
else{
hidden[0].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[1].addEventListener("click",function(){
if(hidden[1].style.display=="block"){
hidden[1].style.display="none";
}
else{
hidden[1].style.display="block";
hidden[0].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[2].addEventListener("click",function(){
if(hidden[2].style.display=="block"){
hidden[2].style.display="none";
}
else{
hidden[2].style.display="block";
hidden[0].style.display="none";
hidden[1].style.display="none";
hidden[3].style.display="none";
}
});
elements[3].addEventListener("click",function(){
if(hidden[3].style.display=="block"){
hidden[3].style.display="none";
}
else{
hidden[3].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[0].style.display="none";
}
});
// console.log("fsdfas");
\ No newline at end of file
Lab 2/Outlab/Task C/css/pokestyle.css 0 → 100644
View file @ 0beb4e17
.element{
padding:20px;
margin-top:20px;
background-color: #5CCDF2;
}
.hidden{
display: none;
border:1px solid black;
}
.intext{
font-size: 30px;
font-family: Verdana;
padding:10px;
margin-left: 10px;
}
\ No newline at end of file
Lab 2/Outlab/Task C/js/accordion.js 0 → 100644
View file @ 0beb4e17
var elements=document.getElementsByClassName("element");
var hidden=document.getElementsByClassName("hidden");
elements[0].addEventListener("click",function(){
if(hidden[0].style.display=="block"){
hidden[0].style.display="none";
}
else{
hidden[0].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[1].addEventListener("click",function(){
if(hidden[1].style.display=="block"){
hidden[1].style.display="none";
}
else{
hidden[1].style.display="block";
hidden[0].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[2].addEventListener("click",function(){
if(hidden[2].style.display=="block"){
hidden[2].style.display="none";
}
else{
hidden[2].style.display="block";
hidden[0].style.display="none";
hidden[1].style.display="none";
hidden[3].style.display="none";
}
});
elements[3].addEventListener("click",function(){
if(hidden[3].style.display=="block"){
hidden[3].style.display="none";
}
else{
hidden[3].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[0].style.display="none";
}
});
// console.log("fsdfas");
\ No newline at end of file
Lab 2/Outlab/Task C/js/jquery.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task C/materialize/css/materialize.css 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task C/materialize/css/materialize.min.css 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task C/materialize/js/materialize.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task C/materialize/js/materialize.min.js 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task C/pokemon.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/pokestyle.css">
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<title>Poke Accordion</title>
</head>
<body class="blue-grey lighten-5">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo center" ">Team Invictus</a>
<ul class="left" style="margin-left:10px">
<li class="active"><a href="pokemon.html">Mini-Dex</a></li>
</ul>
</div>
</nav>
</div>
<div style="width:15%;display:inline-block"></div>
<div style="font-size:40px;margin-top:40px;display:inline-block;width:70%;margin:auto,0;padding:10px 40px 10px 40px; " class="">
Pok&#233mon<img src="pokeball.png" style="float:right"><hr>
<ul style="list-style:none">
<a href="#" class="btn waves-effect element" style="width:100%;text-align:left;height:90px;padding:23px;font-variant:small-caps">
<li class="" style="width:100%;text-align:left;font: 40px arial,sans-serif;">
Bagon
</li>
</a>
<li class="hidden" style="display:block">
<span class="intext">
Final Evolution : Salamence
</span>
<br>
<span class="intext">
It's moves : Dragon Breath, Dragon Claw, Flamethrower and Zen Headbutt.<br>
</span>
<img src="Bagon2.png" style="display:inline-block">
<img src="Salamence2.png" class="right" style="display:inline-block;margin-right:20px;float:right">
</li>
<a href="#" class="btn waves-effect waves element" style="width:100%;text-align:left;height:90px;padding:23px;font-variant:small-caps">
<li class="" style="width:100%;text-align:left;font: 40px arial,sans-serif;">
Ralts
</li>
</a>
<li class="hidden">
<span class="intext">
Final Evolution : Gardevoir
</span>
<br>
<span class="intext">
It's moves : Dream Eater, Charm, Hypnosis and Future Sight.
</span><br>
<img src="Ralts2.png" style="display:inline-block">
<img src="Gardevoir2.png" class="right" style="display:inline-block;margin-right:20px;float:right">
</li>
<a href="#" class="btn waves-effect element" style="width:100%;text-align:left;height:90px;padding:23px;font-variant:small-caps">
<li class="" style="width:100%;text-align:left;font: 40px arial,sans-serif;">
Shaymin
</li>
</a>
<li class="hidden">
<span class="intext">
Final Evolution : None
</span>
<br>
<span class="intext">
It's moves : Seed Flare, Healing Wish,Sweet Kiss and Energy Ball.
</span><br>
<img src="Shaymin.png" style="display:inline-block;margin-left:30%">
</li>
<a href="#" class="btn waves-effect waves element" style="width:100%;text-align:left;height:90px;padding:23px;font-variant:small-caps">
<li class="" style="width:100%;text-align:left;font: 40px arial,sans-serif;">
Dratini
</li>
</a>
<li class="hidden">
<span class="intext">
Final Evolution : Dragonite
</span>
<br>
<span class="intext">
It's moves : Hyperbeam, Dragon Rush, Dragon Dance and Outrage.
</span><br>
<img src="Dratini.png" style="display:inline-block">
<img src="Dragonite.png" class="right" style="display:inline-block;margin-right:20px;float:right">
</li>
</ul>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="materialize/js/materialize.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>
</html>
\ No newline at end of file
Lab 2/Outlab/Task D/finalupload.svg 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task D/js/accordion.js 0 → 100644
View file @ 0beb4e17
var elements=document.getElementsByClassName("element");
var hidden=document.getElementsByClassName("hidden");
elements[0].addEventListener("click",function(){
if(hidden[0].style.display=="block"){
hidden[0].style.display="none";
}
else{
hidden[0].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[1].addEventListener("click",function(){
if(hidden[1].style.display=="block"){
hidden[1].style.display="none";
}
else{
hidden[1].style.display="block";
hidden[0].style.display="none";
hidden[2].style.display="none";
hidden[3].style.display="none";
}
});
elements[2].addEventListener("click",function(){
if(hidden[2].style.display=="block"){
hidden[2].style.display="none";
}
else{
hidden[2].style.display="block";
hidden[0].style.display="none";
hidden[1].style.display="none";
hidden[3].style.display="none";
}
});
elements[3].addEventListener("click",function(){
if(hidden[3].style.display=="block"){
hidden[3].style.display="none";
}
else{
hidden[3].style.display="block";
hidden[1].style.display="none";
hidden[2].style.display="none";
hidden[0].style.display="none";
}
});
// console.log("fsdfas");
\ No newline at end of file
Lab 2/Outlab/Task D/js/jquery.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task D/materialize/css/materialize.css 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task D/materialize/css/materialize.min.css 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task D/materialize/js/materialize.js 0 → 100644
View file @ 0beb4e17
This diff is collapsed.
Lab 2/Outlab/Task D/materialize/js/materialize.min.js 0 → 100644
View file @ 0beb4e17
This source diff could not be displayed because it is too large. You can view the blob instead.
Lab 2/Outlab/Task D/svgembed.html 0 → 100644
View file @ 0beb4e17
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
<title>First Floor Plan</title>
</head>
<body class="blue-grey lighten-5">
<div class="navbar-fixed">
<nav class="cyan accent-4">
<div class="nav-wrapper">
<a href="#" class="brand-logo center" ">Team Invictus</a>
<ul class="left" style="margin-left:10px">
<li class="active"><a href="svgembed.html">Floor Plan</a></li>
</ul>
</div>
</nav>
</div>
<div style="width:15%;display:inline-block"></div>
<div style="font-size:40px;margin-top:40px;display:inline-block;width:70%;margin:auto,0;padding:10px 40px 10px 40px; " class="">
<img src="finalupload.svg">
<div>
First Floor Plan
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="materialize/js/materialize.js"></script>
</html>
\ No newline at end of file
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