+
+
{#if authorMeta.src}
-
{#if authorMeta.src}
- 
+
{/if}
{authorMeta.name}
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
index a8767eba..4ee41857 100644
--- a/src/lib/components/Button.svelte
+++ b/src/lib/components/Button.svelte
@@ -1,4 +1,5 @@
{#if isLink}
@@ -71,7 +83,9 @@
class:text-md={textSize === "md"}
class:text-lg={textSize === "lg"}
class:text-xl={textSize === "xl"}
- class="flex items-center justify-between gap-3 font-medium"
+ class:fade-in={visible}
+ class="flex items-center justify-between gap-3 font-medium transition-opacity duration-300"
+ class:opacity-0={!visible}
{rel}
{href}
{title}
@@ -156,4 +170,8 @@
.button.regular {
@apply from-mine-shaft-50 to-mine-shaft-100 text-neutral-700 border border-mine-shaft-300;
}
+
+ .fade-in {
+ @apply opacity-100;
+ }
diff --git a/src/lib/components/DynamicIcon.svelte b/src/lib/components/DynamicIcon.svelte
index 15498b04..671aa371 100644
--- a/src/lib/components/DynamicIcon.svelte
+++ b/src/lib/components/DynamicIcon.svelte
@@ -7,35 +7,36 @@
export let iconTheme = "bs";
export let size = "1.2rem";
- let iconThemes = {
+ // We need to use the proper import structure for svelte-icons-pack
+ // First import the whole theme, then access specific icons
+ const themeImports = {
ai: () => import("svelte-icons-pack/ai"),
bs: () => import("svelte-icons-pack/bs"),
bi: () => import("svelte-icons-pack/bi"),
- ci: () => import("svelte-icons-pack/ci"),
- fi: () => import("svelte-icons-pack/fi"),
- fa: () => import("svelte-icons-pack/fa"),
- oi: () => import("svelte-icons-pack/oi"),
- hi: () => import("svelte-icons-pack/hi"),
- im: () => import("svelte-icons-pack/im"),
- io: () => import("svelte-icons-pack/io"),
lu: () => import("svelte-icons-pack/lu"),
- ri: () => import("svelte-icons-pack/ri"),
- si: () => import("svelte-icons-pack/si"),
- sl: () => import("svelte-icons-pack/sl"),
- ti: () => import("svelte-icons-pack/ti"),
- tr: () => import("svelte-icons-pack/tr"),
- wi: () => import("svelte-icons-pack/wi"),
vsc: () => import("svelte-icons-pack/vsc"),
+ // Add others as needed
};
async function getIcon(iconName, iconTheme) {
try {
- const moduleLoader = iconThemes[iconTheme];
- if (!moduleLoader) {
- throw new Error(`Unknown icon theme: ${iconTheme}`);
+ // Get the theme module loader
+ const themeLoader = themeImports[iconTheme];
+ if (!themeLoader) {
+ console.warn(`Icon theme not configured: ${iconTheme}`);
+ return null;
}
- const module = await moduleLoader();
- return module[iconName];
+
+ // Load the entire theme module
+ const themeModule = await themeLoader();
+
+ // Get the specific icon from the theme
+ if (!(iconName in themeModule)) {
+ console.warn(`Icon not found: ${iconName} in theme: ${iconTheme}`);
+ return null;
+ }
+
+ return themeModule[iconName];
} catch (error) {
console.error(`Failed to load icon: ${iconName} from theme: ${iconTheme}`, error);
return null;
diff --git a/src/lib/components/ProgressBar.svelte b/src/lib/components/ProgressBar.svelte
index bc16b3d2..e0bc8160 100644
--- a/src/lib/components/ProgressBar.svelte
+++ b/src/lib/components/ProgressBar.svelte
@@ -1,37 +1,64 @@
-
+
-
diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/ProjectCard.svelte
index 35f6562a..7eea0d53 100644
--- a/src/lib/components/ProjectCard.svelte
+++ b/src/lib/components/ProjectCard.svelte
@@ -1,157 +1,24 @@
-
+
{#await project.image && imageExists()}
- {:else}
-
- {#key redrawKey}
-
@@ -183,25 +36,49 @@
{#if project.donations}
-
- {project.collected}:
- {#if !project.donationGoal}
-
{project.donations.total.toLocaleString($locale, currencyOptions)}
- {/if}
- {#if project.donationGoal}
- {project.donations.total.toLocaleString($locale, currencyOptions)}
- {project.separator}
- {project.donationGoal.toLocaleString($locale, currencyOptions)}
-
{$_("donate.page.title")}
-
+ mx-auto
+ mb-16
+ max-w-6xl
+ text-center
+ dark:text-neutral-200
+ md:text-xl"
+ >
+
+ {/if}
+
+ {spyderProject.title}
+
+
+
+ {#if spyderProject.donations}
+
+ {spyderProject.collected}:
+
+ {spyderProject.donations.total.toLocaleString($locale, currencyOptions)}
+
+
+ {/if}
+ {#if spyderProject.intro}
+ {spyderProject.intro}
+ {/if}
+ {#if spyderProject.button}
+
+ {/if}
+
+
+
+
+
+ {/if}
+
+
+ {#if otherProjects.length > 0}
+
+ {$_("donate.page.otherProjects.title")}
+
+
+ {#each otherProjects as project}
+ ![]()
tags
+ // Then handle raw HTML to catch any embedded ![]()
,
+
-
diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/ProjectCard.svelte
index 35f6562a..7eea0d53 100644
--- a/src/lib/components/ProjectCard.svelte
+++ b/src/lib/components/ProjectCard.svelte
@@ -1,157 +1,24 @@
-
+
{#await project.image && imageExists()}
- {#key redrawKey}
-
{/if}
{/await}
@@ -183,25 +36,49 @@
{#if project.donations}
-
- {project.collected}:
- {#if !project.donationGoal}
-
{project.donations.total.toLocaleString($locale, currencyOptions)} - {/if} - {#if project.donationGoal} - {project.donations.total.toLocaleString($locale, currencyOptions)} - {project.separator} - {project.donationGoal.toLocaleString($locale, currencyOptions)} -
@@ -212,6 +89,7 @@
.group {
@apply w-full flex-shrink-0 py-4 md:w-1/2 md:px-4 xl:w-1/3;
}
+
.card {
@apply grid h-full grid-cols-1 rounded-2xl border border-neutral-300 shadow-2xl dark:border-neutral-700 dark:shadow-neutral-900;
grid-template-rows: auto 1fr;
@@ -219,7 +97,7 @@
.card-container {
@apply grid grid-cols-1 gap-8 p-8;
- grid-template-rows: 1fr auto;
+ grid-template-rows: auto 1fr;
}
.card-title {
@@ -227,17 +105,13 @@
}
.card-image {
- @apply relative overflow-hidden;
+ @apply relative overflow-hidden border-b-4 border-red-berry-900 dark:border-neutral-700;
}
.project-image {
@apply rounded-t-2xl aspect-square w-full md:aspect-video;
}
- .dynamic-bg-container {
- @apply rounded-t-2xl aspect-square w-full md:aspect-video overflow-hidden;
- }
-
.card-content {
@apply font-light;
}
diff --git a/src/lib/config/data/config.yaml b/src/lib/config/data/config.yaml
index 646d2e06..48564ca0 100644
--- a/src/lib/config/data/config.yaml
+++ b/src/lib/config/data/config.yaml
@@ -30,6 +30,7 @@ site:
github: https://github.com/spyder-ide/spyder
twitter: https://twitter.com/spyder_ide
facebook: https://www.facebook.com/SpyderIDE
+ youtube: https://www.youtube.com/@SpyderIDE
mastodon: https://fosstodon.org/@Spyder
instagram: https://instagram.com/spyderide
rss: https://www.spyder-ide.org/blog/feed.xml
diff --git a/src/lib/config/data/donate.yaml b/src/lib/config/data/donate.yaml
index aa105b9a..e48c97aa 100644
--- a/src/lib/config/data/donate.yaml
+++ b/src/lib/config/data/donate.yaml
@@ -3,7 +3,7 @@ projects:
slug: spyder
image: /assets/media/spyder_splash_bg.webp
donationLinkID: Pjm6SyqYNb
- pastDonations: 15744
+ pastDonations: 17795
- id: 1
slug: code-completions
image: /assets/media/donations-code_completions.webp
diff --git a/src/lib/config/data/funding.yaml b/src/lib/config/data/funding.yaml
new file mode 100644
index 00000000..575fdee9
--- /dev/null
+++ b/src/lib/config/data/funding.yaml
@@ -0,0 +1,116 @@
+version: 'v1.0.0'
+entity:
+ type: 'organisation'
+ role: 'other'
+ name: 'Spyder'
+ email: 'spyder.python@gmail.com'
+ description: 'The Spyder organization, a project of the NumFOCUS nonprofit'
+ webpageUrl:
+ url: 'https://www.spyder-ide.org'
+projects:
+ - guid: 'spyder-ide'
+ name: 'Spyder'
+ description: 'The scientific Python development environment'
+ webpageUrl:
+ url: 'https://www.spyder-ide.org'
+ repositoryUrl:
+ url: 'https://github.com/spyder-ide'
+ wellKnown: 'https://github.com/spyder-ide/spyder/raw/HEAD/.well-known/funding-manifest-urls'
+ licenses: ['spdx:MIT']
+ tags:
+ - 'data'
+ - 'data-science'
+ - 'data-visualization'
+ - 'developer-tools'
+ - 'development'
+ - 'programming'
+ - 'science'
+ - 'scientific-computing'
+ - 'software-engineering'
+ - 'python'
+ - guid: 'python-lsp'
+ name: 'Python LSP Server'
+ description: 'The python-language-server project, maintained by the Spyder IDE team and the community'
+ webpageUrl:
+ url: 'https://github.com/python-lsp'
+ wellKnown: 'https://github.com/python-lsp/python-lsp-server/raw/HEAD/.well-known/funding-manifest-urls'
+ repositoryUrl:
+ url: 'https://github.com/python-lsp/python-lsp-server'
+ wellKnown: 'https://github.com/python-lsp/python-lsp-server/raw/HEAD/.well-known/funding-manifest-urls'
+ licenses: ['spdx:MIT']
+ tags:
+ - 'developer-tools'
+ - 'development'
+ - 'programming'
+ - 'software-engineering'
+ - 'ide'
+ - 'language-server-protocol'
+ - 'lsp'
+ - 'lsp-server'
+ - 'python'
+funding:
+ channels:
+ - guid: 'hubspot'
+ type: 'payment-provider'
+ address: 'https://numfocus.org/donate-for-spyder'
+ description: 'Spyder Hubspot donation page with NumFOCUS'
+ - guid: 'numfocus'
+ type: 'other'
+ address: 'info@numfocus.org'
+ description: 'Contact NumFOCUS to coordinate a direct donation'
+ plans:
+ - guid: 'general-fund-onetime'
+ status: 'active'
+ name: 'Support Spyder one-time'
+ description: 'Support the Spyder project as a whole, with the money used where it is needed most.'
+ amount: 0
+ currency: 'USD'
+ frequency: 'one-time'
+ channels: ['hubspot']
+ - guid: 'general-fund-monthly'
+ status: 'active'
+ name: 'Support Spyder monthly'
+ description: 'Support the Spyder project as a whole with a monthly donation, with the money used where it is needed most.'
+ amount: 0
+ currency: 'USD'
+ frequency: 'monthly'
+ channels: ['hubspot']
+ - guid: 'individual'
+ status: 'active'
+ name: 'Individual Donor'
+ description: 'Support us with a monthly donation and help us continue our activities.'
+ amount: 5
+ currency: 'USD'
+ frequency: 'monthly'
+ channels: ['hubspot']
+ - guid: 'company'
+ status: 'active'
+ name: 'Company Sponsor'
+ description: 'Become a sponsor and get your logo on our README on Github with a link to your site.'
+ amount: 100
+ currency: 'USD'
+ frequency: 'monthly'
+ channels: ['hubspot']
+ - guid: 'junior-dev'
+ status: 'active'
+ name: 'Part Time Junior Developer'
+ description: 'Help pay a Junior Developer to work part time on the Spyder IDE.'
+ amount: 500
+ currency: 'USD'
+ frequency: 'monthly'
+ channels: ['hubspot']
+ - guid: 'baseline-maintenance'
+ status: 'active'
+ name: 'Baseline Development and Maintenance'
+ description: 'Help fund critical baseline development and maintenance for our worldwide community of hundreds of thousands of users.'
+ amount: 50000
+ currency: 'USD'
+ frequency: 'yearly'
+ channels: ['numfocus']
+ history:
+ - year: 2024
+ income: 150000
+ expenses: 150000
+ taxes: 0
+ currency: 'USD'
+ description: ''
diff --git a/src/lib/i18n/en-US/donate.yaml b/src/lib/i18n/en-US/donate.yaml
index d10a7aa6..1294b84c 100644
--- a/src/lib/i18n/en-US/donate.yaml
+++ b/src/lib/i18n/en-US/donate.yaml
@@ -5,10 +5,14 @@ page:
back: Back to list
supporters: Total Supporters
intro: |
- Our mission is to create and maintain **the best open source Python IDE** for scientists, engineers and data analysts that is both **powerful and easy to use**. Your donations sustain this effort and fund the features you're most interested in seeing in future versions. Would you give today?
+ Our mission is to develop the **best scientific Python IDE** that is **powerful and easy to use**.
+ Your donations are vital to sustaining this effort and funding the features you need. Will you give today?
- * All donations are stewarded by [NumFOCUS](https://numfocus.org/), a registered non-profit charitable organization.
- * Spyder is a fully independent, community-developed project, unaffiliated with Anaconda or other commercial companies.
+ * All donations are stewarded by [NumFOCUS](https://numfocus.org/), a registered non-profit charitable organization.
+ * Spyder is a community-developed project unaffiliated with Anaconda or commercial companies.
+
+ otherProjects:
+ title: Other Projects
projects:
- id: 0
@@ -20,7 +24,9 @@ projects:
content: |
Spyder’s continued development and maintenance is made possible by you, our user community\! Your contributions to Spyder as a whole have helped us fund developers, students and interns to contribute critical improvements, support key members of the team such as our web and interface designer, pay for critical web infrastructure, and fund outreach and community efforts to make sure we are doing the best we can to serve all of you!
button:
- text: Support Spyder
+ text: Donate now
+ secondaryButton:
+ text: Read more
- id: 1
title: Smarter code completion
@@ -34,7 +40,9 @@ projects:
* Enhance our [current language server](https://github.com/python-lsp/python-lsp-server/) and/or use a more [powerful one](https://github.com/DetachHead/basedpyright) (similar to that used by VSCode) for completions.
* Connect the Editor to the IPython console to get completions and documentation from it in case they are not available through the language server.
button:
- text: Support This Project
+ text: Donate now
+ secondaryButton:
+ text: Read more
- id: 2
title: New Viewer pane
@@ -47,7 +55,9 @@ projects:
This would both greatly improve the development and data analysis experience for Spyder users, and also enable wider adoption of these visualization tools outside of the confines of Jupyter notebooks.
button:
- text: Support This Project
+ text: Donate now
+ secondaryButton:
+ text: Read more
- id: 3
title: Supercharge syntax highlighting
@@ -62,7 +72,9 @@ projects:
It has been challenging to implement this as the libraries Spyder has relied on for syntax detection and highlighting have not kept up with those used by many other editors. Your support would allow us to migrate to a modern, actively developed framework providing the same features you’ve come to expect in the most popular IDEs.
button:
- text: Support This Project
+ text: Donate now
+ secondaryButton:
+ text: Read more
- id: 4
title: Level-up the Variable Explorer
@@ -75,4 +87,6 @@ projects:
We'd like to address that by supporting a portable, streamlined method of object representation that is not limited by such a restriction. Alongside that, we’d also like to make saving and loading spydata files to restore your current session later more reliable and work on a wider variety of data types by using a more robust library for that task.
button:
- text: Support This Project
+ text: Donate now
+ secondaryButton:
+ text: Read more
\ No newline at end of file
diff --git a/src/lib/i18n/es-ES/donate.yaml b/src/lib/i18n/es-ES/donate.yaml
new file mode 100644
index 00000000..ad581cd3
--- /dev/null
+++ b/src/lib/i18n/es-ES/donate.yaml
@@ -0,0 +1,92 @@
+page:
+ title: Apóyanos
+ monthly: Mensual
+ oneTime: Una sola vez
+ back: Volver a la lista
+ supporters: Total de colaboradores
+ intro: |
+ Nuestra misión es desarrollar **el mejor IDE científico de Python** que sea **potente y fácil de usar**.
+ Tus donaciones son vitales para sostener este esfuerzo y financiar las características que necesitas. ¿Contribuirás hoy?
+
+ * Todas las donaciones son administradas por [NumFOCUS](https://numfocus.org/), una organización benéfica sin fines de lucro registrada.
+ * Spyder es un proyecto desarrollado por la comunidad sin afiliación con Anaconda o empresas comerciales.
+
+ otherProjects:
+ title: Otros Proyectos
+
+projects:
+ - id: 0
+ title: Apoyar a Spyder
+ collected: Balance disponible
+ separator: de
+ intro: >-
+ ¿Quieres apoyar el proyecto Spyder en su conjunto, con el dinero utilizado donde más se necesita? ¡Dona aquí!
+ content: |
+ El desarrollo y mantenimiento continuo de Spyder es posible gracias a ti, nuestra comunidad de usuarios\! Tus contribuciones a Spyder en general nos han ayudado a financiar desarrolladores, estudiantes y pasantes para contribuir con mejoras críticas, apoyar a miembros clave del equipo como nuestro diseñador de interfaces y web, pagar la infraestructura web crítica, y financiar esfuerzos de divulgación y comunidad para asegurarnos de que estamos haciendo lo mejor posible para servir a todos ustedes!
+ button:
+ text: Donar ahora
+ secondaryButton:
+ text: Leer más
+
+ - id: 1
+ title: Autocompletado de código más inteligente
+ collected: Recaudado hasta ahora
+ separator: de
+ intro: >-
+ El autocompletado de código en el Editor de Spyder tiene mucho margen de mejora, y tenemos un camino claro para mejorarlos significativamente. ¡Ayúdanos a hacerlos de clase mundial!
+ content: |
+ El Editor de Spyder se beneficiaría enormemente de una muy necesaria revisión para proporcionar mejores autocompletados de código. Con tu apoyo podremos:
+
+ * Mejorar nuestro [servidor de lenguaje actual](https://github.com/python-lsp/python-lsp-server/) y/o usar uno [más potente](https://github.com/DetachHead/basedpyright) (similar al usado por VSCode) para autocompletados.
+ * Conectar el Editor a la consola IPython para obtener autocompletados y documentación en caso de que no estén disponibles a través del servidor de lenguaje.
+ button:
+ text: Donar ahora
+ secondaryButton:
+ text: Leer más
+
+ - id: 2
+ title: Nuevo panel de visualización
+ collected: Recaudado hasta ahora
+ separator: de
+ intro: >-
+ Las bibliotecas de visualización populares como Bokeh, Plotly o Altair actualmente solo funcionan en un entorno de notebook. Un nuevo panel de visualización permitiría interactuar con ellas directamente dentro de Spyder, sin necesidad de notebook.
+ content: |
+ Las bibliotecas de visualización como Bokeh, Plotly o Altair e interfaces como IPywidgets, Panel o Dash actualmente están diseñadas para funcionar solo en un entorno de notebook. Un nuevo panel de visualización abordaría esto empaquetando las bibliotecas Javascript necesarias para mostrar e interactuar con estos tipos de contenido desde Spyder.
+
+ Esto mejoraría enormemente la experiencia de desarrollo y análisis de datos para los usuarios de Spyder, y también permitiría una adopción más amplia de estas herramientas de visualización fuera de los límites de los notebooks de Jupyter.
+ button:
+ text: Donar ahora
+ secondaryButton:
+ text: Leer más
+
+ - id: 3
+ title: Potenciar el resaltado de sintaxis
+ collected: Recaudado hasta ahora
+ separator: de
+ intro: >-
+ Ayúdanos a implementar un resaltado de sintaxis semántico mejorado en el Editor, permitiendo que los argumentos de funciones, nombres de clases y funciones, y otros fragmentos especiales de código sean detectados y estilizados. Esto también conduciría a mejoras importantes en el panel Esquema de Spyder.
+ content: |
+ El resaltado de sintaxis semántico completo, la capacidad de colorear el código según su rol semántico, es una característica que nos han solicitado desde hace mucho tiempo. Agregar soporte para esto permitiría resaltar los argumentos de funciones, nombres de clases/funciones y otras construcciones en colores únicos, lo que mejoraría enormemente la legibilidad del código.
+
+ Además, permitiría que el panel Esquema pueda mostrar contenidos mucho más ricos y apropiados para cada archivo, facilitando la navegación.
+
+ Ha sido un desafío implementar esto ya que las bibliotecas en las que Spyder se ha basado para la detección y resaltado de sintaxis no se han mantenido al día con las utilizadas por muchos otros editores. Tu apoyo nos permitiría migrar a un marco moderno y en desarrollo activo que proporcione las mismas características que esperas en los IDE más populares.
+ button:
+ text: Donar ahora
+ secondaryButton:
+ text: Leer más
+
+ - id: 4
+ title: Mejorar el explorador de variables
+ collected: Recaudado hasta ahora
+ separator: de
+ intro: >-
+ Nos gustaría agregar soporte para ver objetos/tipos de datos personalizados en el Explorador de Variables sin necesidad de instalar todas sus bibliotecas correspondientes en el entorno de aplicación de Spyder, así como hacer que guardar y cargar sesiones sea mucho más robusto.
+ content: |
+ El Explorador de Variables es uno de los paneles más queridos en Spyder. Sin embargo, para inspeccionar cualquier objeto de una clase o tipo de datos personalizado, necesita tener las bibliotecas utilizadas para crearlo instaladas en el propio entorno de aplicación de Spyder. Esto es poco práctico, podría romper Spyder y está impedido por diseño con nuestros instaladores independientes recomendados.
+
+ Nos gustaría abordar esto mediante el soporte de un método portátil y simplificado de representación de objetos que no esté limitado por tal restricción. Junto con eso, también nos gustaría hacer que guardar y cargar archivos spydata para restaurar tu sesión actual más tarde sea más confiable y funcione en una variedad más amplia de tipos de datos utilizando una biblioteca más robusta para esa tarea.
+ button:
+ text: Donar ahora
+ secondaryButton:
+ text: Leer más
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 61ee3170..8eb70e25 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -111,7 +111,7 @@
tracking-tight
font-extralight
text-mine-shaft-600
- dark:text-mine-shaft-200 my-16 md:my-32"
+ dark:text-mine-shaft-200 my-16 xl:my-32"
>
{pageTitle}
diff --git a/src/routes/donate/+page.svelte b/src/routes/donate/+page.svelte
index 9ad524bd..d9b0f4d4 100644
--- a/src/routes/donate/+page.svelte
+++ b/src/routes/donate/+page.svelte
@@ -4,7 +4,9 @@
import { metadata } from "$lib/store";
import { _, json, locale } from "svelte-i18n";
+ import Button from "$lib/components/Button.svelte";
import Metadata from "$lib/components/Metadata.svelte";
+ import PaymentModal from "$lib/components/PaymentModal.svelte";
import ProjectCard from "$lib/components/ProjectCard.svelte";
import SvelteMarkdown from "svelte-markdown";
@@ -14,22 +16,44 @@
const totalDonations = data?.totalDonations ?? 0;
const pipelineDeals = data?.pipelineDeals ?? [];
+ // Modal state
+ let showModal = false;
+ let selectedProjectDonationLinkID = null;
+ let currencyOptions = { style: "currency", currency: "USD", maximumFractionDigits: 0 };
+
$: keywords = config.site?.keywords ?? [];
$: lastUpdated = data?.lastUpdated ? new Date(data.lastUpdated).toLocaleDateString($locale) : null;
- $: projects = Object.values(
+ $: allProjects = Object.values(
[...props.projects, ...$json("donate.projects")].reduce((acc, project) => {
acc[project.id] = acc[project.id] ? { ...acc[project.id], ...project } : project;
return acc;
}, {}),
);
+ // Separate spyder project from others
+ $: spyderProject = allProjects.find((project) => project.slug === "spyder");
+ $: otherProjects = allProjects
+ .filter((project) => project.slug !== "spyder")
+ .sort((a, b) => {
+ // Sort by total donations in descending order
+ const aDonations = a.donations?.total || 0;
+ const bDonations = b.donations?.total || 0;
+ return bDonations - aDonations;
+ });
+
$: values = {
totalDonations: `$${totalDonations.toLocaleString()}`,
dealsCount: pipelineDeals.length,
lastUpdated,
};
+ // Function to open donation modal
+ const openDonationModal = (donationLinkID) => {
+ selectedProjectDonationLinkID = donationLinkID;
+ showModal = true;
+ };
+
$: metadata.setMetadata({
title: `${$_("config.site.title")} | ${$_("donate.page.title")}`,
description: $_("config.site.description"),
@@ -41,25 +65,25 @@
{project.donations.total.toLocaleString($locale, currencyOptions)} - {/if} - {#if project.donationGoal} - {project.donations.total.toLocaleString($locale, currencyOptions)} - {project.separator} - {project.donationGoal.toLocaleString($locale, currencyOptions)} -
+
{/if}
{#if project.intro}
+
+
+ {#if project.donationLinkID && onDonate}
+
+ {project.collected}:
+ {#if project.donationGoal}
+
+ {project.donations.total.toLocaleString($locale, currencyOptions)}
+ {project.separator}
+ {project.donationGoal.toLocaleString($locale, currencyOptions)}
+ {:else}
+
+
+ {project.donations.total.toLocaleString($locale, currencyOptions)}
+
+ {/if}
+
+ {#if project.donationGoal}
+
+
+
+ {/if}
+ {project.intro}
{/if}
- {#if project.button && href}
+ {#if project.secondaryButton && href}
{/if}
+
+
+![]()
tags
+ // Then handle raw HTML to catch any embedded ![]()
,
{$_("donate.page.title")}
-
+ mx-auto
+ mb-16
+ max-w-6xl
+ text-center
+ dark:text-neutral-200
+ md:text-xl"
+ >
-
- {#each projects as project}
-
+
+
+ {#if spyderProject}
+
+
+ {/if}
+
+
+ {#if otherProjects.length > 0}
+
+
+
+
+
+
+
+ {#if spyderProject.image}
+
+
+
+ {/if}
+
+ + {spyderProject.title} +
+
+ {#if spyderProject.donations}
+
+
+ {spyderProject.collected}:
+
+ {spyderProject.donations.total.toLocaleString($locale, currencyOptions)}
+
+
+ {/if}
+ {#if spyderProject.intro}
+ {spyderProject.intro}
+ {/if}
+ {#if spyderProject.button}
+
+ {/if}
+ + {$_("donate.page.otherProjects.title")} +
+
+ {#each otherProjects as project}
+
+ {/if}