Skip to content

Commit

Permalink
docs: Add new donate page
Browse files Browse the repository at this point in the history
  • Loading branch information
debjitbis08 committed Nov 30, 2024
1 parent 3935d63 commit 662a105
Show file tree
Hide file tree
Showing 3 changed files with 112 additions and 19 deletions.
32 changes: 16 additions & 16 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -47,54 +47,54 @@ const { small } = Astro.props;
<span class="hidden md:inline">📘</span>
</span>
</a>
<div class="flex gap-2">
<a href="https://github.com/debjitbis08/sim8085" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">
<div class="flex gap-2 text-inactive-foreground">
<a href="https://github.com/debjitbis08/sim8085" target="_blank" class="hover:text-active-foreground transition-colors">
<Fragment set:html={GithubIcon} />
</a>
<a href="https://buymeacoffee.com/sim8085" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">
<a href="https://buymeacoffee.com/sim8085" target="_blank" class="hover:text-active-foreground transition-colors">
<Fragment set:html={BMCIcon} />
</a>
</div>
</div>
<div class="min-w-[50%] md:min-w-[200px] mt-8 md:mt-0">
<h3 class="text-gray-800 dark:text-gray-200 mb-3">Product</h3>
<ul class="flex flex-col gap-2">
<h3 class="text-active-foreground mb-3">Product</h3>
<ul class="flex flex-col gap-2 text-inactive-foreground">
<li>
<a href="/docs/en" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Documentation</a>
<a href="/docs/en" target="_blank" class="hover:text-active-foreground transition-colors">Documentation</a>
</li>
<li>
<a href="/changelog" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Changelog</a>
<a href="/changelog" target="_blank" class="hover:text-active-foreground transition-colors">Changelog</a>
</li>
<li>
<a href="https://www.debjitbiswas.com/tags/sim8085/" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Blog</a>
<a href="https://www.debjitbiswas.com/tags/sim8085/" target="_blank" class="hover:text-active-foreground transition-colors">Blog</a>
</li>
</ul>
</div>
<div class="min-w-[50%] md:min-w-[200px] mt-8 md:mt-0">
<h3 class="text-gray-800 dark:text-gray-200 mb-3">Community</h3>
<ul class="flex flex-col gap-2">
<h3 class="text-active-foreground mb-3">Community</h3>
<ul class="flex flex-col gap-2 text-inactive-foreground">
<li>
<a
href="https://github.com/debjitbis08/sim8085/discussions/categories/q-a"
target="_blank"
class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors"
class="hover:text-active-foreground transition-colors"
>Discussions</a>
</li>
<li>
<a
href="https://github.com/debjitbis08/sim8085/discussions/categories/ideas"
target="_blank"
class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors"
class="hover:text-active-foreground transition-colors"
>Submit an Idea</a>
</li>
</ul>
</div>
</div>
<div class="flex items-center gap-3 mt-6">
<a href="/tos" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Terms & Conditions</a>
<a href="/privacy-policy" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Privacy Policy</a>
<div class="flex items-center gap-3 mt-6 text-inactive-foreground">
<a href="/tos" target="_blank" class="hover:text-active-foreground transition-colors">Terms & Conditions</a>
<a href="/privacy-policy" target="_blank" class="hover:text-active-foreground transition-colors">Privacy Policy</a>
</div>
<p class="mt-4"><span class="text-base align-middle">&copy;</span> Copyright {year} — <a href="https://www.debjitbiswas.com" target="_blank" class="hover:text-gray-400 dark:hover:text-gray-400 transition-colors">Debjit Biswas</a></p>
<p class="mt-4"><span class="text-base align-middle">&copy;</span> Copyright {year} — <a href="https://www.debjitbiswas.com" target="_blank" class="text-inactive-foreground hover:text-active-foreground transition-colors">Debjit Biswas</a></p>
</div>
</footer>
)}
4 changes: 1 addition & 3 deletions src/components/Header.astro
Original file line number Diff line number Diff line change
Expand Up @@ -105,9 +105,7 @@ const avatarUrl = user?.user_metadata?.avatar_url || '/default-avatar.png'; // D
<link href="https://fonts.googleapis.com/css?family=Inter&amp;display=swap" rel="stylesheet">
<a
class="bmc-btn"
target="_blank"
href="https://buymeacoffee.com/sim8085"
title="Your support helps me improve Sim8085, create new tutorials, and keep this platform running for students and enthusiasts worldwide!"
href="/donate"
>
<span>
<Fragment set:html={HandHoldingHeartIcon}/>
Expand Down
95 changes: 95 additions & 0 deletions src/pages/donate.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
---
import Layout from '../layouts/Layout.astro';
---

