diff --git a/01week/helloworld/index.html b/01week/helloworld/index.html index e69de29bb2..34765349a0 100644 --- a/01week/helloworld/index.html +++ b/01week/helloworld/index.html @@ -0,0 +1,12 @@ + + + + + + + Our First Page + + + Hello World! + + \ No newline at end of file diff --git a/01week/resume/index.html b/01week/resume/index.html index e69de29bb2..97a9d495cb 100644 --- a/01week/resume/index.html +++ b/01week/resume/index.html @@ -0,0 +1,40 @@ + + + + Leo's Resume + + +

Leo Gracia

+ leo.gracia@hotmail.com +
P:832-276-6753
+
+
+

SUMMARY

+

CPA Candidate with a well rounded background in accounting, finanance and business operations. + Experienced professional in small and midsize business accounting with a thorough understanding of GAAP and Statutory Accounting Principles.

+
+
+

EXPERIENCE

+
Citizens, Inc. - Sr. Accountant
+

Prepare system reports required for management, financial reporting and general ledger reconciliations.

+

Assist in the preparation of the financial statements for all subsidiaries.

+

+

+
RMM Online Advertising / LIN Digital - Accountant
+

Oversee daily and monthly gross profit reports and certain general ledger accounts on a timely basis.

+

Collaborate in internal and external audits.

+
+
+

EDUCATION

+
University of Texas at Brownsville
+

Bachelors of Business Administration in Accounting

+

Accounting Intern- University of Texas, School of Education

+
Wyoming Technical Institute, WYOTECH
+

Associates Degree in Applied Service Management with Automotive Technology

+
+
+

SKILLS

+
+
+ + diff --git a/02week/bio/Leo_pic.jpg b/02week/bio/Leo_pic.jpg new file mode 100644 index 0000000000..7750d6c3ed Binary files /dev/null and b/02week/bio/Leo_pic.jpg differ diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css index e69de29bb2..b6c14251b9 100644 --- a/02week/bio/css/style.css +++ b/02week/bio/css/style.css @@ -0,0 +1,24 @@ +p { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 24px; + background-color: lightgray; + padding: 12px; + margin: 5px; +} +header h1 { + font-family: 'Times New Roman', Times, serif; + font-size: 50px; + margin: 5px; +} +main { + width: 1400px; + margin: auto; +} +footer { + width: 1400px; + margin: auto; + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; + background-color: lightgray + color: rgb(107, 63, 14); +} \ No newline at end of file diff --git a/02week/bio/index.html b/02week/bio/index.html index e69de29bb2..3c1f855ae4 100644 --- a/02week/bio/index.html +++ b/02week/bio/index.html @@ -0,0 +1,22 @@ + + + + + Developer Bio + + + + + + +

Leo Gracia

+
Developer & Fabricator
+ +
+
+

In the hot rural fields of South Texas a boy by the name of Leo was raised. The _____ and necessity helped shape what would become main driver in his learning and development-his desire to create. He begin fabricating with wood working as a carpenter. As an adolecent he got involved in his father's fabrication shop where he developed metal-working skills

+
+
+ + + diff --git a/02week/blog/css/style.css b/02week/blog/css/style.css index e69de29bb2..d6d642c647 100644 --- a/02week/blog/css/style.css +++ b/02week/blog/css/style.css @@ -0,0 +1,19 @@ +body { + background-color: lightgray; +} + +main { + width: 600px; + margin: auto; +} + +article { + background-color: white; + padding: 10px; + margin: 2px; +} + +p:hover, p::first-letter { + font-size: 170%; font-family: cursive; + color: blueviolet; +} \ No newline at end of file diff --git a/02week/blog/index.html b/02week/blog/index.html index e69de29bb2..fc75af5a1c 100644 --- a/02week/blog/index.html +++ b/02week/blog/index.html @@ -0,0 +1,42 @@ + + + + + Document + + +
+
+ +

Some question

+
10.21.2018
+

Writing a bunch of stuff about a bunch of things over and over again.Writing a bunch of stuff about a bunch of things over and over again.

+ Article by Guy W. +
+
+

Title of a Story

+
Jan 17, 2018
+

This time he will write a bunch of stuff about a bunch of things over and over again.Writing a bunch of stuff about a bunch of things over and over again.

+ Article by Guy W. +
+
+

Lolapaloosa!

+
Wed. January 6, 2015
+

Once upon a time - Guy started writing a bunch of stuff about a bunch of things over and over again.Writing a bunch of stuff about a bunch of things over and over again.

+ Article by Guy W. +
+
+

How to pass the GMAT

+
Wed. January 6, 2015
+

In the beggining el started writing a bunch of stuff about a bunch of things over and over again.Writing a bunch of stuff about a bunch of things over and over again.

+ Article by Rocky Dee +
+
+

Engine-The People

+
Wed. January 6, 2015
+

Writing a bunch of stuff about a bunch of things over and over again.Writing a bunch of stuff about a bunch of things over and over again.

