This repository has been archived by the owner on Dec 14, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
310 additions
and
14 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Hmmmmmm</title> | ||
| </head> | ||
| <body> | ||
| <main>What do you think you're doing?</main> | ||
| </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
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
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
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
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,19 @@ | ||
| .project-header { | ||
| display: flex; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .info-container { | ||
| display: flex; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .info { | ||
| width: 40rem; | ||
| } | ||
|
|
||
| .description, | ||
| .languages-list, | ||
| .plans { | ||
| color: var(--color-text-secondary); | ||
| } |
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,10 @@ | ||
| const projects = document.querySelectorAll(".project-card"); | ||
|
|
||
| projects.forEach((project) => { | ||
| project.addEventListener("click", () => { | ||
| const parentId = project.parentElement.id; | ||
|
|
||
| history.pushState(null, null, window.location.href.split("#")[0]); | ||
| window.location.pathname += parentId; | ||
| }); | ||
| }); |
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,125 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Jazza's Projects</title> | ||
|
|
||
| <link rel="stylesheet" href="../project.css" /> | ||
| <link rel="stylesheet" href="../../common.css" /> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <ul class="header-text-items"> | ||
| <li id="home"> | ||
| <a href="../../">Home</a> | ||
| </li> | ||
| <li id="projects"> | ||
| <a href="../"> | ||
| Projects | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 24 24" | ||
| id="angle-down" | ||
| > | ||
| <path | ||
| d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z" | ||
| ></path> | ||
| </svg> | ||
| </a> | ||
| <div class="dropdown projects-dropdown"> | ||
| <a href="../website">This website</a> | ||
| <a href="./">Scratch Addons</a> | ||
| <a href="../mediascout">MediaScout</a> | ||
| <a href="../mobile">Scratch mobile</a> | ||
| </div> | ||
| </li> | ||
| <li id="links"> | ||
| <a href="../../links">Links</a> | ||
| </li> | ||
| <li id="posts"> | ||
| <a href="#">Posts</a> | ||
| </li> | ||
| </ul> | ||
| </header> | ||
|
|
||
| <main> | ||
| <div class="project-header"> | ||
| <h1>Scratch Addons</h1> | ||
| </div> | ||
|
|
||
| <div class="info-container"> | ||
| <div class="info"> | ||
| <div class="description-container"> | ||
| <h2 class="description-header">About</h2> | ||
| <div class="description"> | ||
| Scratch Addons is a browser extension for the | ||
| <a href="scratch.mit.edu">Scratch</a> website. It's main purpose | ||
| is to make scratch easier to use for more advanced users, but also | ||
| adds many QOL features that <strong>really</strong> should be in | ||
| Scratch. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="languages-container"> | ||
| <h2 class="languages-header">Languages</h2> | ||
| <ul class="languages-list"> | ||
| <li>HTML</li> | ||
| <li>CSS</li> | ||
| <li>JavaScript</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="plans-container"> | ||
| <h2 class="plans-header">Plans</h2> | ||
| <div class="plans"> | ||
| I'm not really important enough to decide this. I have my own | ||
| addon ideas that are secret, and besides the idea of Tweaks for | ||
| Scratch Addons 2.0, I'm not involved in that part. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="links-container"> | ||
| <h2 class="links-header">Links</h2> | ||
| <div> | ||
| <a | ||
| class="out" | ||
| href="https://github.com/ScratchAddons/ScratchAddons" | ||
| target="_blank" | ||
| ><span class="rainbow">Scratch Addons</span></a | ||
| > | ||
| <br /><br /> | ||
| <a | ||
| class="out" | ||
| href="https://github.com/Jazza-231/ScratchAddons" | ||
| target="_blank" | ||
| > | ||
| <span class="rainbow">My fork</span> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <div class="footer-text">© 2024 Jazza. All rights reserved.</div> | ||
| <div class="made-with-love">Made with ❤️❤️ in Australia by Jazza.</div> | ||
| </footer> | ||
|
|
||
| <script src="../../headerMargin.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 |
|---|---|---|
|
|
@@ -24,4 +24,5 @@ | |
| padding: 1rem; | ||
| border: var(--color-surface-mixed-light) 2px solid; | ||
| border-radius: 0.5rem; | ||
| cursor: pointer; | ||
| } | ||
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,119 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Jazza's Projects</title> | ||
|
|
||
| <link rel="stylesheet" href="../project.css" /> | ||
| <link rel="stylesheet" href="../../common.css" /> | ||
|
|
||
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| <link | ||
| href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" | ||
| rel="stylesheet" | ||
| /> | ||
| </head> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <ul class="header-text-items"> | ||
| <li id="home"> | ||
| <a href="../../">Home</a> | ||
| </li> | ||
| <li id="projects"> | ||
| <a href="../"> | ||
| Projects | ||
| <svg | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 24 24" | ||
| id="angle-down" | ||
| > | ||
| <path | ||
| d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z" | ||
| ></path> | ||
| </svg> | ||
| </a> | ||
| <div class="dropdown projects-dropdown"> | ||
| <a href="./">This website</a> | ||
| <a href="../sa">Scratch Addons</a> | ||
| <a href="../mediascout">MediaScout</a> | ||
| <a href="../mobile">Scratch mobile</a> | ||
| </div> | ||
| </li> | ||
| <li id="links"> | ||
| <a href="../../links">Links</a> | ||
| </li> | ||
| <li id="posts"> | ||
| <a href="#">Posts</a> | ||
| </li> | ||
| </ul> | ||
| </header> | ||
|
|
||
| <main> | ||
| <div class="project-header"> | ||
| <h1>This website</h1> | ||
| </div> | ||
|
|
||
| <div class="info-container"> | ||
| <div class="info"> | ||
| <div class="description-container"> | ||
| <h2 class="description-header">About</h2> | ||
| <div class="description"> | ||
| This is my personal development website, telling you about me and | ||
| what I do. I also have a professional website which I will not | ||
| link to, as it is both unfinished and contains personal | ||
| information. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="languages-container"> | ||
| <h2 class="languages-header">Languages</h2> | ||
| <ul class="languages-list"> | ||
| <li>HTML</li> | ||
| <li>CSS</li> | ||
| <li>JavaScript</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="plans-container"> | ||
| <h2 class="plans-header">Plans</h2> | ||
| <div class="plans"> | ||
| Development of this website is ongoing, and knowing me it will | ||
| never be fully finished. It needs fleshing out, but I also want to | ||
| make it prettier and cleaner. I am also thinking about using | ||
| something like svelte for more convenient development. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="links-container"> | ||
| <h2 class="links-header">Links</h2> | ||
| <div class="links-list"> | ||
| <a | ||
| class="out" | ||
| href="https://github.com/Jazza-231/jazza" | ||
| target="_blank" | ||
| > | ||
| <span class="rainbow">GitHub</span> | ||
| </a> | ||
| <br /><br /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <div class="footer-text">© 2024 Jazza. All rights reserved.</div> | ||
| <div class="made-with-love">Made with ❤️❤️ in Australia by Jazza.</div> | ||
| </footer> | ||
|
|
||
| <script src="../../headerMargin.js"></script> | ||
| </body> | ||
| </html> |