<Layout title="Changelog - Sim8085" showActions={false} fullwidth={false}>
<main class="privacy-policy max-w-4xl mx-auto py-8 px-4">
<h1 class="text-2xl mb-10 font-bold">Help Keep Sim8085 Growing</h1>
<div class="flex md:gap-16 items-start flex-wrap justify-stretch">
<div class="mb-8 md:mb-4 min-w-[200px]">
<h2 class="text-xl border-b-0 border-b-secondary-border mb-4">Buy Me a Coffee</h2>
<div>
<a href="https://www.buymeacoffee.com/sim8085"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=☕&slug=sim8085&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>
</div>
<p class="mt-2 text-secondary-foreground text-sm">
Best for card payments.
</p>
</div>
<div class="mb-8 md:mb-4">
<h2 class="text-xl border-b-0 border-b-secondary-border mb-4">Razorpay</h2>
<div>
<form><script is:inline src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_PRRyue1p9GnvTp" async> </script> </form>
</div>
<p class="mt-1 text-secondary-foreground text-sm">
Best for Indian users. Supports UPI payments.
</p>
</div>
</div>
<div class="mt-6">
<p class="mb-6 text-lg leading-relaxed">
Sim8085 is designed and maintained by a <a href="https://www.debjitbiswas.com">single developer</a> who has decided to leave their day job to focus full-time on projects like this. This decision allows for continuous improvements and new features, but it also means that they depend on donations for their livelihood. The goal is to provide students and educators with an efficient tool for learning and working with the 8085 microprocessor.
</p>

<p class="mb-6 text-lg leading-relaxed">
Your support helps keep Sim8085 accessible to students worldwide and ensures continuous improvement. Contributions directly aid in maintaining the platform, adding new features, and improving the overall experience for users.
</p>

<p class="mb-6 text-lg leading-relaxed">
If you’re unable to donate, there are other ways to show your support:
</p>

<div class="text-lg">
<div class="mb-8">
<h3 class="font-bold mb-4">📣 Spread the Word</h3>
<p>
Share Sim8085 with your classmates, colleagues, or on social media to help more people discover and benefit from it.
</p>
</div>
<div>
<h3 class="font-bold mb-4">⭐ Star the Project on GitHub</h3>
<p>
Starring the repository not only shows your appreciation but also helps the project gain visibility and encourages contributions from the community.
</p>
<p class="mt-4 mb-6">
<a class="github-button" href="https://github.com/debjitbis08/sim8085" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star debjitbis08/sim8085 on GitHub">Star</a>
</p>
</div>
<div>
<h3 class="font-bold mb-4">💡 Provide Feedback</h3>
<p>
Have suggestions or ideas? Share your thoughts on our <a href="https://github.com/debjitbis08/sim8085/discussions/categories/ideas">discussion forums</a> on GitHub and shape future updates.
</p>
<p class="mt-4 mb-6">
<a class="github-button" href="https://github.com/debjitbis08/sim8085/discussions" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-comment-discussion" data-size="large" aria-label="Discuss debjitbis08/sim8085 on GitHub">Discuss</a>
</p>
</div>
<div>
<h3 class="font-bold mb-4">🛠️ Contribute to the Project</h3>
<p>
If you’re familiar with coding or documentation, consider contributing to the Sim8085 project on GitHub. I need help with writing the documentation for all the instructions and directives.
</p>
<p class="mt-4 mb-6">
<a class="github-button" href="https://github.com/debjitbis08/sim8085/fork" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork debjitbis08/sim8085 on GitHub">Fork</a>
</p>
</div>
</div>


<p class="mb-6 text-lg leading-relaxed">
Additionally, I plan to create detailed tutorials to make learning more effective. These tutorials will be priced affordably to ensure they remain accessible to students.
</p>

<p class="text-lg leading-relaxed">
Thank you for your support in keeping Sim8085 running and improving—it’s your involvement that helps this tool continue to grow!
</p>
</div>
</main>
</Layout>

<style>
a {
@apply text-blue-foreground;
}
</style>

<script is:inline defer src="https://buttons.github.io/buttons.js"></script>

0 comments on commit 662a105

Please sign in to comment.