-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #136 from khalosmoscato/patch-1
Patch 1
- Loading branch information
Showing
31 changed files
with
1,455 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file was deleted.
Oops, something went wrong.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,106 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <link rel="stylesheet" href="styles/calculator.css"> | ||
| </head> | ||
| <body> | ||
| <!-- Create an element to display the calculation. --> | ||
| <p class="js-calculation calculation"></p> | ||
|
|
||
| <p> | ||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('1'); | ||
| ">1</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('2'); | ||
| ">2</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('3'); | ||
| ">3</button> | ||
|
|
||
| <button class="calculator-button orange-button" onclick=" | ||
| updateCalculation(' + '); | ||
| ">+</button> | ||
| </p> | ||
|
|
||
| <p> | ||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('4'); | ||
| ">4</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('5'); | ||
| ">5</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('6'); | ||
| ">6</button> | ||
|
|
||
| <button class="calculator-button orange-button" onclick=" | ||
| updateCalculation(' - '); | ||
| ">-</button> | ||
| </p> | ||
|
|
||
| <p> | ||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('7'); | ||
| ">7</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('8'); | ||
| ">8</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('9'); | ||
| ">9</button> | ||
|
|
||
| <button class="calculator-button orange-button" onclick=" | ||
| updateCalculation(' * '); | ||
| ">*</button> | ||
| </p> | ||
|
|
||
| <p> | ||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('0'); | ||
| ">0</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| updateCalculation('.'); | ||
| ">.</button> | ||
|
|
||
| <button class="calculator-button gray-button" onclick=" | ||
| // Note: eval() takes a string and runs it as code. | ||
| // Avoid using eval() in real world projects since | ||
| // it can potentially be given harmful code to run. | ||
| // Only use eval() for learning purposes. | ||
| calculation = eval(calculation); | ||
| // Display the calculation on the page | ||
| // instead of console.log | ||
| displayCalculation(); | ||
| localStorage.setItem('calculation', calculation); | ||
| ">=</button> | ||
|
|
||
| <button class="calculator-button orange-button" onclick=" | ||
| updateCalculation(' / '); | ||
| ">/</button> | ||
| </p> | ||
|
|
||
| <p> | ||
| <button class="calculator-button gray-button clear-button" onclick=" | ||
| calculation = ''; | ||
| // Display the calculation on the page | ||
| // instead of console.log | ||
| displayCalculation(); | ||
| localStorage.setItem('calculation', calculation); | ||
| ">Clear</button> | ||
| </p> | ||
|
|
||
| <script src="scripts/calculator.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" dir="ltr"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Snake Game JavaScript</title> | ||
| <link rel="stylesheet" href="styles/ekans.css"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"> | ||
| <script src="scripts/ekans.js" defer></script> | ||
| </head> | ||
| <body> | ||
| <div class="wrapper"> | ||
| <div class="game-details"> | ||
| <span class="score">Score: 0</span> | ||
| <span class="high-score">High Score: 0</span> | ||
| </div> | ||
| <div class="play-board"></div> | ||
| <div class="controls"> | ||
| <i data-key="ArrowLeft" class="fa-solid fa-arrow-left-long"></i> | ||
| <i data-key="ArrowUp" class="fa-solid fa-arrow-up-long"></i> | ||
| <i data-key="ArrowRight" class="fa-solid fa-arrow-right-long"></i> | ||
| <i data-key="ArrowDown" class="fa-solid fa-arrow-down-long"></i> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,137 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="'viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="styles/example.css"> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> | ||
| <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet"> --> | ||
| </head> | ||
| <body> | ||
| <!-- START NAV --> | ||
|
|
||
| <nav id="navbar" class="nav"> | ||
| <ul class="nav-list"> | ||
| <li> | ||
| <a href="#welcome-section">Info</a> | ||
| </li> | ||
| <li> | ||
| <a href="#projects">Projects</a> | ||
| </li> | ||
| <li> | ||
| <a href="#contact">Contact</a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <!-- END NAV --> | ||
|
|
||
| <!-- START WELCOME SECTION --> | ||
|
|
||
| <section id="welcome-section" class="welcome-section"> | ||
| <h1>Hi everyone, this is Khalos!</h1> | ||
| <p>a web developer by day and super hero by night</p> | ||
| </section> | ||
|
|
||
| <!-- END WELCOME SECTION --> | ||
|
|
||
| <!-- START PROJECTS SECTION --> | ||
|
|
||
| <section id="projects" class="projects-section"> | ||
| <h2 class="projects-section-header">These are some of my projects</h2> | ||
|
|
||
| <div class="projects-grid"> | ||
| <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| Tribute Page | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| Random Quote Machine | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| JavaScript Calculator | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| Map Data Across the Globe | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| <a href="https://codepen.io/freeCodeCamp/full/wGqEga" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| Wikipedia Viewer | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| <a href="https://codepen.io/freeCodeCamp/full/KzXQgy" target="_blank" class="project project-tile"> | ||
| <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="project"> | ||
| <p class="project-title"> | ||
| <span class="code"><</span> | ||
| Tic Tac Toe Game | ||
| <span class="code">/></span> | ||
| </p> | ||
| </a> | ||
| </div> | ||
|
|
||
| <a href="https://codepen.io/FreeCodeCamp/" class="btn btn-show-all" target="_blank">Show all<i class="fas fa-chevron-right"></i></a> | ||
| </section> | ||
|
|
||
| <!-- END PROJECTS SECTION --> | ||
|
|
||
| <!-- START CONTACT SECTION --> | ||
|
|
||
| <section id="contact" class="contact-section"> | ||
| <div class="contact-section-header"> | ||
| <h2>Let's work together...</h2> | ||
| <p>How do you take your coffee?</p> | ||
| </div> | ||
| <div class="contact-links"> | ||
| <a href="https://facebook.com/freecodecamp" target="_blank" class="btn contact-details"><i class="fab fa-facebook-square"></i> Facebook</a> | ||
| <a id="profile-link" href="https://github.com/freecodecamp" target="_blank" class="btn contact-details"><i class="fab fa-github"></i> GitHub</a> | ||
| <a href="https://twitter.com/freecodecamp" target="_blank" class="btn contact-details"><i class="fab fa-twitter"></i> Twitter</a> | ||
| <a href="mailto:[email protected]" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a> | ||
| <a href="tel:555-555-5555" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- END CONTACT SECTION --> | ||
|
|
||
| <!-- START FOOTER SECTION --> | ||
|
|
||
| <footer> | ||
| <p> | ||
| **This is just a fake portfolio. All the projects and contact details | ||
| given are not real. | ||
| </p> | ||
| <p> | ||
| © Created for | ||
| <a href="https://www.freecodecamp.com/" target="_blank">freeCodeCamp <i class="fab fa-free-code-camp"></i></a> | ||
| </p> | ||
| </footer> | ||
|
|
||
| <script src="scripts/example.js"></script> | ||
|
|
||
| <!-- END FOOTER SECTION --> | ||
|
|
||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Oops, something went wrong.