diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.css b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.css new file mode 100755 index 0000000..00cd2a5 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.css @@ -0,0 +1,47 @@ +body { + font-family: sans-serif; + text-align: center; + background: url("img/freshprince.jpg"); + background-size: 100%; +} + + +.box { + width: 460px; + margin: 80px auto; + padding: 20px; + background-color: rgba(150, 150, 150, 0.5); + border-radius: 20px; +} + +button { + display: inline-block; + font-size: 20px; + width: 180px; + padding: 15px; + margin: 15px; +} + +#next { + color: lightblue; + text-decoration: underline; + margin-left: 60%; +} + +select { + font-size: 20px; + width: 150px; + margin: 20px; +} + +.player1 { + width: 200px; + margin-right: 200px; + display: inline-block; +} + +.player2 { + width: 200px; + margin-left: 200px; + display: inline-block; +} diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.html b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.html new file mode 100755 index 0000000..d157dd1 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/arena.html @@ -0,0 +1,123 @@ + + + + + + + Arena + + + + + + + + +
+ +

Select Arena

+ + + +
+ + + + Next!!!!!!! + +
+ +
+ +

Select Players

+ + + + + +
+ +
+ +
+ + + + diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/Puss.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/Puss.jpg new file mode 100755 index 0000000..a577ed8 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/Puss.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/beach.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/beach.jpg new file mode 100755 index 0000000..53b265a Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/beach.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/desert.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/desert.jpg new file mode 100755 index 0000000..15db224 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/desert.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/final.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/final.jpg new file mode 100755 index 0000000..0c9e34b Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/final.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/freshprince.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/freshprince.jpg new file mode 100755 index 0000000..52adb06 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/freshprince.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/gary.gif b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/gary.gif new file mode 100755 index 0000000..b3843fb Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/gary.gif differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/kerr.png b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/kerr.png new file mode 100755 index 0000000..095443e Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/kerr.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/mars.jpg b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/mars.jpg new file mode 100755 index 0000000..d40c9b6 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/mars.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/spongebob.gif b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/spongebob.gif new file mode 100755 index 0000000..b6c5c81 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/spongebob.gif differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/tass.png b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/tass.png new file mode 100755 index 0000000..64868e5 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/arenaGame/img/tass.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/colorClicker.html b/Rytis_George_Baltakys/Javascript/jQuery/colorClicker.html new file mode 100644 index 0000000..d1a3c8f --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/colorClicker.html @@ -0,0 +1,67 @@ + + + The Codingdojo ColorClicker! + + + + + +

The Codingdojo ColorClicker!

+
+
+
+
+
+

Rules

+

1. Clicking the big box should change background colors of both the small and large boxes!

+

2. Clicking the middle small box should change the color of the big box!

+

3. Clicking the left or right small box should change the color of that box's siblings

+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/contactCard/GitHubLink.txt b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/GitHubLink.txt new file mode 100644 index 0000000..c7865b7 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/GitHubLink.txt @@ -0,0 +1,3 @@ +Contact Card assigment on Git Hub: + +https://github.com/livelite/webFun_jan_2017/tree/Rytis_George_Baltakys_02-01-2017_21.22/Rytis_George_Baltakys/Javascript/jQuery/contactCard \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/contactCard/index.html b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/index.html new file mode 100644 index 0000000..e5933f4 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/index.html @@ -0,0 +1,23 @@ + + + + Contact Card + + + + + + +

Contact Card

+
+

Add a contact

