diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..be6eeba
Binary files /dev/null and b/.DS_Store differ
diff --git a/Assignment/.DS_Store b/Assignment/.DS_Store
new file mode 100644
index 0000000..bb583d8
Binary files /dev/null and b/Assignment/.DS_Store differ
diff --git a/Assignment/HW3-JS_ToDo_List/.DS_Store b/Assignment/HW3-JS_ToDo_List/.DS_Store
new file mode 100644
index 0000000..4efe5d5
Binary files /dev/null and b/Assignment/HW3-JS_ToDo_List/.DS_Store differ
diff --git a/Assignment/HW3-JS_ToDo_List/index.html b/Assignment/HW3-JS_ToDo_List/index.html
new file mode 100644
index 0000000..6a5a06d
--- /dev/null
+++ b/Assignment/HW3-JS_ToDo_List/index.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+ Homework4 Javascript and jQuery
+
+
+
+
+
+
+
+
+
+
+
Your To-Do List
+
+
Are you taking a ton of ischool awesome classes ? Do you find yourself surrounded by projects which makes you forget some of your other important tasks ? Fret no more! You have your own personal task list.
+
+
Mention what task you need to do in the textbox below.
+
click "Add Item to list" button and your task will be automatically saved to to-do list.
+
If you have completed your task, you can hit the 'mark as complete' button and it will move automatically to 'completed task list'
+
You can move your task from completed task list to to-do list by clicking the 'mark as incomplete' button
+
simple ! right? Lets get started!
+
+
+
+
+
Enter task to be done below
+
+
+
+
+
+
+
+
Here is your To-Do List
+
+
+
+
+
+
+
Here is your Completed Task List
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Assignment/HW3-JS_ToDo_List/main.js b/Assignment/HW3-JS_ToDo_List/main.js
new file mode 100644
index 0000000..fc3c1b6
--- /dev/null
+++ b/Assignment/HW3-JS_ToDo_List/main.js
@@ -0,0 +1,40 @@
+$(document).ready(function() {
+ $("#new-item").on('click', function() {
+ // once the document loads,
+ // create new item with this function
+ $("#header1").animate({marginLeft: "+=400px"});//animation for moving the header left to right
+ $("#header1").animate({marginLeft: "-=400px"});//animation for moving the header right to left
+ var todo_input = $("input").val();
+ $("#to-do").prepend('
'+" " +todo_input+ " " + '
');
+ $("#to-do").animate({fontSize: '2em'}, "slow");
+ $("#to-do").animate({fontSize: '1em'}, "slow");
+ });
+
+
+ $("#to-do").on('click', "button", function() {
+ // move from list_todo container to
+ // list_completed container
+ $("#header2").animate({marginLeft: "+=400px"});//animation for moving the header left to right
+ $("#header2").animate({marginLeft: "-=400px"});//animation for moving the header right to left
+ $(this).html("Unmark as Complete");
+ var completed = $(this).parent();
+ $("#completed").prepend(completed);
+ $("#completed").animate({fontSize: '2em'}, "slow");
+ $("#completed").animate({fontSize: '1em'}, "slow");
+
+ });
+
+ $("#list_completed").on('click', "button", function() {
+ // move back from list_completed container to
+ // list_todo container
+ $("#header2").animate({marginLeft: "+=400px"}); //animation for moving header2 from left to right
+ $("#header2").animate({marginLeft: "-=400px"});//animation for moving header2 from right to left
+ $("#header1").animate({marginLeft: "+=400px"});//animation for moving the header1 left to right
+ $("#header1").animate({marginLeft: "-=400px"});//animation for moving header2 from right to left
+ $(this).html("completed?");
+ var doAgain = $(this).parent();
+ $("#to-do").prepend(doAgain);
+
+ });
+});
+
diff --git a/Assignment/HW3-JS_ToDo_List/style.css b/Assignment/HW3-JS_ToDo_List/style.css
new file mode 100644
index 0000000..13b0202
--- /dev/null
+++ b/Assignment/HW3-JS_ToDo_List/style.css
@@ -0,0 +1,59 @@
+/* Add CSS */
+/*----------------- CSS RESET ------------------*/
+
+body{
+ background-image: url("https://ae01.alicdn.com/kf/HTB1gYMOIXXXXXX1XVXXq6xXFXXXu/12x8FT-font-b-Light-b-font-Brown-Orange-Wooden-Planks-font-b-Wood-b-font-font.jpg");
+ width: 980px;
+ margin: 20px 35px 50px;
+ font-size: 16px;
+ line-height: 1.7;
+}
+#instructions{
+ width : 90%;
+ background-image:url("http://www.dreamtemplate.com/dreamcodes/bg_images/color/c10.jpg");
+ font-style: italic;
+ font-color: pink;
+ color: white;
+ padding: 15px;
+
+}
+
+.todoImage{
+ float: left;
+}
+
+
+.completedImage{
+ float: left;
+}
+#to-do,
+#completed{
+ display: block;
+ margin-left: 50%;
+ margin-top: 15%;
+}
+
+
+h1,h2,h3 {
+ color: white;
+}
+
+#list_todo{
+ background-color: yellow;
+ width: 80%;
+ display: block;
+ margin-left: 50px;
+ font-family: helvetica;
+ font-color: blue;
+ display: inline-block;
+}
+
+#list_completed{
+ background-color: pink;
+ width: 80%;
+ display: block;
+ margin-left: 50px;
+ font-family: sans-serif;
+ color: green;
+ display: inline-block;
+}
\ No newline at end of file
diff --git a/Assignment/HW4_SoundCloud/.DS_Store b/Assignment/HW4_SoundCloud/.DS_Store
new file mode 100644
index 0000000..c396f22
Binary files /dev/null and b/Assignment/HW4_SoundCloud/.DS_Store differ
diff --git a/Assignment/HW4_SoundCloud/_css/.DS_Store b/Assignment/HW4_SoundCloud/_css/.DS_Store
new file mode 100644
index 0000000..93da8ce
Binary files /dev/null and b/Assignment/HW4_SoundCloud/_css/.DS_Store differ
diff --git a/Assignment/HW4_SoundCloud/_css/style.css b/Assignment/HW4_SoundCloud/_css/style.css
new file mode 100644
index 0000000..ae0bd46
--- /dev/null
+++ b/Assignment/HW4_SoundCloud/_css/style.css
@@ -0,0 +1,44 @@
+
+body{
+ background-image: url("http://pre10.deviantart.net/3046/th/pre/f/2010/320/d/1/website_background_by_modsoft-d3302jz.png");
+ color: white;
+ margin-left: 20px;
+}
+
+h2{
+ padding-top: 3%;
+ background-image: url("https://images.sharefaith.com/images/3/1335548756984_58/img_mouseover3.jpg");
+ height: 13%;
+ text-align: center;
+}
+.song {
+ display: flex;
+ margin-bottom: 3%;
+}
+
+article {
+ display: flex;
+ flex-direction: row;
+}
+
+
+li {
+ list-style: none;
+}
+
+
+.song-details {
+ margin-left: 3%;
+}
+
+#search-results, #playlist {
+ margin-top: 3%;
+}
+
+
+
+
+.h3style {
+ padding-left: 200px;
+}
+
diff --git a/Assignment/HW4_SoundCloud/_js/.DS_Store b/Assignment/HW4_SoundCloud/_js/.DS_Store
new file mode 100644
index 0000000..4074f24
Binary files /dev/null and b/Assignment/HW4_SoundCloud/_js/.DS_Store differ
diff --git a/Assignment/HW4_SoundCloud/_js/main.js b/Assignment/HW4_SoundCloud/_js/main.js
new file mode 100644
index 0000000..8f0a466
--- /dev/null
+++ b/Assignment/HW4_SoundCloud/_js/main.js
@@ -0,0 +1,64 @@
+/* jQuery code to run the music playlist*/
+
+$(document).on("click", ".playlist-add", function () {
+ var same = $(this).parent().parent().clone();
+ same.children(".song-details").children(".playlist-add").remove();
+ same.children(".song-details").append("");
+ $('#songsList').prepend(same);
+});
+
+
+$(document).ready(
+ $("#music").on("click", function() {
+ searchSongsAPI($("#find").val());
+ })
+);
+
+/* jQuery code to play music*/
+$(document).on("click", ".play", function () {
+ playSong($(this).attr('id'));
+});
+
+/* jQuery code for down button functionality*/
+$(document).on("click", ".down", function() {
+ searchedSong = $(this).parent().parent();
+ searchedSong.insertAfter(searchedSong.next());
+});
+
+/* jQuery code to search the music*/
+function searchSongsAPI(searchQuery) {
+ $("#results").children("#songResults").children().remove();
+ $.get("https://api.soundcloud.com/tracks?client_id=b3179c0738764e846066975c2571aebb",
+ {'q': searchQuery,
+ 'limit': '150'},
+ function(data) {
+ for (var i = 0; i < 18; i++) {
+ $("#songResults").append("
Browse through millions of songs here and create your own playlist!
+
Type whatever you want to search for in the searchbox below
+
Loved the song ? Add it to your Playlist and play it from there!
+
You can remove a song from playlist by clicking on remove song button or reorder the position of song in the playlist by clicking on the up and down buttons !
+
+
+
+
+
Your Searched Songs
+
+
+
Songs Playlist
+
+
+
+
+
\ No newline at end of file
diff --git a/Assignment/Homework_1 - HTML/.DS_Store b/Assignment/Homework_1 - HTML/.DS_Store
new file mode 100644
index 0000000..0558645
Binary files /dev/null and b/Assignment/Homework_1 - HTML/.DS_Store differ
diff --git a/Assignment/Homework_1 - HTML/.DS_Store.orig b/Assignment/Homework_1 - HTML/.DS_Store.orig
new file mode 100644
index 0000000..1be6b80
Binary files /dev/null and b/Assignment/Homework_1 - HTML/.DS_Store.orig differ
diff --git a/Assignment/Homework_1 - HTML/area.html b/Assignment/Homework_1 - HTML/area.html
new file mode 100644
index 0000000..301d879
--- /dev/null
+++ b/Assignment/Homework_1 - HTML/area.html
@@ -0,0 +1,28 @@
+
+
+
+
+Area
+
+
+
+
+
+
+
Pickachu can be seen napping in a bright sunlight. It has two red dots
+on its cheeks. By practicing html and css Pikachu can learn confusion.
+Pikachu likes to steal computer chargers from sleeping college students.
+
Pickachu can be seen napping in a bright sunlight. It has two red dots
+on its cheeks. By practicing html and css Pikachu can learn confusion.
+Pikachu likes to steal computer chargers from sleeping college students.
+
Pickachu can be seen napping in a bright sunlight. It has two red dots
+on its cheeks. By practicing html and css Pikachu can learn confusion.
+Pikachu likes to steal computer chargers from sleeping college students.
+
Pickachu can be seen napping in a bright sunlight. It has two red dots
+on its cheeks. By practicing html and css Pikachu can learn confusion.
+Pikachu likes to steal computer chargers from sleeping college students.
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/pokedex.html b/Assignment/Homework_2 - CSS_ResponsiveDesign/pokedex.html
new file mode 100755
index 0000000..4429293
--- /dev/null
+++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/pokedex.html
@@ -0,0 +1,83 @@
+
+
+
+ Pokemon
+
+
+
+
+
+
+
+
+
+
+
+
Pokedex
+
+
+
+
+
+
+
+
No. 001 Pikachu
+
+
+
+
No. 001 Pikachu
+
+
+
+
+
- Electric type
- Gentle temperament
- Grasslands
+
+
+
+
+
+ - Electric type - Gentle temperament - Grasslands
+
+
+
+ Pickahu can be seen napping in a bright sunlight. It has two red dots on its cheeks. By practicing html and css Pikachu can learn confusion. Pikachu likes to steal computer chargers from sleeping college students.
+
Hi There! Welcome to Ape Ask, the leading online survey site.
+
+
Let's get you logged in
+
+
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/Labs/lab9-flask/flaskLab2/app/templates/results.html b/Labs/lab9-flask/flaskLab2/app/templates/results.html
new file mode 100755
index 0000000..92b5b64
--- /dev/null
+++ b/Labs/lab9-flask/flaskLab2/app/templates/results.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{% block title %}
+ Survey
+{% endblock %}
+
+{% block header %}
+ {{ super() }}
+
+{% endblock %}
+
+{% block content %}
+
Great news - your results are in! Check it out...
+
+
Here are some of your favorite things
+ Your favorite course is {{ surveyResponse['course']}}
+ Your favorite color is {{ surveyResponse['color']}}
+ Your favorite food is {{ surveyResponse['food']}}
+ Your favorite vacation spot is {{ surveyResponse['vacation']}}
+
+
Wow! Your front end skillz are getting sharp!
+ Before IO Lab, your front end skillz were at a {{ surveyResponse['fe-before']}}
+ But in just a few short weeks of IO Lab, your front end skillz are now a {{ surveyResponse['fe-after']}}
+
+
+ Want your survey results emailed to you?
+ Yes!
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/Labs/lab9-flask/flaskLab2/app/templates/survey.html b/Labs/lab9-flask/flaskLab2/app/templates/survey.html
new file mode 100755
index 0000000..b7c966f
--- /dev/null
+++ b/Labs/lab9-flask/flaskLab2/app/templates/survey.html
@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{% block title %}
+ Survey
+{% endblock %}
+
+
+{% block header %}
+{{super()}}
+
+
+{% endblock %}
+
+{% block content %}
+
+
+ 
+ 
+
+
+
+
+
+
+>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917
+
+
+
+
+
