Add files via upload

AidenSorabji · Jun 4, 2024 · a1de76e · a1de76e
commit a1de76e
Show file tree

Hide file tree

Showing 8 changed files with 928 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="RichardApps">
+    <title>404 - PAGE NOT FOUND</title>
+
+    <link rel="icon" type="image/png" href="src/media/favicon.png">
+
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="effects.css">
+</head>
+<body>
+    <video
+		onloadstart="this.playbackRate = 0.65;"
+		autoplay
+		muted
+		loop
+		id="noise_vid"
+		src="src/media/noise.mp4">
+	</video>
+	<div class="vignette"></div>
+
+	<div id="videohue"></div>
+    <pre>
+██╗    ██╗██╗  ██╗███████╗██████╗ ███████╗     █████╗ ██████╗ ███████╗    ██╗    ██╗███████╗██████╗ 
+██║    ██║██║  ██║██╔════╝██╔══██╗██╔════╝    ██╔══██╗██╔══██╗██╔════╝    ██║    ██║██╔════╝╚════██╗
+██║ █╗ ██║███████║█████╗  ██████╔╝█████╗      ███████║██████╔╝█████╗      ██║ █╗ ██║█████╗    ▄███╔╝
+██║███╗██║██╔══██║██╔══╝  ██╔══██╗██╔══╝      ██╔══██║██╔══██╗██╔══╝      ██║███╗██║██╔══╝    ▀▀══╝ 
+╚███╔███╔╝██║  ██║███████╗██║  ██║███████╗    ██║  ██║██║  ██║███████╗    ╚███╔███╔╝███████╗  ██╗   
+ ╚══╝╚══╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝    ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝     ╚══╝╚══╝ ╚══════╝  ╚═╝
+</pre>
+    <br>&nbsp
+    <p>You stumble forward, eyes adjusting to the harsh light.</p>
+    <p>The landscape stretches out before you, an endless expanse of sand.</p>
+    <br>&nbsp;
+    <p>How did we end up here?</p>
+    <br>&nbsp;
+    <p>A figure emerges from the haze, their features indistinct.</p>
+    <br>&nbsp;
+    <p><em>"Lost you way, have you?" </em>they say, their voice low and detached. <em>"This region isn't mapped out, it's not safe out here."</em></p>
+    <br>&nbsp;
+    <p><em>"Anyways.. just go south and you'll be back on the right track in no time.":</em></p>
+    <br>&nbsp;
+    <a href="index.html">HOMEPAGE</a>
+    <footer>
+        <p><em>ERROR 404 - PAGE NOT FOUND</em></p>
+    </footer>
+</body>
+<style>
+    :root {
+        --main-color: #f32121;
+        --bg-color: rgb(224, 20, 20); /* Change, and paste inner values below */
+        --bg-color: 224, 20, 20; /* Needs to be in this format, so opacity can be controlled individually */
+        --bg-color-2: #f50c0c77;
+    }
+
+    body {
+        width: 100vw;
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+
+        overflow: hidden;
+    }
+
+    pre, p, em, br, a {
+        z-index: 5;
+
+        opacity: 0.9;
+        white-space: unset;
+    }
+
+    pre {
+        user-select: none;
+    }
+
+    p, em, a {
+        font-size: 1.75rem;
+    }
+
+    a {
+        border: 1px solid red;
+        padding: 0.25em 1em 0.25em 1em;
+        text-decoration: none;
+
+        background: linear-gradient(45deg, rgba(255, 0, 0, 0.09) 20%, rgba(255, 3, 3, 0.329) 100%);
+    }
+
+    a:hover {
+        background-color: red;
+        color: white;
+        box-shadow: none;
+    }
+
+    #noise_vid {
+        opacity: 0.4;
+    }
+
+    footer {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding: 0.5em;
+        text-align: center;
+        font-weight: 100;
+    }
+</style>
+</html>
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -0,0 +1,52 @@
+# Contribution Guidelines
+
+Thank you for considering contributing to my project!
+I welcome contributions from everyone, whether you're a seasoned developer or just starting out.
+Your help is invaluable in making my project better.
+
+## How to Contribute
+
+I welcome contributions in the following areas:
+
+- General code improvements
+- Bug fixes
+- Adding features
+
+If you're unsure about something or need assistance, feel free to reach out to me. I'm here to help!
+
+## Getting Started
+
+1. Fork the repository.
+2. Clone your forked repository locally.
+3. Create a new branch for your work: `git checkout -b feature/your-feature`.
+4. Make your changes and ensure they follow the coding standards.
+5. Test your changes thoroughly.
+6. Commit your changes: `git commit -am 'Add new feature'`.
+7. Push to your branch: `git push origin feature/your-feature`.
+8. Submit a pull request.
+
+## Code Style and Guidelines
+
+- Follow the coding style and guidelines already established in the project.
+- Write clear and concise code with appropriate comments where necessary.
+- Ensure your code is well-tested and doesn't break existing functionality.
+
+## Reporting Bugs
+
+If you encounter a bug, please help me fix it by following these steps:
+
+1. Check if the issue has already been reported by searching through the [issues](https://github.com/Richard-Apps/richardapps-web/issues).
+2. If not, open a new issue with a clear description of the problem and steps to reproduce it.
+
+## Feature Requests
+
+Have a great idea for a new feature? We'd love to hear it! Follow these steps:
+
+1. Check if the feature has already been requested by searching through the [issues](https://github.com/Richard-Apps/richardapps-web/issues).
+2. If not, open a new issue and describe the feature you'd like to see.
+
+## Feedback
+
+I welcome any feedback that can help me improve the project. Whether it's a suggestion, a critique, or just a general comment, feel free to share it with me.
+
+Thank you for contributing!
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/effects.css b/effects.css
@@ -0,0 +1,79 @@
+/* Default text-glow */
+pre, p, li, h1, h2, h3, h4, td {
+    text-shadow: 0 0 7px var(--main-color), 0 0 20px var(--main-color), 0 0 40px var(--main-color);
+}
+
+/* FLICKER ANIMATION */
+@keyframes flicker {
+    from {
+        opacity: 100%;
+    }
+
+    to {
+        opacity: 92.5%;
+        /* margin-left: 0.03em; /* Potentially causes performance issues and leads to less readability*/
+    }
+}
+
+#canvas {
+    animation: 1.1s infinite both flicker;
+}
+
+/* NOISE */
+@keyframes noise {
+    from {
+        filter: brightness(0.1);
+    }
+
+    to {
+        filter: brightness(0.085);
+    }
+}
+
+#noise_vid {
+
+    object-fit: cover;
+
+    filter: brightness(0.1);
+    animation: 5s infinite forward noise;
+
+    opacity: 0.5;
+}
+
+#noise_vid, #videohue {
+    animation: 5s infinite forward noise;
+    opacity: 0.5;
+}
+
+/* SCAN-LINES */
+@keyframes gradient {
+    0% {
+        background-position: 0% 0%;
+    }
+    100% {
+        background-position: 0% -145%;
+    }
+}
+
+#videohue {
+    opacity: var(--bg-opacity);
+    display: block;
+
+    background: linear-gradient(var(--bg-color-2) 70%, rgb(var(--bg-color)) 100%);
+    background-size: 100% 200%; /* This ensures the gradient covers the entire element */
+    animation: gradient 10s infinite linear;
+}
+
+/* not displayed by default */
+#noise_vid, #rain_vid {
+    display: block;
+}
+
+/* PROJECTS GLOW */
+.pr_warning, .pr_warning em {
+    text-shadow: 0 0 7px var(--warning-color), 0 0 20px var(--warning-color), 0 0 40px var(--warning-color);
+}
+
+.pr_info, .pr_info em{
+    text-shadow: 0 0 7px var(--info-color), 0 0 20px var(--info-color), 0 0 40px var(--info-color);
+}