mirror of
https://github.com/booklore-app/booklore.git
synced 2026-02-18 00:17:53 +01:00
Update readme
This commit is contained in:
aditya.chandel
@@ -6,7 +6,6 @@
|
||||
|
||||
[](https://discord.gg/Ee5hd458Uz)
|
||||
[](https://opencollective.com/booklore)
|
||||
[](https://venmo.com/AdityaChandel)
|
||||
> 🚨 **Important Announcement:**
|
||||
> Docker images have moved to new repositories:
|
||||
> - Docker Hub: `https://hub.docker.com/r/booklore/booklore`
|
||||
|
||||
@@ -1,61 +1,58 @@
|
||||
<div class="flex flex-col items-center justify-center p-2 md:p-6 rounded-lg border border-neutral-700" style="max-width: 700px; margin: auto;">
|
||||
<div class="mb-4 w-full text-center">
|
||||
<span class="inline-block px-3 py-1 rounded-full bg-blue-800/60 text-blue-200 text-xs font-semibold tracking-wide mb-2">
|
||||
<div class="support-dialog-container">
|
||||
<div class="header-section">
|
||||
<span class="badge">
|
||||
Open Source & Community Driven
|
||||
</span>
|
||||
<h2 class="text-2xl font-bold text-white mb-2 tracking-tight">
|
||||
<h2 class="title">
|
||||
Booklore
|
||||
</h2>
|
||||
<p class="text-base text-zinc-200 leading-relaxed">
|
||||
Booklore is designed to help you manage your book collection with ease and enjoyment.<br>
|
||||
If you find Booklore valuable, please consider supporting its continued development.
|
||||
<p class="description">
|
||||
A modern platform crafted to help you curate, organize, and cherish your personal library with elegance and simplicity.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-4 w-full text-center">
|
||||
<p class="text-zinc-200 italic text-sm">
|
||||
Your feedback and support help me keep Booklore improving for everyone.<br>
|
||||
<span class="text-zinc-300">- Aditya (Creator of Booklore)</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex md:flex-row flex-col justify-center items-center gap-3 w-full mb-4">
|
||||
<a href="https://github.com/booklore-app/booklore" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
|
||||
|
||||
<div class="actions-section">
|
||||
<a href="https://github.com/booklore-app/booklore" target="_blank" rel="noopener noreferrer">
|
||||
<p-button
|
||||
label="Star on GitHub"
|
||||
icon="pi pi-github"
|
||||
outlined
|
||||
severity="success"
|
||||
[style]="{ 'min-width': '160px' }">
|
||||
styleClass="action-button">
|
||||
</p-button>
|
||||
</a>
|
||||
<a href="https://opencollective.com/booklore" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
|
||||
<a href="https://opencollective.com/booklore" target="_blank" rel="noopener noreferrer">
|
||||
<p-button
|
||||
label="Open Collective"
|
||||
icon="pi pi-globe"
|
||||
severity="info"
|
||||
outlined>
|
||||
</p-button>
|
||||
</a>
|
||||
<a href="https://account.venmo.com/u/AdityaChandel" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
|
||||
<p-button
|
||||
label="Buy me a coffee"
|
||||
label="Support via Open Collective"
|
||||
icon="pi pi-heart"
|
||||
severity="info"
|
||||
outlined
|
||||
severity="danger">
|
||||
styleClass="action-button">
|
||||
</p-button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-full text-center mt-2">
|
||||
<span class="block mb-1 font-medium text-green-300 text-sm">Booklore will always remain free for everyone. That is my commitment to you.</span>
|
||||
<div class="text-gray-400 text-sm space-y-2 mt-2">
|
||||
|
||||
<div class="footer-section">
|
||||
<div class="support-info">
|
||||
<p>
|
||||
<span class="font-semibold text-blue-300">Open Collective</span> contributions directly support development, infrastructure, and ongoing improvements.
|
||||
Starring the project on <span class="highlight github">GitHub</span> increases visibility, helps Booklore reach more book lovers, and motivates ongoing development.
|
||||
</p>
|
||||
<p>
|
||||
<span class="font-semibold text-red-300">Venmo</span> is a wonderful way to show personal appreciation, think of it as buying me a coffee for my hard work.
|
||||
Financial contributions through <span class="highlight open-collective">Open Collective</span> directly support hosting infrastructure, feature development, and long-term sustainability.
|
||||
</p>
|
||||
<p class="text-yellow-200 pt-2">
|
||||
Every contribution, no matter the size, helps keep Booklore open, growing, and accessible to all.
|
||||
<p class="final-message">
|
||||
Every form of support, stars, feedback, or contributions, helps keep Booklore thriving and accessible for all book enthusiasts.
|
||||
</p>
|
||||
</div>
|
||||
<p class="commitment">
|
||||
Booklore is and will always remain free for everyone.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="message-section">
|
||||
<p class="message">
|
||||
Your support and engagement fuel Booklore's continuous evolution and inspire meaningful improvements.
|
||||
</p>
|
||||
<p class="author">- Aditya, Creator & Maintainer</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,135 @@
|
||||
.support-dialog-container {
|
||||
max-width: 850px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem 1.5rem;
|
||||
background: var(--card-background);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 0.75rem;
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.header-section {
|
||||
text-align: center;
|
||||
margin-bottom: 1.5rem;
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 0.375rem 1rem;
|
||||
border-radius: 9999px;
|
||||
background: linear-gradient(to right, rgba(59, 130, 246, 0.4), rgba(99, 102, 241, 0.4));
|
||||
color: var(--primary-text-color);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 1rem;
|
||||
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
color: var(--high-contrast-text-color);
|
||||
margin-bottom: 0.75rem;
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 0.9375rem;
|
||||
line-height: 1.6;
|
||||
color: var(--text-color-secondary);
|
||||
max-width: 750px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.message-section {
|
||||
text-align: center;
|
||||
margin-top: 1.5rem;
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid var(--border-color);
|
||||
|
||||
.message {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
color: var(--primary-text-color);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.author {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 300;
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
}
|
||||
|
||||
.actions-section {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
margin-bottom: 1.5rem;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
flex: 0 1 auto;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
::ng-deep .action-button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-section {
|
||||
text-align: center;
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid var(--border-color);
|
||||
|
||||
.support-info {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.6;
|
||||
color: var(--text-color-secondary);
|
||||
max-width: 850px;
|
||||
margin: 0 auto 1.25rem;
|
||||
|
||||
p {
|
||||
margin-bottom: 0.875rem;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
font-weight: 600;
|
||||
color: var(--primary-text-color);
|
||||
|
||||
&.github {
|
||||
color: limegreen;
|
||||
}
|
||||
|
||||
&.open-collective {
|
||||
color: dodgerblue;
|
||||
}
|
||||
}
|
||||
|
||||
.final-message {
|
||||
padding-top: 0.25rem;
|
||||
color: #fcd34d;
|
||||
}
|
||||
}
|
||||
|
||||
.commitment {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.025em;
|
||||
color: #6ee7b7;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component } from '@angular/core';
|
||||
import {Component} from '@angular/core';
|
||||
import {Button} from 'primeng/button';
|
||||
|
||||
@Component({
|
||||
@@ -7,10 +7,7 @@ import {Button} from 'primeng/button';
|
||||
Button
|
||||
],
|
||||
templateUrl: './github-support-dialog.html',
|
||||
styleUrl: './github-support-dialog.scss'
|
||||
styleUrls: ['./github-support-dialog.scss']
|
||||
})
|
||||
export class GithubSupportDialog {
|
||||
openGithub(): void {
|
||||
window.open('https://github.com/adityachandelgit/booklore', '_blank');
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user