+ Article by Guy W. +
+
+ + \ No newline at end of file diff --git a/03week/airplane/css/style.css b/03week/airplane/css/style.css index e69de29bb2..67899c1d89 100644 --- a/03week/airplane/css/style.css +++ b/03week/airplane/css/style.css @@ -0,0 +1,99 @@ +body { + background-image: url("../img/airline.jpg"); +} +header { + border-bottom: 2px solid lightgray; + background-color: darkblue; +} +.cat { + margin-right: 50px; + padding: 45px; + float: right; + font-size: 20px; +} +.cat img { + padding: 1px; +} +.cat a { + padding: 5px; + margin: 2px; + text-decoration: none; + color: white; + font-family: Arial, Helvetica, sans-serif; + font-size: 15px; +} +section { + width: 360px; + padding: 10px; + background-color: darkblue; + margin: 40px; +} +section div { + margin: 0px; + padding: 0px; +} +.two { + background-color: green; + width: 120px; + float: center; + margin: 0px; + padding: 0px; +} +.one { + background-color: blue; + width: 120px; + float: left; + margin: 0px; + padding: 0px; +} +.three { + background-color: green; + width: 120px; + float: right; + margin: 0px; + padding: 0px; +} +.bottom { + text-decoration: none; + background-color: blue; + margin-left: 40px; + width: 290px; + font-display: bold; + color: white; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} +.depart { + text-decoration: none; + float: left; + background: darkblue; + color: white; + font-size: 5px; +} +.arrive { + float: right; + background: darkblue; + color: white; + font-size: 5px; +} +.date1 { + float: left; + background: darkblue; + color: white; + font-size: 5px; +} +.date2 { + float: right; + background: darkblue; + color: white; + font-size: 5px; +} +.cow form input { + width: 8px; + padding: 1px; +} +.box { + float: left; +} +.circle { + float: right; +} \ No newline at end of file diff --git a/03week/airplane/index.html b/03week/airplane/index.html index e69de29bb2..a89c5526a6 100644 --- a/03week/airplane/index.html +++ b/03week/airplane/index.html @@ -0,0 +1,53 @@ + + + + + + + Flight Page + + + + + +
+
+ + +
+
+
+ + + +
+
+
+ + +
+

+
+
+ + +
+

+
+
+ Passengers +
+
+ Return: + One Way: +

+ +
+
+ + diff --git a/04week/nasa/css/style.css b/04week/nasa/css/style.css index e69de29bb2..31ba6e4b90 100644 --- a/04week/nasa/css/style.css +++ b/04week/nasa/css/style.css @@ -0,0 +1,46 @@ +body { + width: 850px; + height: 800px; + margin: 0 auto; +} +main { + width: 850px; + height: 450px; + margin: 0 auto; + background-image: url(../img/nasa-background.jpg); + color: white; + font-size: 50px; + font-family: 'Merriweather Sans', sans-serif; + display: flex; +} +h1 { + margin: auto; +} +section { + margin-top: 26px; + background-color: lightgray; + display: flex; +} +h3 { + font-size: 35px; +} +.box { + width: 270px; + height: 324px; + font-family: 'Yanone Kaffeesatz', sans-serif; + padding-left: 20px; + font-size: 22px; + justify-content: space-between; + border: 1px solid; +} +div input { + width: 230px; +} +#message { + height: 80px; +} +button { + text-decoration: none; + background-color:darkslategray; + color: white +} \ No newline at end of file diff --git a/04week/nasa/index.html b/04week/nasa/index.html index e69de29bb2..0550c4f9de 100644 --- a/04week/nasa/index.html +++ b/04week/nasa/index.html @@ -0,0 +1,42 @@ + + + + + + + NASA + + +
+

NASA

+
+
+
+

Social Media

+

Twitter - @nasa +
Facebook - fb.com/nasa +
Instagram - @nasa +
Youtube - youtube.com/NASA +

+
+
+

OFFICE INFO

+

Public Communications Office +
NASA Headquarters +
300 E. Street SW Suite 5R30 +
Washington, DC 20546 +
(202) 358-0001 (Office) +
(202) 358-4338 (Fax) +

+
+
+

CONTACT US

+
+
+
+
+ +
+
+ + \ No newline at end of file diff --git a/04week/tomorrows-technology/css/style.css b/04week/tomorrows-technology/css/style.css index e69de29bb2..fbf49892d7 100644 --- a/04week/tomorrows-technology/css/style.css +++ b/04week/tomorrows-technology/css/style.css @@ -0,0 +1,19 @@ +#container { + background-color: blue; + width: 1100px; + height: 800px; + font-family: Arial, Helvetica, sans-serif; + color: black; +} +@media (max-width: 1000px) { + #container { + background-color: aqua; + } +} +.tech { + background-color: gray; + width: 140px; + height: 30px; + color: white; + padding: 2px; +} \ No newline at end of file diff --git a/04week/tomorrows-technology/index.html b/04week/tomorrows-technology/index.html index e69de29bb2..030776355f 100644 --- a/04week/tomorrows-technology/index.html +++ b/04week/tomorrows-technology/index.html @@ -0,0 +1,27 @@ + + + + + + Page Title + + + + +
+
+ +

Tomorrow's Technology, Yesterday's Insights

+

