diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..6d56c33 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. +

+

+
+ +

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("
  • "+data[i].title+"
  • "+data[i].user.username+"
  • \ + \ +
    "); + }; + },'json' + ); +} +/* jQuery code for up button functionality*/ +$(document).on("click", ".up", function() { + searchedSong = $(this).parent().parent(); + searchedSong.insertBefore(searchedSong.prev()); +}); + +/* jQuery code to remove song from palylist*/ +$(document).on("click", ".remove", function() { + $(this).parent().parent().remove(); +}); + +/* jQuery function to play music*/ +function playSong(url) { + $('#stratus').remove(); + $.stratus({ + key: "b3179c0738764e846066975c2571aebb", + auto_play: true, + align: "bottom", + links: url + }); +} + diff --git a/Assignment/HW4_SoundCloud/index.html b/Assignment/HW4_SoundCloud/index.html new file mode 100644 index 0000000..b708eb9 --- /dev/null +++ b/Assignment/HW4_SoundCloud/index.html @@ -0,0 +1,29 @@ + + + + + + + IMusic + + + +

    Welcome to IMusic - A Music hub for Ischool

    +

    Love listening songs? We have got you covered !

    +

    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 + + + + + + +

    Here is the Area that you requested !

    + +
    +
    + + + + + \ No newline at end of file diff --git a/Assignment/Homework_1 - HTML/assets/.DS_Store b/Assignment/Homework_1 - HTML/assets/.DS_Store new file mode 100644 index 0000000..0b4fc88 Binary files /dev/null and b/Assignment/Homework_1 - HTML/assets/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/assets/backgrounds/.DS_Store b/Assignment/Homework_1 - HTML/assets/backgrounds/.DS_Store new file mode 100644 index 0000000..ca68ce2 Binary files /dev/null and b/Assignment/Homework_1 - HTML/assets/backgrounds/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/assets/icons/.DS_Store b/Assignment/Homework_1 - HTML/assets/icons/.DS_Store new file mode 100644 index 0000000..bc56bef Binary files /dev/null and b/Assignment/Homework_1 - HTML/assets/icons/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/assets/images/.DS_Store b/Assignment/Homework_1 - HTML/assets/images/.DS_Store new file mode 100644 index 0000000..8ad3d6f Binary files /dev/null and b/Assignment/Homework_1 - HTML/assets/images/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/assets/images/extra_credit/.DS_Store b/Assignment/Homework_1 - HTML/assets/images/extra_credit/.DS_Store new file mode 100644 index 0000000..b9824a1 Binary files /dev/null and b/Assignment/Homework_1 - HTML/assets/images/extra_credit/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/css/.DS_Store b/Assignment/Homework_1 - HTML/css/.DS_Store new file mode 100644 index 0000000..93da8ce Binary files /dev/null and b/Assignment/Homework_1 - HTML/css/.DS_Store differ diff --git a/Assignment/Homework_1 - HTML/css/style.css b/Assignment/Homework_1 - HTML/css/style.css new file mode 100644 index 0000000..83c4fc6 --- /dev/null +++ b/Assignment/Homework_1 - HTML/css/style.css @@ -0,0 +1,242 @@ +hml{ + margin: 0; + padding: 0; + } + + h1{ +<<<<<<< HEAD + color: white; + background-color: maroon; + font-weight:bold; + padding: 20px 460px; + margin: 10 0 .4em; +======= + color: #fff; +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 + } + + body{ + background-image:url('../assets/backgrounds/background_home.png'); + /*background-size: 200px 200px + background-repeat: no-repeat*/ + + } + + table.menu { + width: auto; + margin-right: 0px; +} + + table.right{ + align-self: right; + } + + #id{ + align-self: center; + } + +<<<<<<< HEAD + .header1{ + margin-right: 40px; + margin-left: 0px; + + /*padding: 20px 460px; + margin: 10 0 .4em;*/ + + } + .header2{ + margin-right: 40px; + margin-left: 40px; + font-size: 2em; + margin-bottom: 0px; + margin-top:0px; + padding: 0px; + } + .header3{ + margin-right: 0px; + margin-left: 40px; + margin-bottom: 0px; + margin-top:0px; + padding: 0px; + width: .4em + height:.4em; + } + + + .header ul li { + background-color: maroon; + color: #fff; + display: inline-block; + padding: 25 25px;/* + line-height: 40px;*/ + cursor: pointer; + margin-right: 0px; + margin-left: 0px; +======= + + + .header { + background-color: maroon; + + display: inline-block; + /* padding: 25 25px;/**/ + float: left; + width: 100%; +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 +} + + .bottom{ + background-color: blue; +<<<<<<< HEAD + padding-left: 50px; + padding-right: 50px; + display: inline-block; + + +} + +.button{ + height: 2em; + width: 120px; +======= + width : 100%; + text-align: center; + float: left; +} + +.button{ + width: 10%; + height: 2em; + margin: 20px; + +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 + } + +.section{ + border: 2px; + border-style: solid; + border-color: red; + border-radius: 2em; + border-width: .2em; +<<<<<<< HEAD + word-wrap: break-word; + +} +/* +h1, h2, h3, h4, h5, h6, p { + margin: 0; + padding: 0; +} +h1, h2, h3, h4, h5, h6 { + color: rgb(107, 107, 132); +} +body { + font: 100% Verdana, Geneva, sans-serif; + width: 80%; + margin-right: auto; + margin-left: auto; + padding: 2.5% 2.5% 0; + background: white; + line-height: 1.8; +} +h1 { + font-size: 1.6em; + margin-bottom: .4em; + color: rgb(83, 104, 138); +} +h2 { + font: 3.2em Georgia, "Times New Roman", Times, serif; + margin-bottom: .2em; +} +h3 { + font-size: 1.2em; +} +p { + margin-bottom: 1em; +} +a { + color: rgb(184, 126, 84); +} +a:hover { + color: rgb(120, 97, 55); +} +pre { + font-size: 1.4em; + color: white; + padding: .5em 1em; + border-left: 1em solid #A68048; + background: #666; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; + width: 80%; +} +pre.wrong { + border-left-color: red; +} +pre.correct { + border-left-color: green; +} +dt { + font-style: italic; + font-size:1.2em; +} +dd { + margin-bottom: 1.4em; +} +table { + margin-top: 1em; +} +caption { + margin: 0; + padding: 0; + margin-bottom: 1em; + text-align: left; +} +td, th { + padding: 10px; +} +.center { + text-align: center; +} +header h2 { + padding-bottom: .2em; + border-bottom: 1px solid gray; +} +aside { + padding: 1em; + background:rgb(83, 104, 138); + color: white; + margin-bottom: 1em; +} +aside h4 { + color: white; +} +footer { + border-top: 1px solid gray; + text-align: center; + font-size: .8em; + line-height: 4em; + margin-top: 1em; +} +blockquote { + font-style: italic; +} +.flowRight { + float: right; + margin-left: 10px; +} +.flowLeft { + float: left; + margin-right: 10px; +} +*/ +======= + padding: 20px; + + + +} +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 diff --git a/Assignment/Homework_1 - HTML/css/style.css.orig b/Assignment/Homework_1 - HTML/css/style.css.orig new file mode 100644 index 0000000..98c8922 --- /dev/null +++ b/Assignment/Homework_1 - HTML/css/style.css.orig @@ -0,0 +1,242 @@ +html{ + margin: 0; + padding: 0; + } + + h1{ +<<<<<<< HEAD + color: white; + background-color: maroon; + font-weight:bold; + padding: 20px 460px; + margin: 10 0 .4em; +======= + color: #fff; +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 + } + + body{ + background-image:url('../assets/backgrounds/background_home.png'); + /*background-size: 200px 200px + background-repeat: no-repeat*/ + + } + + table.menu { + width: auto; + margin-right: 0px; +} + + table.right{ + align-self: right; + } + + #id{ + align-self: center; + } + +<<<<<<< HEAD + .header1{ + margin-right: 40px; + margin-left: 0px; + + /*padding: 20px 460px; + margin: 10 0 .4em;*/ + + } + .header2{ + margin-right: 40px; + margin-left: 40px; + font-size: 2em; + margin-bottom: 0px; + margin-top:0px; + padding: 0px; + } + .header3{ + margin-right: 0px; + margin-left: 40px; + margin-bottom: 0px; + margin-top:0px; + padding: 0px; + width: .4em + height:.4em; + } + + + .header ul li { + background-color: maroon; + color: #fff; + display: inline-block; + padding: 25 25px;/* + line-height: 40px;*/ + cursor: pointer; + margin-right: 0px; + margin-left: 0px; +======= + + + .header { + background-color: maroon; + + display: inline-block; + /* padding: 25 25px;/**/ + float: left; + width: 100%; +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 +} + + .bottom{ + background-color: blue; +<<<<<<< HEAD + padding-left: 50px; + padding-right: 50px; + display: inline-block; + + +} + +.button{ + height: 2em; + width: 120px; +======= + width : 100%; + text-align: center; + float: left; +} + +.button{ + width: 10%; + height: 2em; + margin: 20px; + +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 + } + +.section{ + border: 2px; + border-style: solid; + border-color: red; + border-radius: 2em; + border-width: .2em; +<<<<<<< HEAD + word-wrap: break-word; + +} +/* +h1, h2, h3, h4, h5, h6, p { + margin: 0; + padding: 0; +} +h1, h2, h3, h4, h5, h6 { + color: rgb(107, 107, 132); +} +body { + font: 100% Verdana, Geneva, sans-serif; + width: 80%; + margin-right: auto; + margin-left: auto; + padding: 2.5% 2.5% 0; + background: white; + line-height: 1.8; +} +h1 { + font-size: 1.6em; + margin-bottom: .4em; + color: rgb(83, 104, 138); +} +h2 { + font: 3.2em Georgia, "Times New Roman", Times, serif; + margin-bottom: .2em; +} +h3 { + font-size: 1.2em; +} +p { + margin-bottom: 1em; +} +a { + color: rgb(184, 126, 84); +} +a:hover { + color: rgb(120, 97, 55); +} +pre { + font-size: 1.4em; + color: white; + padding: .5em 1em; + border-left: 1em solid #A68048; + background: #666; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; + width: 80%; +} +pre.wrong { + border-left-color: red; +} +pre.correct { + border-left-color: green; +} +dt { + font-style: italic; + font-size:1.2em; +} +dd { + margin-bottom: 1.4em; +} +table { + margin-top: 1em; +} +caption { + margin: 0; + padding: 0; + margin-bottom: 1em; + text-align: left; +} +td, th { + padding: 10px; +} +.center { + text-align: center; +} +header h2 { + padding-bottom: .2em; + border-bottom: 1px solid gray; +} +aside { + padding: 1em; + background:rgb(83, 104, 138); + color: white; + margin-bottom: 1em; +} +aside h4 { + color: white; +} +footer { + border-top: 1px solid gray; + text-align: center; + font-size: .8em; + line-height: 4em; + margin-top: 1em; +} +blockquote { + font-style: italic; +} +.flowRight { + float: right; + margin-left: 10px; +} +.flowLeft { + float: left; + margin-right: 10px; +} +*/ +======= + padding: 20px; + + + +} +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 diff --git a/Assignment/Homework_1 - HTML/map.html b/Assignment/Homework_1 - HTML/map.html new file mode 100644 index 0000000..913ce90 --- /dev/null +++ b/Assignment/Homework_1 - HTML/map.html @@ -0,0 +1,28 @@ + + + + +Map + + + + + + +

    Here you can find the map to locate Pokemons!

    + +
    +
    + + + + + \ No newline at end of file diff --git a/Assignment/Homework_1 - HTML/pokedex.html b/Assignment/Homework_1 - HTML/pokedex.html new file mode 100644 index 0000000..082ab27 --- /dev/null +++ b/Assignment/Homework_1 - HTML/pokedex.html @@ -0,0 +1,177 @@ + + + + +Pokedex + + + + + + +
    +<<<<<<< HEAD +
    +======= +
    + +

    Pokedex

    + + + + + +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 +
    +
    + +
    + +
    +
    + + + + + + + + + + + +

    No.001 Pikachu

    +
      +
    • Electric Type
    • +
    • Gentle temperment
    • +
    • Grasslands
    • +
    +
    +
    +
    + +
    +

    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. +

    +
    + + + + + + + + + + + + + + + + + + + + +
    + + + + + + + + + + +<<<<<<< HEAD + + +======= +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 diff --git a/Assignment/Homework_1 - HTML/pokedex_BACKUP_95591.html b/Assignment/Homework_1 - HTML/pokedex_BACKUP_95591.html new file mode 100644 index 0000000..082ab27 --- /dev/null +++ b/Assignment/Homework_1 - HTML/pokedex_BACKUP_95591.html @@ -0,0 +1,177 @@ + + + + +Pokedex + + + + + + +
    +<<<<<<< HEAD +
    +======= +
    + +

    Pokedex

    + + + + + +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 +
    +
    + +
    + +
    +
    + + + + + + + + + + + +

    No.001 Pikachu

    +
      +
    • Electric Type
    • +
    • Gentle temperment
    • +
    • Grasslands
    • +
    +
    +
    +
    + +
    +

    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. +

    +
    + + + + + + + + + + + + + + + + + + + + +
    + + + + + + + + + + +<<<<<<< HEAD + + +======= +>>>>>>> 52030fe02dc2a727f56f399dfdf279600f90f917 diff --git a/Assignment/Homework_1 - HTML/pokedex_BASE_95591.html b/Assignment/Homework_1 - HTML/pokedex_BASE_95591.html new file mode 100644 index 0000000..e69de29 diff --git a/Assignment/Homework_1 - HTML/pokedex_LOCAL_95591.html b/Assignment/Homework_1 - HTML/pokedex_LOCAL_95591.html new file mode 100644 index 0000000..4e98e99 --- /dev/null +++ b/Assignment/Homework_1 - HTML/pokedex_LOCAL_95591.html @@ -0,0 +1,157 @@ + + + + +Pokedex + + + + + + +
    +
    +
      +
    • Pokedex

    • +
    • +
    +
    +
    +
    + +
    + +
    +
    + + + + + + + + + + + +

    No.001 Pikachu

    +
      +
    • Electric Type
    • +
    • Gentle temperment
    • +
    • Grasslands
    • +
    +
    +
    +
    + +
    +

    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. +

    +
    + + + + + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + diff --git a/Assignment/Homework_1 - HTML/pokedex_REMOTE_95591.html b/Assignment/Homework_1 - HTML/pokedex_REMOTE_95591.html new file mode 100644 index 0000000..793e9c4 --- /dev/null +++ b/Assignment/Homework_1 - HTML/pokedex_REMOTE_95591.html @@ -0,0 +1,103 @@ + + + + +Pokedex + + + + + + +
    +
    + +

    Pokedex

    + + + + + +
    +
    + +
    + +
    +
    + + + + + + + + + + + +

    No.001 Pikachu

    +
      +
    • Electric Type
    • +
    • Gentle temperment
    • +
    • Grasslands
    • +
    +
    +
    +
    + +
    +

    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. +

    +
    + + + + + + + + + + + + + + + + + + + + +
    + + + + + + + + + + diff --git a/Assignment/Homework_1 - HTML/~$1 - HTML.docx b/Assignment/Homework_1 - HTML/~$1 - HTML.docx new file mode 100644 index 0000000..afd2b81 Binary files /dev/null and b/Assignment/Homework_1 - HTML/~$1 - HTML.docx differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/.DS_Store b/Assignment/Homework_2 - CSS_ResponsiveDesign/.DS_Store new file mode 100644 index 0000000..e989046 Binary files /dev/null and b/Assignment/Homework_2 - CSS_ResponsiveDesign/.DS_Store differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/area.html b/Assignment/Homework_2 - CSS_ResponsiveDesign/area.html new file mode 100644 index 0000000..fc68343 --- /dev/null +++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/area.html @@ -0,0 +1,25 @@ + + + + +Area + + + + + + +

    Here is the Area that you requested !

    + +
    +
    + + + + + \ No newline at end of file diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/.DS_Store b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/.DS_Store new file mode 100644 index 0000000..2a9ec5e Binary files /dev/null and b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/.DS_Store differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/.DS_Store b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/.DS_Store new file mode 100644 index 0000000..4ef3505 Binary files /dev/null and b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/.DS_Store differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/extra_credit/.DS_Store b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/extra_credit/.DS_Store new file mode 100644 index 0000000..f639aa2 Binary files /dev/null and b/Assignment/Homework_2 - CSS_ResponsiveDesign/assets/images/extra_credit/.DS_Store differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/css/.DS_Store b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/.DS_Store new file mode 100644 index 0000000..a9db0c4 Binary files /dev/null and b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/.DS_Store differ diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/css/laptop.css b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/laptop.css new file mode 100755 index 0000000..dd1b026 --- /dev/null +++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/laptop.css @@ -0,0 +1,135 @@ +div header button { + font-size: 0.3em; + border-radius: 5px; + border: 1px solid black; + width: 7%; + height: 40%; + margin-left: 3%; + background-color: white; + +} + +body { + font-size: 1.5em; + margin-right: 0; + margin-left: 0; + font-family: "Gill Sans"; +} + +table { + width: 50%; + border: 1px solid black; + display: inline-block; + margin-left: 15%; + background-color: #fefeff; + border-collapse: collapse; +} + +#ball { + width: 3%; + margin-right: 3%; +} + + +a { + text-decoration:none; +} + +div input { + padding: 1%; + width: 94%; + margin: 2%; + + color: grey; + + border: 1px solid black; + font-size: .5em; +} + +#pikachu_image { + margin-left: 10%; + width: 17%; + display: inline-block; +} + +#heading { + display: none; +} + +#pikachu_image2{ + display: none; +} + +#menu_header { + display: none; + height:20px; +} + +div header p { + color: white; +} + + +#main_section #pikachu_bullets { + display: none; +} + +#table_id{ + background-color:#5d90cb; +} + +#center_box { + padding: 2%; + margin: 3%; + background-color: white; + border-radius: 25px; + text-align: center; + color: black; + border: 10px solid #bd5858; +} + +#nav_1, #nav_2 { + display: none; +} + + +th { + color: white; + width: 4%; +} + +footer { + display: flex; + justify-content: space-around; + background-color: #5d90cb; + height: 60px; +} + +#pokedex img { + width: 15%; + border: 1px solid black; +} + +#pokedex { + text-align: center; +} + +footer button { + height: 60%; + margin-top: 1%; + width: 10%; + border-radius: 10px; + background-color: white; + +} + + +div header { + background-color: #bd5858; + height: 70px; + display: flex; + justify-content: space-between; + align-items: center; +} + + diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/css/phone.css b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/phone.css new file mode 100755 index 0000000..7f44f5d --- /dev/null +++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/phone.css @@ -0,0 +1,115 @@ +body { + font-family: "Gill Sans"; +} + +div header p { + color: white; + margin: 0 auto; +} + + +div input { + padding: 3%; + margin: 3%; + color: grey; + width: 88%; + border: 1px solid black; +} + +#pikachu_image { + display: none; +} + +#table_id{ + background-color:#5d90cb; +} + +#ball { + display: none; +} + +div header img { + padding-left: 4px; +} + +#heading { + background-color:#5d90cb; + padding: 3%; + margin: 3%; + text-align: center; + color: white; + border: 1px solid black; +} + +#pikachu_image2{ + margin-left: 33%; + width: 30%; + height: auto; +} + +table { + display: none; +} + +#main_section #pikachu_bullets { + background-color: white; + border: 1px solid black; + margin: 3%; + margin-bottom: 10%; + padding: 5%; + padding-left: 25%; + +} + +#center_box { + display: none; +} + +#nav_1, #nav_2 { + background-color: #5d90cb; +} + +a { + text-decoration:none; +} + + +#nav_1 button, #nav_2 button { + border-radius: 5px; + margin: 2%; + width: 23%; + display:inline; + color: black; + background-color: white; + margin-left: 17%; +} + + +#menu_header { + height:20px; +} + + +#pokedex img { + width: 48%; + border: 1px solid black; + display: inline-block; +} + +footer { + background-color: #5d90cb; + display: none; +} + +div header { + justify-content: space-around; + align-items: center; + background-color: #bd5858; + height: 40px; + display: flex; +} + +div header button{ + display: none; +} + diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/css/tab.css b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/tab.css new file mode 100755 index 0000000..c60e4dd --- /dev/null +++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/css/tab.css @@ -0,0 +1,130 @@ +body { + font-family: "Gill Sans"; + font-size: 2.5em; + margin-right: 0; + margin-left: 0; +} + +div header p { + color: white; +} + +#ball { + width: 8%; + margin-right: 3%; +} + +div header button { + margin-left: 3%; + background-color: white; + height: 30%; + font-size: 0.3em; + border-radius: 5px; + border: 1px solid black; + width: 12%; +} + +#center_box { + padding: 2%; + margin: 3%; + text-align: center; + color: black; + border: 10px solid #bd5858; + background-color: white; + border-radius: 25px; +} + +#nav_1, #nav_2 { + display: none; +} + +table { + display: none; +} + + +footer button { + font-size: 0.5em; + width: 18%; + color: black; + background-color: white; + border-radius: 10px; + margin: 2%; + margin-left: 3%; + padding-top: 1%; + padding-bottom: 1% + +} + +div input { + padding: 3%; + margin: 3%; + color: grey; + width: 88%; + border: 1px solid black; + font-size: .5em; +} + +#pikachu_image { + display: none; +} + +#heading { + background-color:#5d90cb; + padding: 2%; + margin: 3%; + text-align: center; + color: white; + border: 1px solid black; +} + +#table_id{ + background-color:#5d90cb; +} + + +#pikachu_image2{ + margin-left: 5%; + width: 24%; + height: auto; + display: inline-block; +} + +div header { + background-color: #bd5858; + height: 100px; + display: flex; + justify-content: space-between; + align-items: center; +} + +#menu_header { + display: none; + height:20px; +} + +footer{ + background-color: #5d90cb; +} + + +a { + text-decoration:none; +} + + +#pokedex img { + width: 23.5%; + border: 1px solid black; +} + +#main_section #pikachu_bullets { + padding: 4%; + margin-left: 6%; + display: inline-block; + background-color: white; + border: 1px solid black; + margin-top: 5%; + width: 50%; + vertical-align: top; +} diff --git a/Assignment/Homework_2 - CSS_ResponsiveDesign/map.html b/Assignment/Homework_2 - CSS_ResponsiveDesign/map.html new file mode 100644 index 0000000..98e95d7 --- /dev/null +++ b/Assignment/Homework_2 - CSS_ResponsiveDesign/map.html @@ -0,0 +1,25 @@ + + + + +Map + + + + + + +

    Here you can find the map to locate Pokemons!

    + +
    +
    + + + + + \ 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. +

    + +
    + +
    + + + + + +
    + + + + + + + + + + + + +
    + + + + + \ No newline at end of file diff --git a/Labs/.DS_Store b/Labs/.DS_Store new file mode 100644 index 0000000..11e7653 Binary files /dev/null and b/Labs/.DS_Store differ diff --git a/Labs/Lab 4 - Responsive Design/.DS_Store b/Labs/Lab 4 - Responsive Design/.DS_Store new file mode 100644 index 0000000..64513da Binary files /dev/null and b/Labs/Lab 4 - Responsive Design/.DS_Store differ diff --git a/Labs/Lab10-sql/.DS_Store b/Labs/Lab10-sql/.DS_Store new file mode 100644 index 0000000..8b60db9 Binary files /dev/null and b/Labs/Lab10-sql/.DS_Store differ diff --git a/Labs/Lab10-sql/Lab-SQLite.zip b/Labs/Lab10-sql/Lab-SQLite.zip new file mode 100644 index 0000000..398682c Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite.zip differ diff --git a/Labs/Lab10-sql/Lab-SQLite/.DS_Store b/Labs/Lab10-sql/Lab-SQLite/.DS_Store new file mode 100644 index 0000000..60a1312 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/.DS_Store differ diff --git a/Labs/Lab10-sql/Lab-SQLite/Untitled.rtf b/Labs/Lab10-sql/Lab-SQLite/Untitled.rtf new file mode 100644 index 0000000..5be5d02 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/Untitled.rtf @@ -0,0 +1,8 @@ +{\rtf1\ansi\ansicpg1252\cocoartf1504 +{\fonttbl\f0\fnil\fcharset0 Menlo-Regular;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red255\green255\blue255;} +{\*\expandedcolortbl;\csgray\c100000;\csgray\c0;\csgray\c100000;} +\margl1440\margr1440\vieww10800\viewh8400\viewkind0 +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\partightenfactor0 + +\f0\fs22 \cf2 \cb3 \CocoaLigature0 sqlite3 app.db < schema.sql} diff --git a/Labs/Lab10-sql/Lab-SQLite/__pycache__/config.cpython-35.pyc b/Labs/Lab10-sql/Lab-SQLite/__pycache__/config.cpython-35.pyc new file mode 100644 index 0000000..263c906 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/__pycache__/config.cpython-35.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app.db b/Labs/Lab10-sql/Lab-SQLite/app.db new file mode 100644 index 0000000..069c33c Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app.db differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/.DS_Store b/Labs/Lab10-sql/Lab-SQLite/app/.DS_Store new file mode 100644 index 0000000..488bf23 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/.DS_Store differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__init__.py b/Labs/Lab10-sql/Lab-SQLite/app/__init__.py new file mode 100755 index 0000000..353d3af --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/__init__.py @@ -0,0 +1,8 @@ +from flask import Flask +from flask.ext.sqlalchemy import SQLAlchemy + +app = Flask(__name__) +app.config.from_object('config') +db = SQLAlchemy(app) + +from app import views, models diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__init__.pyc b/Labs/Lab10-sql/Lab-SQLite/app/__init__.pyc new file mode 100644 index 0000000..7773f19 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/__init__.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/__init__.cpython-35.pyc b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/__init__.cpython-35.pyc new file mode 100644 index 0000000..f02e5a3 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/__init__.cpython-35.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/forms.cpython-35.pyc b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/forms.cpython-35.pyc new file mode 100644 index 0000000..74c0dc0 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/forms.cpython-35.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/models.cpython-35.pyc b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/models.cpython-35.pyc new file mode 100644 index 0000000..d19eaf4 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/models.cpython-35.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/views.cpython-35.pyc b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/views.cpython-35.pyc new file mode 100644 index 0000000..a22aeaf Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/__pycache__/views.cpython-35.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/forms.py b/Labs/Lab10-sql/Lab-SQLite/app/forms.py new file mode 100755 index 0000000..a0d42b1 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/forms.py @@ -0,0 +1,9 @@ +from flask.ext.wtf import Form +from wtforms import StringField, IntegerField +from flask_wtf.html5 import EmailField +from wtforms.validators import DataRequired + +class CustomerForm(Form): + company = StringField('company', validators=[DataRequired()]) + email = EmailField('email', validators=[DataRequired()]) + diff --git a/Labs/Lab10-sql/Lab-SQLite/app/forms.pyc b/Labs/Lab10-sql/Lab-SQLite/app/forms.pyc new file mode 100644 index 0000000..669b7b7 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/forms.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/models.py b/Labs/Lab10-sql/Lab-SQLite/app/models.py new file mode 100755 index 0000000..7545aad --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/models.py @@ -0,0 +1,16 @@ +import sqlite3 as sql + +def insert_customer(company, email): + # SQL statement to insert into database goes here + with sql.connect("app.db") as con: + cur = con.cursor() + cur.execute("INSERT INTO customers (company, email) values (?,?)", (company, email)) + con.commit() + +def retrieve_customers(): + # SQL statement to query database goes here + with sql.connect("app.db") as con: + con.row_factory = sql.Row + cur = con.cursor() + result = cur.execute("select * from customers").fetchall() + return result \ No newline at end of file diff --git a/Labs/Lab10-sql/Lab-SQLite/app/models.pyc b/Labs/Lab10-sql/Lab-SQLite/app/models.pyc new file mode 100644 index 0000000..6184eb3 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/models.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/templates/.DS_Store b/Labs/Lab10-sql/Lab-SQLite/app/templates/.DS_Store new file mode 100644 index 0000000..d954868 Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/templates/.DS_Store differ diff --git a/Labs/Lab10-sql/Lab-SQLite/app/templates/base.html b/Labs/Lab10-sql/Lab-SQLite/app/templates/base.html new file mode 100755 index 0000000..db51f24 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/templates/base.html @@ -0,0 +1,14 @@ + + + {% if title %} + {{ title }} - ACME + {% else %} + Welcome to ACME Aircraft Parts + {% endif %} + + + + + {% block content %}{% endblock %} + + diff --git a/Labs/Lab10-sql/Lab-SQLite/app/templates/customer.html b/Labs/Lab10-sql/Lab-SQLite/app/templates/customer.html new file mode 100755 index 0000000..878145d --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/templates/customer.html @@ -0,0 +1,31 @@ +{% extends "base.html" %} +{% block content %} +
    +
    +
    + Home +
    +

    Add Customer to Our Database

    +
    + {{ form.hidden_tag() }} +
    +
    + +

    + Company name:
    + {{form.company(size=120)}}
    +

    +

    + Customer email:
    + {{form.email(size=120)}}
    +

    +
    +
    +
    + +
    +

    +
    +
    +
    +{% endblock %} diff --git a/Labs/Lab10-sql/Lab-SQLite/app/templates/home.html b/Labs/Lab10-sql/Lab-SQLite/app/templates/home.html new file mode 100755 index 0000000..e3d65e6 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/templates/home.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} +{% block content %} +
    +
    +

    Welcome to ACME Aircraft Parts

    + +
    +
    +

    These are all of our awesome customers:

    + + + + + + + + + {% for customer in customers %} + + + + + {% endfor %} +
    CompanyEmail
    {{customer['company']}} {{customer['email']}}
    +
    +
    +
    +{% endblock %} diff --git a/Labs/Lab10-sql/Lab-SQLite/app/views.py b/Labs/Lab10-sql/Lab-SQLite/app/views.py new file mode 100755 index 0000000..61caf17 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/app/views.py @@ -0,0 +1,29 @@ +from flask import render_template, redirect, request +from app import app, models, db +from .forms import CustomerForm +from .models import * +# Access the models file to use SQL functions + + +@app.route('/') +def index(): + return redirect('/create_customer') + +@app.route('/create_customer', methods=['GET', 'POST']) +def create_customer(): + form = CustomerForm() + if form.validate_on_submit(): + # Get data from the form + # Send data from form to Database + company = form.company.data + email = form.email.data + insert_customer(company, email) + return redirect('/customers') + return render_template('customer.html', form=form) + +@app.route('/customers') +def display_customer(): + #Retreive data from database to display + customers = retrieve_customers() + return render_template('home.html', + customers=customers) diff --git a/Labs/Lab10-sql/Lab-SQLite/app/views.pyc b/Labs/Lab10-sql/Lab-SQLite/app/views.pyc new file mode 100644 index 0000000..38f8e5c Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/app/views.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/config.py b/Labs/Lab10-sql/Lab-SQLite/config.py new file mode 100755 index 0000000..bbbb224 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/config.py @@ -0,0 +1,9 @@ +import os +basedir = os.path.abspath(os.path.dirname(__file__)) + +# Will be used for ORM Lab +# SQLALCHEMY_DATABASE_URI = 'sqlite:///' + os.path.join(basedir, 'app.db') +# SQLALCHEMY_MIGRATE_REPO = os.path.join(basedir, 'db_repository') + +WTF_CSRF_ENABLED = True +SECRET_KEY = 'you-will-never-guess' diff --git a/Labs/Lab10-sql/Lab-SQLite/config.pyc b/Labs/Lab10-sql/Lab-SQLite/config.pyc new file mode 100644 index 0000000..59af7fd Binary files /dev/null and b/Labs/Lab10-sql/Lab-SQLite/config.pyc differ diff --git a/Labs/Lab10-sql/Lab-SQLite/requirements.txt b/Labs/Lab10-sql/Lab-SQLite/requirements.txt new file mode 100755 index 0000000..bfbaf81 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/requirements.txt @@ -0,0 +1,10 @@ +Flask==0.10.1 +Flask-SQLAlchemy==2.1 +Flask-WTF==0.12 +itsdangerous==0.24 +Jinja2==2.8 +MarkupSafe==0.23 +SQLAlchemy==1.0.12 +Werkzeug==0.11.4 +wheel==0.29.0 +WTForms==2.1 diff --git a/Labs/Lab10-sql/Lab-SQLite/run.py b/Labs/Lab10-sql/Lab-SQLite/run.py new file mode 100755 index 0000000..5d2f714 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/run.py @@ -0,0 +1,2 @@ +from app import app +app.run(debug=True, host="0.0.0.0", port=8081) diff --git a/Labs/Lab10-sql/Lab-SQLite/schema.sql b/Labs/Lab10-sql/Lab-SQLite/schema.sql new file mode 100644 index 0000000..9930f91 --- /dev/null +++ b/Labs/Lab10-sql/Lab-SQLite/schema.sql @@ -0,0 +1,6 @@ +drop table if exists customers; +create table customers( + customer_id integer primary key, + company text not null, + email text not null +); \ No newline at end of file diff --git a/Labs/Lab10-sql/Pokemon.db b/Labs/Lab10-sql/Pokemon.db new file mode 100644 index 0000000..7fbc93f Binary files /dev/null and b/Labs/Lab10-sql/Pokemon.db differ diff --git a/Labs/Lab3 - CSS/.DS_Store b/Labs/Lab3 - CSS/.DS_Store new file mode 100644 index 0000000..31d5498 Binary files /dev/null and b/Labs/Lab3 - CSS/.DS_Store differ diff --git a/Labs/Lab3 - CSS/CSS-in-class-grid-layout.html b/Labs/Lab3 - CSS/CSS-in-class-grid-layout.html index 4d70768..9184332 100644 --- a/Labs/Lab3 - CSS/CSS-in-class-grid-layout.html +++ b/Labs/Lab3 - CSS/CSS-in-class-grid-layout.html @@ -4,7 +4,7 @@ Felines in a Grid - + diff --git a/Labs/Lab3 - CSS/style-pooja.css b/Labs/Lab3 - CSS/style-pooja.css new file mode 100644 index 0000000..f8cd7ea --- /dev/null +++ b/Labs/Lab3 - CSS/style-pooja.css @@ -0,0 +1,161 @@ +/*----------------- CSS RESET ------------------*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/*----------------- CSS RESET ------------------*/ + +body { + font-size: 18px; + background-color: yellow; +} + +header, footer { + width: 100%; + background: blue; + color: #ffffff; + box-sizing: border-box; + height: 50px; + line-height: 50px; + text-align: center; +} + +header { + display: inline-block; + position: fixed; +} + +footer { +/* float: left;*/ + margin-top: 2em; + clear: both; +} + +nav { + width: 50%; + margin-left: 25%; +} + +img { + max-width: 100%; + max-height: 100%; + border: 1px solid #adadad; +} + +h2 { + font-size: 1.5em; + +} + +h3 { + font-size: 1.33em; + font-weight: bold; + padding: 20px; +} + +a { + text-decoration: none; +} + +#site-title { + float: left; + width: 25%; + text-align: center; +} + +.nav-button { + color: #ffffff; + display: inline-block; + background: none; + height: 100%; + width: 150px; + border-left: 1px solid #ffffff; + border-right: 1px solid #ffffff; + margin-left: -5px; +} + +.nav-button:hover { + background: #80b3ff; +} + +a.nav-button:visited { + color: #ffffff; +} + + +/*START HERE*/ + +.other-news-container { + float: left; + width : 25%; + display: inline-block; + +} + +.main-container { + float:left; + width: 75%; + display: inline-block; + +} + +.ib-grid-item { + display:inline-block; + width:33%; + margin-bottom: 5%; + +} + +.ib-grid-item img { + max-width: 66.67%; + max-height: 66.67%; + +} + +.other-news-item { + box-sizing: border-box; + padding: 0 10%; + margin:10%; + +} diff --git a/Labs/Lab_5-Javascript_Basics/.DS_Store b/Labs/Lab_5-Javascript_Basics/.DS_Store new file mode 100644 index 0000000..effcae1 Binary files /dev/null and b/Labs/Lab_5-Javascript_Basics/.DS_Store differ diff --git a/Labs/lab9-flask/.DS_Store b/Labs/lab9-flask/.DS_Store new file mode 100644 index 0000000..81a7478 Binary files /dev/null and b/Labs/lab9-flask/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/.DS_Store b/Labs/lab9-flask/flaskLab2/.DS_Store new file mode 100644 index 0000000..2542513 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/.spyderworkspace b/Labs/lab9-flask/flaskLab2/.spyderworkspace new file mode 100755 index 0000000..be24de3 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/.spyderworkspace differ diff --git a/Labs/lab9-flask/flaskLab2/app/.DS_Store b/Labs/lab9-flask/flaskLab2/app/.DS_Store new file mode 100644 index 0000000..98bf931 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/app/__init__.py b/Labs/lab9-flask/flaskLab2/app/__init__.py new file mode 100755 index 0000000..9a4e940 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/__init__.py @@ -0,0 +1,4 @@ +from flask import Flask + +myapp = Flask(__name__) +from app import views diff --git a/Labs/lab9-flask/flaskLab2/app/__init__.pyc b/Labs/lab9-flask/flaskLab2/app/__init__.pyc new file mode 100755 index 0000000..4d4e5ad Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/__init__.pyc differ diff --git a/Labs/lab9-flask/flaskLab2/app/__pycache__/.DS_Store b/Labs/lab9-flask/flaskLab2/app/__pycache__/.DS_Store new file mode 100644 index 0000000..43d109d Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/__pycache__/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/app/__pycache__/__init__.cpython-35.pyc b/Labs/lab9-flask/flaskLab2/app/__pycache__/__init__.cpython-35.pyc new file mode 100644 index 0000000..1ea5aaa Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/__pycache__/__init__.cpython-35.pyc differ diff --git a/Labs/lab9-flask/flaskLab2/app/__pycache__/views.cpython-35.pyc b/Labs/lab9-flask/flaskLab2/app/__pycache__/views.cpython-35.pyc new file mode 100644 index 0000000..ad94e7d Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/__pycache__/views.cpython-35.pyc differ diff --git a/Labs/lab9-flask/flaskLab2/app/static/.DS_Store b/Labs/lab9-flask/flaskLab2/app/static/.DS_Store new file mode 100644 index 0000000..0e9d903 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/static/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/app/static/interactions.js b/Labs/lab9-flask/flaskLab2/app/static/interactions.js new file mode 100755 index 0000000..789a45e --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/static/interactions.js @@ -0,0 +1,53 @@ +// $('#submit-survey').on('click', function submitSurvey() { +// var color = $("input[name=color]").val(); +// var food = $("input[name=food]").val(); +// var vacation = $("input[name=vacation]").val(); +// var feBefore = $("input[name=front-end-before]").val(); +// var feAfter = $("input[name=front-end-after]").val(); + + //ajax code to send data, but use form as its much + +//check if field is empty + + +$('#submit-survey').on('click', function submitSurvey() { + var course = $("input[name=course]").val(); + var movie = $("input[name=movie]").val(); + var vacation = $("input[name=vacation]").val(); + var feBefore = $("input[name=front-end-before]").val(); + var feAfter = $("input[name=front-end-after]").val(); + $.post("submit-survey", + { + course: course, + movie: movie, + vacation: vacation, + feBefore: feBefore, + feAfter: feAfter}, + function(data) { + $("html").html(data); + } + ) +}); + + +$("#results-email-container").on('click', '#email-results-button', function emailResults() { + console.log($(this)); +}); + +$("#site-title-wrapper").on('click', function goHome() { + window.location.href = '/'; +}); + +$(document).ready(function applySliderLabels() { + var currentValue = $("#fe-before").val(); + $("#fe-before").next().html(currentValue); + + currentValue = $("#fe-after").val(); + $("#fe-after").next().html(currentValue); +}); + + +$("input[type='range']").on('change', function updateLabel() { + var currentValue = $(this).val(); + $(this).next().html(currentValue); +}); \ No newline at end of file diff --git a/Labs/lab9-flask/flaskLab2/app/static/main.css b/Labs/lab9-flask/flaskLab2/app/static/main.css new file mode 100755 index 0000000..92c4669 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/static/main.css @@ -0,0 +1,226 @@ +/*----------------- CSS RESET ------------------*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/*----------------- CSS RESET ------------------*/ + +html, body { + background-color: blue; + font-family: 'Open Sans', sans-serif; + font-size: 16px; + +} + +header { + background-color: #1abc9c; + box-shadow: 0 2px 6px 1px #a7a7a7; + color: #ecf0f1; + height: 5rem; +} + +footer { + background-color: #16a085; + bottom: 0; + color: #ecf0f1; + height: 7rem; + margin-top: 2em; + text-align: center; + width: 100%; +} + +footer p { + height: 7rem; + line-height: 7rem; +} + +h1, h3 { + padding: 4px; +} + +h1 { + font-size: 2rem; + font-weight: bold; +} + +h3 { + font-size: 1.4rem; +} + +a { + text-decoration: none; +} + +input[type="text"], input[type="range"] { + border: 1px solid #bdc3c7; + border-radius: 2px; + margin-left: 1rem; + vertical-align: middle; +} + +input[type=range]{ + -webkit-appearance: none; +} + +input[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + border: none; + height: 1.2rem; + width: 1.2rem; + border-radius: 50%; + background: #1abc9c; + margin-top: -.5rem; +} + +input[type=range]::-webkit-slider-runnable-track { + background: #ccc; + height: .2rem; +} + +.action-button { + background-color: #1abc9c; + border: none; + border-bottom: 3px solid #16a085; + border-radius: 2px; + color: #ecf0f1; + display: inline-block; + font-size: 1rem; + font-weight: bold; + height: 3rem; + padding: 4px; + width: 6rem; +} + +.action-button:hover { + background-color: #16a085; +} + +#site-title-wrapper { + display: inline-block; + height: 5rem; + width: 15%; +} + +#site-icon-wrapper { + display: inline-block; + margin-left: 1rem; + margin-top: -.5rem; + vertical-align: middle; + width: 2.5rem; +} + +#site-icon-wrapper img { + display: inline-block; + max-height: 100%; + max-width: 100% +} + +#site-title { + display: inline-block; + font-weight: bold; + height: 5rem; + line-height: 5rem; + margin-left: .1rem; +} + +#username { + margin-right: .7rem; +} + +#logout { + float: right; + height: inherit; + line-height: 5rem; + margin-right: 1rem; +} + +#logout-button { + background-color: #ecf0f1; + border-bottom-color: #bdc3c7; + color: #222222; + height: 2.5rem; + width: 5rem; +} + +#logout-button:hover { + background-color: #bdc3c7; +} + +#content { + margin-top: 2rem; + text-align: center; + width: 100%; +} + +.main-container { + background: #ecf0f1; + border-radius: 4px; + box-shadow: 0px 2px 10px 2px #95a5a6; + display: block; + min-height: 50vh; + margin: 2rem 0 0 25%; + padding: 1rem; + text-align: left; + width: 50%; +} + +.survey-item, .result-item, #results-email-container { + box-sizing: border-box; + display: block; + margin: 1.5rem 0; + padding: 4px; +} + +.survey-item span { + font-size: 1rem; + margin-left: 1rem; +} + +#email-results-button, #goHome { + height: 2rem; + line-height: 2rem; + margin-left: 1rem; + text-align: center; +} + diff --git a/Labs/lab9-flask/flaskLab2/app/templates/.DS_Store b/Labs/lab9-flask/flaskLab2/app/templates/.DS_Store new file mode 100644 index 0000000..18a6388 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/templates/.DS_Store differ diff --git a/Labs/lab9-flask/flaskLab2/app/templates/base.html b/Labs/lab9-flask/flaskLab2/app/templates/base.html new file mode 100755 index 0000000..eb802bc --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/templates/base.html @@ -0,0 +1,33 @@ + + + + + + {% block title %}{% endblock %} - Ape Ask + + + + {% block styles %}{% endblock %} + + + + +
    + {% block header %} +
    +
    + +
    +

    Ape Ask

    +
    + {% endblock %} +
    +
    {% block content %}{% endblock %}
    + + + + + + \ No newline at end of file diff --git a/Labs/lab9-flask/flaskLab2/app/templates/login.html b/Labs/lab9-flask/flaskLab2/app/templates/login.html new file mode 100755 index 0000000..cbd8956 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/templates/login.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} +{%block title %} + Login +{% endblock %} + +{% block content %} + +

    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/not_authorized.html b/Labs/lab9-flask/flaskLab2/app/templates/not_authorized.html new file mode 100755 index 0000000..99a0c25 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/templates/not_authorized.html @@ -0,0 +1,13 @@ + + + + + Oops! + + +

    Uh Oh! You're not authorized

    + +
    + Take me back home, already! + + \ No newline at end of file diff --git a/Labs/lab9-flask/flaskLab2/app/templates/page_not_found.html b/Labs/lab9-flask/flaskLab2/app/templates/page_not_found.html new file mode 100755 index 0000000..dadcc99 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/templates/page_not_found.html @@ -0,0 +1,12 @@ +{% extends "base.html" %} + +{% block title %} + Oops! +{% endblock %} + +{% block content %} +

    Oh, Pooh Bear! You're stuck because we don't have that page for you.

    + +
    + Go back! +{% 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..76b49d2 --- /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() }} +
    + Logged in as {{ name }} + +
    +{% 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 movie is {{ surveyResponse['movie']}} + 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..ff2a917 --- /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()}} + +
    + Logged in as {{ name }} + +
    +{% endblock %} + +{% block content %} + +

    A Little Survey About You

    +
    +

    Some of your favorites

    + + + + + +

    Let's look at your front end skillz progression

    + + + + +
    +{% endblock %} \ No newline at end of file diff --git a/Labs/lab9-flask/flaskLab2/app/views.py b/Labs/lab9-flask/flaskLab2/app/views.py new file mode 100755 index 0000000..9c74d99 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/app/views.py @@ -0,0 +1,49 @@ +from app import myapp +from flask import request, render_template, session, redirect, url_for, escape +import os + +myapp.secret_key = os.urandom(24) + +@myapp.route('/') +@myapp.route('/index') +def index(): + username = '' + if 'username' in session: + username = escape(session['username']) + return render_template('survey.html', name=username) + else: + return render_template('login.html') + +@myapp.route('/login', methods=['GET', 'POST']) +def login(): + if request.method=='POST': + session ['username'] = request.form.get("username") + session ['email'] = request.form.get("email") + return redirect(url_for('index')) + +@myapp.route('/logout') +def logout(): + session.pop('username', None) + session.pop('email', None) + return redirect(url_for('index')) + +@myapp.route('/submit-survey', methods=['GET', 'POST']) +def submitSurvey(): + username = '' + email = '' + if 'username' in session: + username = escape(session['username']) + email = escape(session['email']) + surveyResponse = {} + surveyResponse['course'] = request.form.get('course') + surveyResponse['movie'] = request.form.get('movie') + surveyResponse['vacation'] = request.form.get('vacation') + surveyResponse['fe-before'] = request.form.get('feBefore') + surveyResponse['fe-after'] = request.form.get('feAfter') + return render_template('results.html', name=username, email=email, surveyResponse=surveyResponse) + else: + return render_template('login.html') + +@myapp.errorhandler(404) +def page_not_found(error): + return render_template('page_not_found.html'), 404 \ No newline at end of file diff --git a/Labs/lab9-flask/flaskLab2/app/views.pyc b/Labs/lab9-flask/flaskLab2/app/views.pyc new file mode 100755 index 0000000..259c8d1 Binary files /dev/null and b/Labs/lab9-flask/flaskLab2/app/views.pyc differ diff --git a/Labs/lab9-flask/flaskLab2/run.py b/Labs/lab9-flask/flaskLab2/run.py new file mode 100755 index 0000000..dae9904 --- /dev/null +++ b/Labs/lab9-flask/flaskLab2/run.py @@ -0,0 +1,3 @@ +#!flask/bin/python +from app import myapp +myapp.run(debug=True,host='0.0.0.0')