Add Signup/Signin page, query profile information via API and add footer with its respective subpages

This commit is contained in:
Oracle 2026-04-28 15:59:47 +02:00
parent 6596dc6d9b
commit c17d6b6b70
Signed by: Oracle
SSH key fingerprint: SHA256:x4/RtnjUyuHkdvmwNDsWSfcfF1V5PNr3OpriZqOvCX8
30 changed files with 1490 additions and 154 deletions

8
dist/about/index.html vendored Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html><html lang="en" class="dark" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v6.1.7"><title>PR Dojo - Code Review Practice</title><link rel="stylesheet" href="/_astro/Layout.slfrh7tA.css"></head> <body data-astro-cid-sckkx6r4> <div class="max-w-4xl mx-auto px-4 py-16"> <h1 class="text-4xl font-bold text-[#c9d1d9] mb-8">About PR Dojo</h1> <div class="space-y-6 text-[#8b949e] leading-relaxed"> <p> <strong class="text-[#c9d1d9]">PR Dojo</strong> is a practice platform for developers who want to sharpen their code review skills. We believe that the best way to become a better reviewer is by practicing on real-world code that didn't make it through review.
</p> <h2 class="text-2xl font-semibold text-[#c9d1d9] mt-10 mb-4">Our Mission</h2> <p>
Every day, thousands of pull requests are rejected, revised, or merged with bugs. These rejected PRs contain valuable learning opportunities — real bugs, real edge cases, real design mistakes. PR Dojo curates these mistakes into structured challenges where you can practice identifying issues and writing fixes.
</p> <h2 class="text-2xl font-semibold text-[#c9d1d9] mt-10 mb-4">How It Works</h2> <div class="grid gap-4 mt-4"> <div class="bg-[#161b22] border border-[#30363d] rounded-lg p-6"> <h3 class="text-[#58a6ff] font-semibold mb-2">1. Pick a Challenge</h3> <p class="text-sm">Browse our collection of buggy code snippets sourced from real rejected PRs. Each challenge includes a description, difficulty rating, and bug type categorization.</p> </div> <div class="bg-[#161b22] border border-[#30363d] rounded-lg p-6"> <h3 class="text-[#58a6ff] font-semibold mb-2">2. Find the Bugs</h3> <p class="text-sm">Review the code carefully, looking for logic errors, security vulnerabilities, performance issues, and style problems. Use hints if you get stuck.</p> </div> <div class="bg-[#161b22] border border-[#30363d] rounded-lg p-6"> <h3 class="text-[#58a6ff] font-semibold mb-2">3. Submit Your Fix</h3> <p class="text-sm">Write a patch that resolves the identified issues. Submit your fix and earn XP based on the difficulty and quality of your solution.</p> </div> </div> <h2 class="text-2xl font-semibold text-[#c9d1d9] mt-10 mb-4">Why Practice Code Review?</h2> <p>
Strong code review skills are one of the highest-leverage abilities a developer can have. Reviewing code helps you:
</p> <ul class="list-disc list-inside space-y-2 ml-4"> <li>Catch bugs before they reach production</li> <li>Learn new patterns and techniques from others' code</li> <li>Develop a critical eye for edge cases and security issues</li> <li>Improve your own writing by understanding what to avoid</li> <li>Communicate feedback constructively to teammates</li> </ul> <h2 class="text-2xl font-semibold text-[#c9d1d9] mt-10 mb-4">Bug Types We Cover</h2> <p>Our challenges span a wide range of common bug categories:</p> <div class="flex flex-wrap gap-2 mt-4"> <span class="bg-[#1f6feb]/20 text-[#58a6ff] border border-[#1f6feb]/40 rounded-full px-3 py-1 text-sm">Logic Errors</span> <span class="bg-[#f85149]/20 text-[#f85149] border border-[#f85149]/40 rounded-full px-3 py-1 text-sm">Security Vulnerabilities</span> <span class="bg-[#a371f7]/20 text-[#a371f7] border border-[#a371f7]/40 rounded-full px-3 py-1 text-sm">Performance Issues</span> <span class="bg-[#f2cc60]/20 text-[#f2cc60] border border-[#f2cc60]/40 rounded-full px-3 py-1 text-sm">Edge Cases</span> <span class="bg-[#388bfd]/20 text-[#388bfd] border border-[#388bfd]/40 rounded-full px-3 py-1 text-sm">Type Errors</span> <span class="bg-[#a5d6ff]/20 text-[#a5d6ff] border border-[#a5d6ff]/40 rounded-full px-3 py-1 text-sm">API Misuse</span> <span class="bg-[#8b949e]/20 text-[#8b949e] border border-[#8b949e]/40 rounded-full px-3 py-1 text-sm">Resource Leaks</span> </div> <h2 class="text-2xl font-semibold text-[#c9d1d9] mt-10 mb-4">Get Involved</h2> <p>
PR Dojo is an open project. If you have rejected PRs you'd like to contribute as challenges, or if you want to help build the platform, check out our GitHub repository and open an issue or pull request.
</p> </div> </div> <footer class="border-t border-[#30363d] mt-16"> <div class="max-w-6xl mx-auto px-4 py-12"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> <div> <h3 class="text-[#c9d1d9] font-semibold mb-4">PR Dojo</h3> <ul class="space-y-2"> <li> <a href="/" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Challenges</a> </li> <li> <a href="/profile" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Profile</a> </li> </ul> </div> <div> <h3 class="text-[#c9d1d9] font-semibold mb-4">Learn</h3> <ul class="space-y-2"> <li> <a href="/about" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">About</a> </li> <li> <a href="/faq" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">FAQ</a> </li> </ul> </div> <div> <h3 class="text-[#c9d1d9] font-semibold mb-4">Legal</h3> <ul class="space-y-2"> <li> <a href="/imprint" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Imprint</a> </li> <li> <a href="/privacy" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Privacy Policy</a> </li> <li> <a href="/terms" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Terms of Service</a> </li> </ul> </div> <div> <h3 class="text-[#c9d1d9] font-semibold mb-4">Connect</h3> <ul class="space-y-2"> <li> <a href="https://github.com" target="_blank" rel="noopener noreferrer" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">GitHub</a> </li> <li> <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" class="text-[#8b949e] text-sm hover:text-[#c9d1d9]">Twitter</a> </li> </ul> </div> </div> <div class="border-t border-[#30363d] mt-8 pt-8 text-center"> <p class="text-[#8b949e] text-sm">&copy; 2026 PR Dojo. All rights reserved.</p> </div> </div> </footer></body></html>