Sometimes what the tech world comes up with has already been tried and rejected and really doesn't need to be resurected - like the Taylorist view...

+
+
TECHNOLOGY
+

TOP STORIES

+
  • Standford Researchers developed artificial skin that senses touch
  • +
  • Three New Ways to Wear Your Favorite Shirt
  • +
  • Where to Buy Your Next Ring
  • +
  • Chukkas That Offer Confortable Style
  • +
    + +
    + + \ No newline at end of file diff --git a/04week/welcome-to-our-site/css/style.css b/04week/welcome-to-our-site/css/style.css index e69de29bb2..bad09416c2 100644 --- a/04week/welcome-to-our-site/css/style.css +++ b/04week/welcome-to-our-site/css/style.css @@ -0,0 +1,40 @@ +main { + background-color:blue; + width: 300px; + height: 220px; + color: white; + display: flex; + flex-wrap: wrap; + padding: 55px; + margin: 0; +} +h1 { + margin: auto; + font-size: 50px; +} +span { + font-weight:bold; +} +section { + background-color: lightgray; + width: 100px; + margin: 0; + padding: 0 +} +.box { +} +#blue { + width: 115px; + height: 30px; + background-color: blue; +} +#orange { + width: 115px; + height: 30px; + background-color: orange; +} +#aqua { + width: 115px; + height: 30px; + background-color:green; +} \ No newline at end of file diff --git a/04week/welcome-to-our-site/index.html b/04week/welcome-to-our-site/index.html index e69de29bb2..28b67297d2 100644 --- a/04week/welcome-to-our-site/index.html +++ b/04week/welcome-to-our-site/index.html @@ -0,0 +1,32 @@ + + + + + + + Welcome to our site + + + +
    +

    Welcome to our site

    +
    +
    +
    +

    +

    Title

    +

    Some text here asdf asdjhas jkdfa ajsd hkajh fd akjs dhk jfa ks dkas hdkjf

    +
    +
    +

    +

    Title

    +

    Some text her asd fha kdf hka jas kdfajk kasj kfhd saj ksdh kja sdjk ass adfhe

    +
    +
    +

    +

    Title

    +

    Some text herda sdf aas dfasd fa sad afd assf a df asd fasd f dsfa dsa dae

    +
    +
    + + \ No newline at end of file diff --git a/05week/transitions-and-transformations/css/style.css b/05week/transitions-and-transformations/css/style.css index e69de29bb2..87993dbcc9 100644 --- a/05week/transitions-and-transformations/css/style.css +++ b/05week/transitions-and-transformations/css/style.css @@ -0,0 +1,65 @@ +div{ + width: 50px; + height: 50px; + margin-bottom: 20px; +} +main { + width: 50px; + margin: auto; +} +.bbox { + transition: 3s, 3s, 3s, 3s; + animation-duration: 3s +} +.bbox:hover, .bbox:active { + width: 100px; + height: 100px; + transform: rotate(350deg); + margin-left: 600px; +} +.abox { + transition: .5s, .5s, .5s, .5s; +} +.abox:hover, .abox:active { + width: 25px; + height: 25px; + transform: rotate(-180deg); + margin-left: -600px; + animation-duration: .5s +} +.a{ + background-color: green; +} +.b{ + background-color:blue; +} +.c{ + background-color: brown; +} +.d{ + background-color: violet; +} +.e{ + background-color: aqua; +} +.f{ + background-color: orange; +} +.g{ + background-color: darkgreen; +} +.h{ + background-color: darkred; +} +.i{ + background-color: darkgoldenrod; +} +.j{ + background-color: chartreuse; +} +.k{ + background-color: darkolivegreen; +} +.l{ + background-color: fuchsia; +} \ No newline at end of file diff --git a/05week/transitions-and-transformations/index.html b/05week/transitions-and-transformations/index.html index 8b13789179..6ec191c6d1 100644 --- a/05week/transitions-and-transformations/index.html +++ b/05week/transitions-and-transformations/index.html @@ -1 +1,26 @@ - + + + + + + Transitions + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + diff --git a/05week/travel-gram/css/style.css b/05week/travel-gram/css/style.css index d3f5a12faa..6c2adb69d3 100644 --- a/05week/travel-gram/css/style.css +++ b/05week/travel-gram/css/style.css @@ -1 +1,59 @@ - +h1 { + text-align: center; +} +h4 { + text-align: center; +} +.box { + border: 1px solid black; + padding: 3px; + margin: 2px; +} +.boxA { + grid-area: box1; +} +.boxB { + grid-area: box2; +} +.boxC { + grid-area: box3; +} +.boxD { + grid-area: box4; +} +.boxE { + grid-area: box5; +} +.boxF { + grid-area: box6; +} +.boxG { + grid-area: box7; +} +.boxH { + grid-area: box8; +} +.boxI { + grid-area: box9; +} +.boxJ { + grid-area: box10; +} +.grid { + display: grid; + grid-template-columns: 1fr; + grid-template-areas: + "box1" + "box2" + "box3" + "box4" + "box5" + "box6" + "box7" + "box8" + "box9" + "box10"; +} +@media (min-width:570px) { + +} \ No newline at end of file diff --git a/05week/travel-gram/index.html b/05week/travel-gram/index.html index 8b13789179..bb2143dd96 100644 --- a/05week/travel-gram/index.html +++ b/05week/travel-gram/index.html @@ -1 +1,30 @@ - + + + + + + Travel Gram + + + + + +

    Travel Gram

    +

    Desktop

    +

    Tablet

    +

    Phone

    +
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    A
    +
    + + + diff --git a/06week/jspractice/index.html b/06week/jspractice/index.html new file mode 100644 index 0000000000..ca677dafe0 --- /dev/null +++ b/06week/jspractice/index.html @@ -0,0 +1,97 @@ + + + + Practice + + + + + +

    When you're finshed see if you can bring in some of these other + built in methods +

    + + \ No newline at end of file diff --git a/06week/jspractice/indexed.html b/06week/jspractice/indexed.html new file mode 100644 index 0000000000..23e7a32011 --- /dev/null +++ b/06week/jspractice/indexed.html @@ -0,0 +1,94 @@ + + + + Practice + + + + +

    When you're finshed see if you can bring in some of these other + built in methods +

    + + \ No newline at end of file diff --git a/07week/dom-practice/index.html b/07week/dom-practice/index.html index e69de29bb2..afa5790b52 100644 --- a/07week/dom-practice/index.html +++ b/07week/dom-practice/index.html @@ -0,0 +1,37 @@ + + + + + + Shopping Cart + + + + +

    Shopping Cart

    + + + + + + + +
    + +

    All-New Fire 7 Tablet: The next generation of our best-selling Fire tablet ever - now thinner, lighter, and with longer battery life and an improved display. More durable than the latest iPad.

    + +

    Flash Furniture Yellow Metal Indoor-Outdoor Chair with Arms: Completely transform your living or restaurant space with this vintage style chair. Adding colorful chairs can rev up any setting. The versatility of this chair easily conforms in different environments. Chairs are lightweight and easily stack for storing. A cross brace underneath the seat adds extra stability and features plastic caps that prevent the finish from scratching when stacked. The frame is designed for all-weather use making it a great option for indoor and outdoor settings. For longevity, care should be taken to protect from long periods of wet weather. The legs have protective rubber feet that prevent damage to flooring. So whether you're using this chair for your kitchen, patio or bistro, it is sure to liven up your decor.

    + +

    Amazon Echo: Amazon Echo is a hands-free speaker you control with your voice. Echo connects to the Alexa Voice Service to play music, make calls, send and receive messages, provide information, news, sports scores, weather, and more—instantly. All you have to do is ask.

    + +

    Coleman Lay Z Spa Inflatable Hot Tub: Pamper yourself in relaxing heated water surrounded by soothing bubble jets. Easy to operate digital control panel; automatic start/stop timer-controlled heating system. 4-6 Person Capacity. Inflated walls are made of TriTech material that provides ultimate durability and comfort. Fast, easy set up - inflates using the spa's pump - NO tools needed.

    + +
    + + + \ No newline at end of file diff --git a/07week/dom-practice/js/script.js b/07week/dom-practice/js/script.js index c1dcbe6c5c..2f1c040aa6 100644 --- a/07week/dom-practice/js/script.js +++ b/07week/dom-practice/js/script.js @@ -1,5 +1,6 @@ 'use strict'; document.addEventListener("DOMContentLoaded", function(event) { - // You code here + function myFunction() { + alert("I am an alert box!"); }); diff --git a/08week/tic-tac-toe/script.js b/08week/tic-tac-toe/script.js index 0509eaee74..c7ac5dd189 100644 --- a/08week/tic-tac-toe/script.js +++ b/08week/tic-tac-toe/script.js @@ -2,4 +2,56 @@ $(document).ready(function() { // Put app logic in here + + //listen for a click and put an 'X' in and empty space. + //flip the turn to "0" + //check if it is a good click and if not ignore it + //check for endgame + //wire up the reset button + + let turn = "X"; + + const winState = [ + // horizontal + [0, 1, 2], + [3, 4, 5], + [6, 7, 8], + // vertical + [0, 3, 6], + [1, 4, 7], + [2, 5, 8], + // diagonal + [0, 4, 8], + [2, 4, 6] + ]; + + $(".row div").click(function() { + if($(this).text()==""){ + $(this).text(turn); + console.log($(this).data("cell")) + endgame(); + if(turn=="X") + {turn = "O"; + } else { + turn = "X"; + } + }; + }) + function endgame() { + + console.log("Did "+turn+" win?"); + let emptySpaces = 0; + for(a=0;a<=8;a++){ + if($('div [data-cell="'+a+'"]').text()=="") { + emptySpaces ++; + }; + } + + if (emptySpaces == 0 ) { + console.log("it's a tie"); + } else { + console.log("the game is not over"); + } + } }); + diff --git a/09week/customer-satisfaction/css/style.css b/09week/customer-satisfaction/css/style.css index e69de29bb2..5ea5071d5c 100644 --- a/09week/customer-satisfaction/css/style.css +++ b/09week/customer-satisfaction/css/style.css @@ -0,0 +1,15 @@ +header{ + background-color: green; + border: 1px black solid; + +} +body { + display: inline; + border: 1px black solid; +} +.box { + background-color: lightgreen; + border: 1px black solid; + margin: 10px; + padding: 5px; +} \ No newline at end of file diff --git a/09week/customer-satisfaction/index.html b/09week/customer-satisfaction/index.html index e69de29bb2..5c444cb732 100644 --- a/09week/customer-satisfaction/index.html +++ b/09week/customer-satisfaction/index.html @@ -0,0 +1,43 @@ + + + + + + Customer Satisfaction Survey + + + + + +
    How did we do?
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/09week/towers-of-hanoi/index.html b/09week/towers-of-hanoi/index.html index 2c7189c758..1db3948909 100644 --- a/09week/towers-of-hanoi/index.html +++ b/09week/towers-of-hanoi/index.html @@ -6,16 +6,17 @@ -
    -
    -
    -
    -
    -
    -
    -
    -
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    diff --git a/09week/towers-of-hanoi/script.js b/09week/towers-of-hanoi/script.js index ba46e37e29..44684565d1 100644 --- a/09week/towers-of-hanoi/script.js +++ b/09week/towers-of-hanoi/script.js @@ -3,3 +3,10 @@ $(document).ready(function() { // Put app logic here }); + + + +//1 use flexbox to flip upside +//2 use an event listener. we must first target the post and listen to a click on post. when there is a click- +// [data-block] can use this data from html with this tag +// \ No newline at end of file diff --git a/09week/towers-of-hanoi/style.css b/09week/towers-of-hanoi/style.css index 2fc6989236..89e52137f3 100644 --- a/09week/towers-of-hanoi/style.css +++ b/09week/towers-of-hanoi/style.css @@ -1,38 +1,39 @@ +.container { + display: flex; + justify-content: space-around; + height: 400px; +} + [data-stack] { display: flex; - justify-content: flex-start; + flex-direction: column; + justify-content: flex-end; align-items: center; - height: 101px; - background-color: aliceblue; + width: 34px; margin: 25px; + background: lightgrey; } -[data-block] { - width: 25px; - float: left; -} [data-block="25"] { + width: 100px; height: 25px; - background-color: blue; + background: blue; } - [data-block="50"] { height: 50px; - background-color: green; + background: green; } - [data-block="75"] { height: 75px; - background-color: red; + background: red; } - -[data-block="100"] { +[data-block="100"]{ height: 100px; - background-color: yellow; + background: yellow; } #announce-game-won { font-size: 50px; text-align: center; -} +} \ No newline at end of file diff --git a/checkpoint-one/css/reset.css b/checkpoint-one/css/reset.css new file mode 100644 index 0000000000..15b9ff09c6 --- /dev/null +++ b/checkpoint-one/css/reset.css @@ -0,0 +1,20 @@ +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; +} \ No newline at end of file diff --git a/checkpoint-one/css/style.css b/checkpoint-one/css/style.css index 8b13789179..4fa990404c 100644 --- a/checkpoint-one/css/style.css +++ b/checkpoint-one/css/style.css @@ -1 +1,96 @@ +body { + margin: 0px; +} +.shipping { + background-color: darkgrey; + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color:white; + padding: 3px; + border-bottom-color: red; + border-bottom-width: 1px; + border-bottom-style: solid; + margin: 0px; +} +.nav { + background-color: black; + padding: 20px 30px 10px 5px; +} +nav, a { + text-decoration: none; + padding-left: 20px; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + color: white; + font-size: 21px; + float: right; + padding-right: 20px; + padding-top: 30px; +} +.logo { + padding-left: 10px; + margin-left: 80px; +} +.cb { + margin-left: 250px; +} +h1 { + text-align: center; + padding-top: 40px; + padding-bottom: 5px; + font-size: 30px; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} +.sale_items { + width: 90%; + overflow: hidden; + padding: 20px 0px; + margin: 20px auto; +} +.sale_items ul{ + margin: 0px; + padding: 0px; +} +.sale_items ul li { + width: 27%; + padding: 40px; + list-style: none; + float: left; + height: 300px; + border-width: 1px; + text-align: center +} +.sale_items ul li img{ + border-width: 1px; + border-color: black; + border-style: solid; +} +.about { + margin-right: 120px; + margin-left: 120px; +} +.fa { + padding: 10px; + font-size: 30px; + width: 50px; + text-align: center; + text-decoration: none; + margin: 5px 10px; + background: gray; + color: white; +} +.fa:hover { + opacity: 0.7; +} +.img { + padding: 0px; + margin-bottom: 30px; + margin-right: auto; + margin-left: auto; + text-align: center; + font-size: 15px; + list-style: none; +} +footer { + text-align: center; +} diff --git a/checkpoint-one/img/Alfa Romeo.jpg b/checkpoint-one/img/Alfa Romeo.jpg new file mode 100644 index 0000000000..07150f685d Binary files /dev/null and b/checkpoint-one/img/Alfa Romeo.jpg differ diff --git a/checkpoint-one/img/cb350.jpg b/checkpoint-one/img/cb350.jpg new file mode 100644 index 0000000000..d2459ce06c Binary files /dev/null and b/checkpoint-one/img/cb350.jpg differ diff --git a/checkpoint-one/img/cb400.jpg b/checkpoint-one/img/cb400.jpg new file mode 100644 index 0000000000..6e71065d3a Binary files /dev/null and b/checkpoint-one/img/cb400.jpg differ diff --git a/checkpoint-one/img/cb650.jpg b/checkpoint-one/img/cb650.jpg new file mode 100644 index 0000000000..aca2149918 Binary files /dev/null and b/checkpoint-one/img/cb650.jpg differ diff --git a/checkpoint-one/img/corolla.jpg b/checkpoint-one/img/corolla.jpg new file mode 100644 index 0000000000..98c271cb28 Binary files /dev/null and b/checkpoint-one/img/corolla.jpg differ diff --git a/checkpoint-one/img/gloves.jpg b/checkpoint-one/img/gloves.jpg new file mode 100644 index 0000000000..f816f7ec4e Binary files /dev/null and b/checkpoint-one/img/gloves.jpg differ diff --git a/checkpoint-one/img/goggles.jpg b/checkpoint-one/img/goggles.jpg new file mode 100644 index 0000000000..28ad2a9c59 Binary files /dev/null and b/checkpoint-one/img/goggles.jpg differ diff --git a/checkpoint-one/img/key_fob.jpg b/checkpoint-one/img/key_fob.jpg new file mode 100644 index 0000000000..e75c6752f1 Binary files /dev/null and b/checkpoint-one/img/key_fob.jpg differ diff --git a/checkpoint-one/img/pad.jpg b/checkpoint-one/img/pad.jpg new file mode 100644 index 0000000000..5f479fc231 Binary files /dev/null and b/checkpoint-one/img/pad.jpg differ diff --git a/checkpoint-one/img/pad2.jpg b/checkpoint-one/img/pad2.jpg new file mode 100644 index 0000000000..299960204e Binary files /dev/null and b/checkpoint-one/img/pad2.jpg differ diff --git a/checkpoint-one/img/pinstripe.jpg b/checkpoint-one/img/pinstripe.jpg new file mode 100644 index 0000000000..4298bab1e6 Binary files /dev/null and b/checkpoint-one/img/pinstripe.jpg differ diff --git a/checkpoint-one/img/red_baron_logo.jpg b/checkpoint-one/img/red_baron_logo.jpg new file mode 100644 index 0000000000..c9e9127496 Binary files /dev/null and b/checkpoint-one/img/red_baron_logo.jpg differ diff --git a/checkpoint-one/img/seat.jpg b/checkpoint-one/img/seat.jpg new file mode 100644 index 0000000000..c95eccc709 Binary files /dev/null and b/checkpoint-one/img/seat.jpg differ diff --git a/checkpoint-one/img/shift_knob.jpg b/checkpoint-one/img/shift_knob.jpg new file mode 100644 index 0000000000..12aee4c12a Binary files /dev/null and b/checkpoint-one/img/shift_knob.jpg differ diff --git a/checkpoint-one/img/wheel.jpg b/checkpoint-one/img/wheel.jpg new file mode 100644 index 0000000000..ddb79d327d Binary files /dev/null and b/checkpoint-one/img/wheel.jpg differ diff --git a/checkpoint-one/index.html b/checkpoint-one/index.html index 8b13789179..ad55d4426e 100644 --- a/checkpoint-one/index.html +++ b/checkpoint-one/index.html @@ -1 +1,64 @@ - + + + + + + Red Baron Speed Shop + + + + + + + +
    +
    FREE SHIPPING ON ORDERS OVER $99
    + +
    +
    + +
    +

    About

    +

    The Red Baron Speed Shop and Coffee came from the founder's love for fast machines and quality coffee. We work on all makes of cars and motorcycles with our specialty in custom metal and leather fabrication.The 1700sqft show room is integrated with a coffee shop in a steampunk industrial style. Our gear is made with the highest quality of leaders for durability, confort and style. The coffee we serve is grown in the Texas Hill Country and blessed by the hot Texas sun, and our shop talent is some of the best that Capital City has to offer. If you are looking for quality leathers, reliable service and good tastin' coffee pay us a visit.

    +
    +

    Gear

    +
    +
      +

    • Cafe Racer Seat
      $80.00
    • +

    • Aviator Goggles
      $24.99
    • +

    • Momo Prototipo Leather Steering Wheel
      $260.00
    • +

    • Hurst Shift Knob
      $24.00
    • +

    • Black Leather Riding/Driving Gloves
      $99.00
    • +

    • Leather MG Key Chain
      $12.
    • +
    +
    +
    +

    Gallery

    +

  • Corolla
  • +

  • Honda CB400 Cafe
  • +

  • Honda CB650 Cafe
  • +
    +

    Contact

    +
    The Red Baron
    4300 CHarlemagne Court
    Austin, Texas 78727
    ph:512-766-7676
    email:
    +
    +

    Social

    +
    +
    + + + diff --git a/checkpoint-three/ali.JPG b/checkpoint-three/ali.JPG new file mode 100644 index 0000000000..322c00f32a Binary files /dev/null and b/checkpoint-three/ali.JPG differ diff --git a/checkpoint-three/background.JPG b/checkpoint-three/background.JPG new file mode 100644 index 0000000000..e8c8fc664d Binary files /dev/null and b/checkpoint-three/background.JPG differ diff --git a/checkpoint-three/background2.JPG b/checkpoint-three/background2.JPG new file mode 100644 index 0000000000..5f6b6c4478 Binary files /dev/null and b/checkpoint-three/background2.JPG differ diff --git a/checkpoint-three/css/style.css b/checkpoint-three/css/style.css index 8b13789179..02f9f4ad65 100644 --- a/checkpoint-three/css/style.css +++ b/checkpoint-three/css/style.css @@ -1 +1,91 @@ +body { + background-color: aqua; + background-image: url(../background.JPG); + height: 500px; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; +} +h1 { + color: darkmagenta; + background-color: aqua; + text-align: center; + padding: 20px; + font-size: 70px; + border: yellow 2px solid; + margin: 10 100; +} + +h2 { + color: red; + outline-color: black; + font-size: 50; + margin: 5; + padding: 5; +} +#cabeza { + width:390px; + height:390px; + background-color: brown; + border-radius:390px; + } + +img { + transition: all 1s; + transition-timing-function: linear; + } + + #currentTotal { + width:200px; + height:50px; + border:1px solid black; + background-color: white; + text-align: center; + font-size: 48px; + } + .master { + display: flex; + text-align: center; + justify-content: space-between; + margin: 75; + } + .container { + padding: 80px; + } + .button { + width:250px; + height:55px; + border:1px solid purple; + text-align: end; + cursor:pointer; + margin:15 0; + background-color: aqua; + padding-top: 15; + padding-right: 15; + padding-bottom: 0; + } +#bone { + background-image: url(../dudly.JPG); + background-repeat: no-repeat; + } +#btwo { + background-image: url(../tyson.JPG); + background-repeat: no-repeat; +} +#bthree { + background-image: url(../ali.JPG); + background-repeat: no-repeat; +} + +#three { + background-image: url(../background2.JPG); + height: 390px; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + margin: 10px; + + } + \ No newline at end of file diff --git a/checkpoint-three/dudly.JPG b/checkpoint-three/dudly.JPG new file mode 100644 index 0000000000..f0ac6aa73f Binary files /dev/null and b/checkpoint-three/dudly.JPG differ diff --git a/checkpoint-three/index.html b/checkpoint-three/index.html index 8b13789179..92b3124b96 100644 --- a/checkpoint-three/index.html +++ b/checkpoint-three/index.html @@ -1 +1,34 @@ - + + + + + + Unicorn Game + + + + +

    KNOCK OUT THE UNICORN

    +
    +
    +
    + +
    +
    +

    Punch Count


    + Punch Intensity: +
    +
    +

    Options

    +
    +
    Dudley - 10
    +
    Mike Tyson - 100
    +
    Muhammad Ali - 1000
    +
    +
    +
    +
    + + + + diff --git a/checkpoint-three/js/react.js b/checkpoint-three/js/react.js new file mode 100644 index 0000000000..fda07235c4 --- /dev/null +++ b/checkpoint-three/js/react.js @@ -0,0 +1,47 @@ +var data = { + totalRevs:360, + totalCurrent:0, + totalRPS: 0 + }; + + setInterval(goGo,1000); + + function goGo() { + data.totalRevs += data.totalRPS; + data.totalCurrent += data.totalRPS; + $("#cabeza").css({ 'transform': 'rotate(' + data.totalRevs + 'deg)'}); + updateReport(); + } + //calc + function updateReport() { + $("#currentTotal").text(Math.floor(data.totalCurrent)); + $("#rps").text((data.totalRPS/70.4).toFixed(3)); + } + //unicorn turn count + $("#cabeza").click(function (){ + data.totalRevs ++; + data.totalCurrent ++; + updateReport(); + }) + + $(".button").click(function (){ + var addVal = $(this).data( "cost" ); + if ($(this).data( "cost" ) < data.totalCurrent ) { + data.totalCurrent -= parseFloat($(this).data( "cost" ).toPrecision(2)); + data.totalRPS += parseFloat($(this).data( "val" )); + $( this ).children("span").html( parseInt($( this ).children("span").html()*1.15)); + $( this ).data( "cost", parseInt($(this).data( "cost" ) * 1.15) ); + } + updateReport(); + }) +//to change image from one on hover to the one clicked on. + function changeimg() { + var cabeza = document.getElementById("cabeza"); + if(cabeza.src == "unicornse.jpg"){ + cabeza.src = "unicorns.jpg" + } + else{ + cabeza.src = "unicornse.jpg"; + } + } + diff --git a/checkpoint-three/tyson.JPG b/checkpoint-three/tyson.JPG new file mode 100644 index 0000000000..bd96e153cc Binary files /dev/null and b/checkpoint-three/tyson.JPG differ diff --git a/checkpoint-three/unicorn.jpg b/checkpoint-three/unicorn.jpg new file mode 100644 index 0000000000..17d876223d Binary files /dev/null and b/checkpoint-three/unicorn.jpg differ diff --git a/checkpoint-three/unicorns.jpg b/checkpoint-three/unicorns.jpg new file mode 100644 index 0000000000..3ea8bcc94c Binary files /dev/null and b/checkpoint-three/unicorns.jpg differ diff --git a/checkpoint-three/unicornse.jpg b/checkpoint-three/unicornse.jpg new file mode 100644 index 0000000000..e33a83269d Binary files /dev/null and b/checkpoint-three/unicornse.jpg differ diff --git a/checkpoint-two/css/style.css b/checkpoint-two/css/style.css index 8b13789179..05ae1366c8 100644 --- a/checkpoint-two/css/style.css +++ b/checkpoint-two/css/style.css @@ -1 +1,72 @@ +body { + margin: 0; + font-family: 'Open Sans'; + border: 1px black solid; + } +header { + background-color: lightgray; + border: 1px black solid; + height: 300px; +} +nav a { + padding: 5px; + margin: 2px; + text-decoration: none; + color: white; + font-family: Arial, Helvetica, sans-serif; + font-size: 15px; + border: 1px black solid; +} +a:hover { + color: black; + font-weight: bolder; +} +.titles { + text-align: center; + font-size: 50px; + font-weight: bold; +} +header div { + border: 1px black solid; + margin-top: 50px; + display: block; + margin-left: auto; + margin-right: auto; +} +.projs { + width: 90%; + overflow: hidden; + padding: 20px 0px; + margin: 20px auto; +} +.projs ul{ + margin: 0px; + padding: 0px; +} +.projs ul li { + width: 27%; + padding: 40px; + list-style: none; + float: left; + height: 300px; + border-width: 1px; + text-align: center +} +.projs ul li img{ + border-width: 1px; + border-color: black; + border-style: solid; +} +.fa:hover { + opacity: 0.7; +} +.contact { + padding: 100px; + border: 1px black solid; +} +footer{ + text-align: center; + padding: 40px; + border: 1px black solid; +} \ No newline at end of file diff --git a/checkpoint-two/images/Leo_pic.jpg b/checkpoint-two/images/Leo_pic.jpg new file mode 100644 index 0000000000..7750d6c3ed Binary files /dev/null and b/checkpoint-two/images/Leo_pic.jpg differ diff --git a/checkpoint-two/images/Raul Gracia_Resume.pdf b/checkpoint-two/images/Raul Gracia_Resume.pdf new file mode 100644 index 0000000000..703284c6eb Binary files /dev/null and b/checkpoint-two/images/Raul Gracia_Resume.pdf differ diff --git a/checkpoint-two/images/homework.jpg b/checkpoint-two/images/homework.jpg new file mode 100644 index 0000000000..0dfe632cf3 Binary files /dev/null and b/checkpoint-two/images/homework.jpg differ diff --git a/checkpoint-two/images/media-query-exercise-laptop.jpg b/checkpoint-two/images/media-query-exercise-laptop.jpg new file mode 100644 index 0000000000..3826b4a48e Binary files /dev/null and b/checkpoint-two/images/media-query-exercise-laptop.jpg differ diff --git a/checkpoint-two/images/proj1 b/checkpoint-two/images/proj1 new file mode 100644 index 0000000000..9dc684c53b Binary files /dev/null and b/checkpoint-two/images/proj1 differ diff --git a/checkpoint-two/images/responsive-laptop.jpg b/checkpoint-two/images/responsive-laptop.jpg new file mode 100644 index 0000000000..1fb5d1cb5f Binary files /dev/null and b/checkpoint-two/images/responsive-laptop.jpg differ diff --git a/checkpoint-two/images/wireframe.png b/checkpoint-two/images/wireframe.png new file mode 100644 index 0000000000..9a700d1d17 Binary files /dev/null and b/checkpoint-two/images/wireframe.png differ diff --git a/checkpoint-two/index.html b/checkpoint-two/index.html index 8b13789179..c27d5522b9 100644 --- a/checkpoint-two/index.html +++ b/checkpoint-two/index.html @@ -1 +1,53 @@ + + + + + + Page Title + + + + + + +
    + +
    This is Leo +
    JavaScript Developer, Mechanic, Guru
    +
    +
    +
    ABOUT
    +

    I am a front-end and back-end developer-in-training who is a goal driven individual. Preplanning and foreshadowing are my forte, along with the constant desire for learning. I have a strong mindset and in the near future I will be able to desipher your code, take control and make it my ...!

    + +
    PROJECTS
    +
    +
      +
    • +
    • +
    • +
    • +
    • +
    +
    + +
    CONTACT
    +
    + + + + +
    + +
    + + + + diff --git a/desktop.ini b/desktop.ini new file mode 100644 index 0000000000..d957fd188d --- /dev/null +++ b/desktop.ini @@ -0,0 +1,4 @@ +[ViewState] +Mode= +Vid= +FolderType=Generic