mirror of
https://github.com/Ocelot-Social-Community/ocelot.social.git
synced 2026-01-20 20:01:24 +00:00
Merge pull request #273 from Ocelot-Social-Community/250-crowdfunding-for-pins-update-20251215
feat(content): crowdfunding for pins update 20251215
This commit is contained in:
mahula
GitHub
commit
e727622ff6
@ -6,8 +6,9 @@
|
||||
</a>
|
||||
</h3>
|
||||
<div class="donation-bar">
|
||||
<div class="donation-bar-value" :style="{ width: (currentValue / target) * 100 + '%' }">
|
||||
{{ currentValueStr }}
|
||||
<!-- a width of 100% is a bit more as the full width of "donation-bar" one can see if we don't set "overflow: hidden;". I couldn't find how to fix -->
|
||||
<div class="donation-bar-value" :style="{ width: ((currentValue <= target ? currentValue : target) / target) * 100 + '%' }">
|
||||
<span class="donation-bar-value-str">{{ currentValueStr }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
@ -128,6 +129,7 @@ const timeFrameStr = computed(() => {
|
||||
<style scoped>
|
||||
.donation-bar {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--notice-c-accent-bg);
|
||||
border-radius: 10px;
|
||||
margin: 20px 0 20px 0;
|
||||
@ -142,6 +144,10 @@ const timeFrameStr = computed(() => {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.donation-bar-value-str{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 830px) {
|
||||
.donation-bar-value {
|
||||
font-size: 1.5em;
|
||||
|
||||
@ -23,11 +23,11 @@ description: "Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden
|
||||
Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können.
|
||||
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### Worum geht es
|
||||
@ -58,11 +58,11 @@ Also auch über eine Spende von dir.
|
||||
|
||||
<!-- markdownlint-disable no-duplicate-heading -->
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### Spenden
|
||||
|
||||
@ -23,11 +23,11 @@ description: "Help with your donation, toenable pinning posts in groups."
|
||||
Help enable pinning posts in groups with your donation.
|
||||
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### What it’s about
|
||||
@ -58,11 +58,11 @@ This includes donations from you.
|
||||
|
||||
<!-- markdownlint-disable no-duplicate-heading -->
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### Donations
|
||||
|
||||
@ -23,11 +23,11 @@ description: "Ayuda con tu donación a que las publicaciones se puedan anclar en
|
||||
Ayuda con tu donación a que las publicaciones se puedan anclar en los grupos.
|
||||
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### De qué se trata
|
||||
@ -58,11 +58,11 @@ Es decir, también a través de tu donación.
|
||||
|
||||
<!-- markdownlint-disable no-duplicate-heading -->
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### Donaciones
|
||||
|
||||
@ -23,11 +23,11 @@ description: "Aidez-nous à épingler des publications dans les groupes grâce
|
||||
Aidez-nous à épingler des publications dans les groupes grâce à votre don.
|
||||
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### De quoi s’agit-il ?
|
||||
@ -58,11 +58,11 @@ Donc aussi par vos dons.
|
||||
|
||||
<!-- markdownlint-disable no-duplicate-heading -->
|
||||
<DonationBar
|
||||
:currentValue="790"
|
||||
:currentValue="1330"
|
||||
:target="1200"
|
||||
startDate="2025-11-05"
|
||||
endDate="2026-01-02"
|
||||
asOfDate="2025-12-08"
|
||||
asOfDate="2025-12-15"
|
||||
/>
|
||||
|
||||
### Dons
|
||||
|
||||
68
package-lock.json
generated
68
package-lock.json
generated
@ -2624,7 +2624,6 @@
|
||||
"integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@types/linkify-it": "^5",
|
||||
"@types/mdurl": "^2"
|
||||
@ -2884,7 +2883,6 @@
|
||||
"integrity": "sha512-Vn0wEVRcdAld+8NJeELSwrj5JEPObRn0xpRWtAau/UwVWHmMLo16RRkTvXdjSiwpDWeP/9ztC5buyTXVoeb7Dw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vitejs/plugin-vue": "^5.2.1",
|
||||
"@vuepress/bundlerutils": "2.0.0-rc.19",
|
||||
@ -3967,7 +3965,6 @@
|
||||
"integrity": "sha512-SdkXlBmh9Gpa2p/pnNSXGwH8ZdPJs1YEMCrHNIW7RPsvC5zdHAQDjbIOO9+6JYTF4WETedqCFSO2PHAXSd2p7w==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vuepress/helper": "2.0.0-rc.66",
|
||||
"@vueuse/core": "^12.0.0",
|
||||
@ -4387,7 +4384,6 @@
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"baseline-browser-mapping": "^2.8.19",
|
||||
"caniuse-lite": "^1.0.30001751",
|
||||
@ -5461,7 +5457,6 @@
|
||||
"integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"accepts": "^2.0.0",
|
||||
"body-parser": "^2.2.1",
|
||||
@ -6551,7 +6546,6 @@
|
||||
"integrity": "sha512-h0Un1ieD+HUrzBH6dJXhod3ifSghk5Hw/2Y4/KHBziPlZecrFyE9YOTPU6eOs0V9pYl8gOs86fkr/KN8lUX39A==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@keyv/serialize": "^1.1.1"
|
||||
}
|
||||
@ -6756,7 +6750,6 @@
|
||||
"integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"argparse": "^2.0.1",
|
||||
"entities": "^4.4.0",
|
||||
@ -8111,7 +8104,6 @@
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"nanoid": "^3.3.11",
|
||||
"picocolors": "^1.1.1",
|
||||
@ -8735,13 +8727,34 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/sass": {
|
||||
"version": "1.93.2",
|
||||
"resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
|
||||
"integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"chokidar": "^4.0.0",
|
||||
"immutable": "^5.0.2",
|
||||
"source-map-js": ">=0.6.2 <2.0.0"
|
||||
},
|
||||
"bin": {
|
||||
"sass": "sass.js"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14.0.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@parcel/watcher": "^2.4.1"
|
||||
}
|
||||
},
|
||||
"node_modules/sass-embedded": {
|
||||
"version": "1.93.2",
|
||||
"resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.93.2.tgz",
|
||||
"integrity": "sha512-FvQdkn2dZ8DGiLgi0Uf4zsj7r/BsiLImNa5QJ10eZalY6NfZyjrmWGFcuCN5jNwlDlXFJnftauv+UtvBKLvepQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@bufbuild/protobuf": "^2.5.0",
|
||||
"buffer-builder": "^0.2.0",
|
||||
@ -9085,6 +9098,38 @@
|
||||
"node": ">=14.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/sass/node_modules/chokidar": {
|
||||
"version": "4.0.3",
|
||||
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
|
||||
"integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"dependencies": {
|
||||
"readdirp": "^4.0.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 14.16.0"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
}
|
||||
},
|
||||
"node_modules/sass/node_modules/readdirp": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
|
||||
"integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"engines": {
|
||||
"node": ">= 14.18.0"
|
||||
},
|
||||
"funding": {
|
||||
"type": "individual",
|
||||
"url": "https://paulmillr.com/funding/"
|
||||
}
|
||||
},
|
||||
"node_modules/sax": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
|
||||
@ -9788,7 +9833,6 @@
|
||||
"integrity": "sha512-CpdpwEKSewYMpKeoSFbMqTxKsyqjbJqPg+O3EUj0IsK3Lt+YD17mT3Rm7ryuHSbFB7Qw2EIdCx8Sjh+zfx7Heg==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@modelcontextprotocol/sdk": "^1.24.2",
|
||||
"@textlint/ast-node-types": "15.5.0",
|
||||
@ -10481,7 +10525,6 @@
|
||||
"integrity": "sha512-uC/aEgK2B7Ryaznyfj6h1PMUe4G7/6cKG97idqJFcgasmaoIRoemtlDQbsTTb6y5n3ly2L3kTgMR3sso9ASz0g==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"esbuild": "^0.24.2",
|
||||
"postcss": "^8.4.49",
|
||||
@ -10554,7 +10597,6 @@
|
||||
"integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vue/compiler-dom": "3.5.22",
|
||||
"@vue/compiler-sfc": "3.5.22",
|
||||
@ -10600,7 +10642,6 @@
|
||||
"integrity": "sha512-JDeuPTu14Kprdqx2geAryjFJvUzVaMnOLewlAgwVuZTygDWb8cgXhu9/p6rqzzdHETtIrvjbASBhH7JPyqmxmA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"dependencies": {
|
||||
"@vuepress/cli": "2.0.0-rc.19",
|
||||
"@vuepress/client": "2.0.0-rc.19",
|
||||
@ -11214,7 +11255,6 @@
|
||||
"integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"peer": true,
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/colinhacks"
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user