+ +
+
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/contactCard/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/jquery_code.js new file mode 100644 index 0000000..8e85ba3 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/jquery_code.js @@ -0,0 +1,13 @@ +$(document).ready(function() { // jQuery bootstrap + + $('form').submit(function() { + var contactCard = $(`

${$('input[name="fname"]').val()} ${$('input[name="lname"]').val()}

Click for description

${$('textarea').val()}

`); + $('.contactCards').append(contactCard); + + contactCard.flip({ + trigger: 'click' + }); + + return false; // don't submit the form + }); +}); // end of $(document).ready(function() { diff --git a/Rytis_George_Baltakys/Javascript/jQuery/contactCard/style.css b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/style.css new file mode 100644 index 0000000..e2d1863 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/contactCard/style.css @@ -0,0 +1,100 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; + border: 0px solid red; +} + +html { + height: 100%; +} + +body { + background: linear-gradient(to bottom, #E7F5C1, #5AA16C); + color: #5EB1DF; + font-family: sans-serif; + font-size: 16px; + margin: 20px; +} + +h1 { + margin: 20px; +} + +h3 { + border-bottom: 2px solid lightblue; + width: 400px; + margin: 40px 0; + padding: 10px; +} + +img { + display: block; +} + +input, textarea { + padding: 5px; + margin: 5px 10px; + font-size: 14px; + background: #FEFAD0; +} + +input[type="submit"] { + color: white; + background-color: purple; + margin: 15px 0 15px 100px; +} + +li { + list-style: none; +} + +form { + display: inline-block; + vertical-align: top; +} + +ul { + display: inline-block; + color: #9732DE; + margin: 0 50px; +} + +.container { + display: inline-block; + width: 300px; + height: 800px; +} + +.contactCards { + display: block; + box-sizing: border-box; +} + +#card { + color: white; + height: 70px; + margin: 40px; +} + +.front { + background: red; + border-radius: 7px; + padding: 10px; + background: linear-gradient(to bottom, #4493EB, #5466F9); +} + +.front p { + margin-top: 10px; +} + +.back { + background: blue; + border-radius: 7px; + padding: 10px; + background: linear-gradient(to bottom, #3483DB, #4456E9); +} + +.back p { + margin-top: 20px; +} diff --git a/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.css b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.css new file mode 100755 index 0000000..73ad6bc --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.css @@ -0,0 +1,63 @@ + +body +{ + background-image: url('dough.jpg'); + font-family: sans-serif; +} + +h2, h1, a +{ + color: white; +} + +#wrapper +{ + background-color: rgba(2,2,2, .5); + width: 1200px; + margin: 0px auto; +} + +#top_headers, #survey, ul, h3 +{ + display: inline-block; +} + +li +{ + max-width: 350px; +} + +#left_content +{ + width: 650px; + display: inline-block; + background-color: rgba(220, 0, 0, .6); + height: 520px; + vertical-align: top; + margin-left: 40px; +} + +#right_content +{ + width: 450px; + display: inline-block; + background-color: rgba(0, 220, 0, .6); + height: 520px; + vertical-align: top; +} + +.box +{ + vertical-align: top; + display: inline-block; + width: 300px; + padding: 10px; +} + +img +{ + width: 310px; + height: 200px; + display: block; + margin: 5px auto; +} \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.html b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.html new file mode 100755 index 0000000..946fb8b --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/debugging_jquery.html @@ -0,0 +1,86 @@ + + + jQuery + + + + + +
+
+

The Codingdojo Pizzeria!

+

The best slice in the valley!

+
+
+ Question of the month: What is your favorite pizza topping? + Pepperoni + Bacon + Pineapple + +
+
+
+

About us!

+

+ We know that writing code works up an appetite, that's why Codingdojo is proud to announce that we are opening a + pizza kitchen inside our mountain view location! Head chef Michael "spumoni" Choi has lots of delicious family recipes + to share with our customers! Whether you like flat crust or deep dish so deep you can't cut through it, + the Codingdojo pizzeria has something you and all of your friends can agree on. Using only the + freshest ingredients the Bay area has to offer, the Codingdojo pie will be sure to debug your hunger! +

+
+
+

Thin Crust Pizza

+
    +
  • Small: $10.00
    • +
  • Medium: $15.00
    • +
  • Large: $20.00
    • +
  • Dojo size: $30.00 (feeds 10 ninjas)
    • +
  • Toppings: $2.00 per small, $2.50 per medium, $2.75 per large, $3.00 per Dojo
    • +
+

Deep dish, 'Dojo style' Pizza

+
    +
  • Small: $12.00
    • +
  • Medium: $17.00
    • +
  • Large: $24.00
    • +
  • Dojo size: $34.00 (feeds 10 ninjas)
    • +
  • Toppings: $2.00 per small, $2.50 per medium, $2.75 per large, $3.00 per Dojo
    • +
+ Click here to order! +
+ +
+
+ +
Our pizza runs on all browsers!
+ +
Made from the freshest ingredients!
+
+
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/dough.jpg b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/dough.jpg new file mode 100755 index 0000000..c8c2d7c Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/dough.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/logo.PNG b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/logo.PNG new file mode 100755 index 0000000..fe51c1e Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/logo.PNG differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/pizza.jpg b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/pizza.jpg new file mode 100755 index 0000000..af81a52 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/debugging-jQuery/pizza.jpg differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/disappearingNinjas.html b/Rytis_George_Baltakys/Javascript/jQuery/disappearingNinjas.html new file mode 100644 index 0000000..500b688 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/disappearingNinjas.html @@ -0,0 +1,66 @@ + + + + Disappearing Ninja Cats + + + + + +

Assignment: Disappearing Ninja Cats

+ +
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/disco/index.html b/Rytis_George_Baltakys/Javascript/jQuery/disco/index.html new file mode 100644 index 0000000..80e519b --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/disco/index.html @@ -0,0 +1,14 @@ + + + + jQuery Disco + + + + + +
+ + + + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/disco/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/disco/jquery_code.js new file mode 100644 index 0000000..c685505 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/disco/jquery_code.js @@ -0,0 +1,62 @@ +function animate() { + for (var y = 1; y < 7; y++) { + for (var x = 1; x < 7; x++) { + var divx = $(`.divy:nth-child(${y}) .divx:nth-child(${x})`); + divx.css('background-color', random_color()); + } + } +} + +function resetColor() { + for (var y = 1; y < 7; y++) { + for (var x = 1; x < 7; x++) { + var divx = $(`.divy:nth-child(${y}) .divx:nth-child(${x})`); + divx.css('background-color', 'rgba(0,0,0,0)'); + } + } +} + +function random_color() { + var rgb = ['a','b','c','d','e','f','0','1','2','3','4','5','6','7','8','9']; + color = '#' //this is what we'll return! + for(var i = 0; i < 6; i++) + { + x = Math.floor((Math.random()*16)) + color += rgb[x]; + } + return color; +} + +var on = false; +var animateFunction; + +$(document).ready(function() { // jQuery bootstrap + + for (var y = 0; y < 6; y++) { + var div = $('
'); + $('#boxes').append(div); + for (var x = 0; x < 6; x++) { + div.append('
'); + } + } + + $('#reset').click(function() { + resetColor(); + }); + + $('#onoff').click(function() { + + // toggle + on = !on; + console.log(on); + + if (on) { // animate + animateFunction = window.setInterval(function(){ + animate(); + }, 100); + } else { // turn it off + clearInterval(animateFunction); + } + + }); +}); // end of $(document).ready(function() { \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/disco/style.css b/Rytis_George_Baltakys/Javascript/jQuery/disco/style.css new file mode 100644 index 0000000..53c595a --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/disco/style.css @@ -0,0 +1,35 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; +} + +html { + height: 100%; +} + +body { + background: linear-gradient(to bottom, #7675c8, #b6c8d9); + color: white; + font-family: sans-serif; + font-size: 16px; + margin: 20px; +} + +.divx { + width: 50px; + height: 50px; + border: 1px solid black; + display: inline-block; + margin: 1px; +} + +#boxes { + margin: 20px; +} + +button { + padding: 10px; + margin: 10px; + font-size: 18px; +} \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/jQuery examples.html b/Rytis_George_Baltakys/Javascript/jQuery/jQuery examples.html new file mode 100644 index 0000000..c775c91 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/jQuery examples.html @@ -0,0 +1,245 @@ + + + + jQuery examples + + + + + + + + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat0.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat0.png new file mode 100755 index 0000000..8745ad2 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat0.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat1.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat1.png new file mode 100755 index 0000000..ab0f042 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat1.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat2.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat2.png new file mode 100755 index 0000000..9c27876 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat2.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat3.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat3.png new file mode 100755 index 0000000..92b0c34 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat3.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat4.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat4.png new file mode 100755 index 0000000..b99ba10 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/cat4.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja0.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja0.png new file mode 100755 index 0000000..1965681 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja0.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja1.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja1.png new file mode 100755 index 0000000..a2c92d3 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja1.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja2.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja2.png new file mode 100755 index 0000000..687fae1 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja2.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja3.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja3.png new file mode 100755 index 0000000..f906c06 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja3.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja4.png b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja4.png new file mode 100755 index 0000000..e1441e6 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/img/ninja4.png differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/index.html b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/index.html new file mode 100644 index 0000000..02ec2a4 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/index.html @@ -0,0 +1,13 @@ + + + + Ninja To Cat + + + + + +

Ninja To Cat

+
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/jquery_code.js new file mode 100644 index 0000000..61c0050 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/jquery_code.js @@ -0,0 +1,12 @@ +$(document).ready(function() { // jQuery bootstrap + + for (var i = 0; i < 5; i++) { // add ninjas and cats + var img = $(""); + $("#content").append(img); + img.click(function() { + var originalSrc = $(this).attr('src'); + $(this).attr('src', $(this).attr('data-alt-src')); + $(this).attr('data-alt-src', originalSrc); + }); + } +}); // end of $(document).ready(function() { \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/style.css b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/style.css new file mode 100644 index 0000000..5d83ead --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/ninjaToCat/style.css @@ -0,0 +1,23 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; + border: 0px solid red; +} + +body { + background: linear-gradient(to bottom, #7675c8, #b6c8d9); + color: white; + font-family: sans-serif; + font-size: 16px; + margin: 100px; + height: 1000px; +} + +h1 { + margin: 100px 0; +} + +img { + display: block; +} \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokedex/index.html b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/index.html new file mode 100644 index 0000000..5033971 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/index.html @@ -0,0 +1,20 @@ + + + + Pokédex + + + + + + + +
+ +
+
+

Pokédex

+

Choose Your Pokémon

+
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokedex/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/jquery_code.js new file mode 100644 index 0000000..df01a7c --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/jquery_code.js @@ -0,0 +1,67 @@ +var pokemonData; + +$(document).ready(function() { // jQuery bootstrap + + // get the pokemon data + $.get("http://pokeapi.co/api/v2/pokemon/?limit=151", function(response) { + pokemonData = response.results; + $('.loading').hide(); + $('.container').show(); + }, "json"); + + // get the pokemon images + for (var i = 1; i < 152; i++) { + var pokemon = $(``); + pokemon.hover(function() { // mouse over + var pokeId = $(this).attr('id') - 1; + if (pokemonData != undefined) { // don't run this until we receive our pokemon data result + var floatyDiv = $(`#floatyPokemon${$(this).attr('id')}`); + if (floatyDiv.length) { // if floatyDiv already exists, show it + floatyDiv.show(); + } else { // else get new data + var floatyDiv = `

${pokemonData[$(this).attr('id') - 1].name.toUpperCase()}

`; + $('body').append(floatyDiv); + $.get(pokemonData[pokeId].url, function(pokemon) { // get info for a pokemon + $(`#floatyPokemon${pokemon.id}`).prepend(``); + var pokeInfo = ``; + $(`#loadingPokeball${pokemon.id}`).remove(); + $(`#floatyPokemon${pokemon.id}`).append(pokeInfo); + }, "json"); + } + } + }, function() { // mouse out + $(`#floatyPokemon${$(this).attr('id')}`).hide(); + }); + $('.container').append(pokemon); + } + + +}); // end of $(document).ready(function() { + +// follow the mouse around +$(document).on('mousemove', function(e){ + $('.floatyDiv').css({ + left: e.pageX + 20, + top: e.pageY + 20 + }); +}); diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokedex/loading_pokeball.gif b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/loading_pokeball.gif new file mode 100644 index 0000000..493c543 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/loading_pokeball.gif differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokedex/simple_pokeball.gif b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/simple_pokeball.gif new file mode 100644 index 0000000..fa11b72 Binary files /dev/null and b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/simple_pokeball.gif differ diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokedex/style.css b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/style.css new file mode 100644 index 0000000..5cbc5de --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokedex/style.css @@ -0,0 +1,103 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; +/* border: 1px solid red;*/ +} + +html { + height: 1300; +} + +body { + color: white; + background: #181B1D; + font-family: 'Oxygen Mono', monospace; +} + +p { + margin: 5px; +} + +ul { + margin: 0px 10px 10px 10px; +} + +li { + margin: 5px 0 5px 20px; + list-style: none; +} + +ul li ul li { + list-style: circle inside; +} + +h1 { + text-align: center; + font-size: 90px; +} + +h2 { + text-align: center; +} + +h3 { + font-size: 18px + margin: 10px; +} + +.loading { + width: 70%; + margin: auto; +} + +.container { + background: linear-gradient(to bottom, #f66230, #f60230); + font-family: sans-serif; + padding: 20px 170px 300px 170px; + display: none; +} + +.pokemon { + border-radius: 100px; + padding: 10px; +} + +.pokemon:hover { + border: 1px dashed lightblue; + background: rgba(200, 200, 255, 0.1); +} + +.floatyDiv { + position: absolute; + padding: 20px; + font-size: 14px; + border-radius: 5px; + border: 1px solid #33f; + background: rgba(0, 100, 205, 0.7); +} + +.loadingPokeball { + padding: 20px; + width: 40px; + margin: auto; + display: block; +} + +.key { + width: 150px; + display: inline-block; +} + +.value { + font-weight: bold; + text-align: right;; + display: inline-block; + width: 80px; +} + +.pokebackview { + position: absolute; + right: 10px; + top: 0; +} \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokemon/index.html b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/index.html new file mode 100644 index 0000000..692042b --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/index.html @@ -0,0 +1,12 @@ + + + + Pokemon + + + + + +
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokemon/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/jquery_code.js new file mode 100644 index 0000000..c259289 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/jquery_code.js @@ -0,0 +1,8 @@ +$(document).ready(function() { // jQuery bootstrap + + // get the pokemons + for (var i = 1; i < 152; i++) { + $('.container').append(``); + } + +}); // end of $(document).ready(function() { \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/pokemon/style.css b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/style.css new file mode 100644 index 0000000..2e4dcc6 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/pokemon/style.css @@ -0,0 +1,17 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; +} + +html { + height: 100%; +} + +body { + background: linear-gradient(to bottom, #7675c8, #b6c8d9); + color: white; + font-family: sans-serif; + font-size: 16px; + margin: 20px; +} diff --git a/Rytis_George_Baltakys/Javascript/jQuery/users/index.html b/Rytis_George_Baltakys/Javascript/jQuery/users/index.html new file mode 100644 index 0000000..a8b1039 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/users/index.html @@ -0,0 +1,30 @@ + + + + Users + + + + + +

Users

+
+

Add User

+ +
+ + + + + + + +
First NameLast NameEmail AddressContact #
+ + \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/users/jquery_code.js b/Rytis_George_Baltakys/Javascript/jQuery/users/jquery_code.js new file mode 100644 index 0000000..2f0b64d --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/users/jquery_code.js @@ -0,0 +1,8 @@ +$(document).ready(function() { // jQuery bootstrap + + $('form').submit(function() { + $('tbody').append(''+$('input[name="fname"]').val()+''+$('input[name="lname"]').val()+''+$('input[name="email"]').val()+''+$('input[name="phone"]').val()+''); + + return false; // don't submit the form + }); +}); // end of $(document).ready(function() { \ No newline at end of file diff --git a/Rytis_George_Baltakys/Javascript/jQuery/users/style.css b/Rytis_George_Baltakys/Javascript/jQuery/users/style.css new file mode 100644 index 0000000..20966f6 --- /dev/null +++ b/Rytis_George_Baltakys/Javascript/jQuery/users/style.css @@ -0,0 +1,72 @@ +/*CSS reset settings here*/ +* { + margin: 0px; + padding: 0px; +} + +html { + height: 100%; +} + +body { + background: linear-gradient(to bottom, #7675c8, #b6c8d9); + color: white; + font-family: sans-serif; + font-size: 16px; + margin: 20px; +} + +h1 { + margin: 20px; +} + +h2 { + border-bottom: 2px solid lightblue; + width: 400px; + margin: 40px; +} + +img { + display: block; +} + +input { + padding: 5px; + margin: 5px 10px; + font-size: 14px; +} + +input[type="submit"] { + color: white; + background-color: purple; +} + +form { + margin-right: auto; + width: 400px; +} + +ul { + list-style: none; + text-align: right; +} + +li { + margin: 10px; +} + +table { + width: 500px; + margin: 100px; + border-collapse: collapse; + border-top: 2px solid purple; +} + +thead th { + padding: 10px; +} + +tbody td { + border-top: 1px dashed lightblue; + padding: 10px; +} diff --git a/Rytis_George_Baltakys/Javascript/reverseArray.js b/Rytis_George_Baltakys/Javascript/reverseArray.js new file mode 100644 index 0000000..e69de29