web/about: convert pages to translatable markdown

This commit is contained in:
dumbmoron 2024-09-17 18:54:28 +00:00
parent fdd5feac92
commit a1361e8462
No known key found for this signature in database
11 changed files with 212 additions and 250 deletions

View file

@ -0,0 +1,29 @@
<script lang="ts">
import { contacts, docs } from "$lib/env";
</script>
<section id="meowbalt">
### meowbalt
meowbalt is cobalt's speedy mascot. he is an extremely expressive cat that loves fast internet.
all amazing drawings of meowbalt that you see in cobalt were made by [GlitchyPSI](https://glitchypsi.xyz/).
he is also the original designer of the character.
you cannot use or modify GlitchyPSI's artworks of meowbalt without his explicit permission.
you cannot use or modify the meowbalt character design commercially or in any form that isn't fan art.
</section>
<section id="licenses">
### cobalt licenses
cobalt processing server is open source and licensed under [AGPL-3.0]({docs.apiLicense}).
cobalt frontend is [source first](https://sourcefirst.com/) and licensed under [CC-BY-NC-SA 4.0]({docs.webLicense}).
we decided to use this license to stop grifters from profiting off our work & from creating malicious clones that deceive people and hurt our public identity.
we rely on many open source libraries, create & distribute our own.
you can see the full list of dependencies on [github]({contacts.github}).
</section>

View file

@ -0,0 +1,63 @@
<script lang="ts">
import { partners, contacts, docs } from "$lib/env";
</script>
<section id="saving">
### best way to save what you love
cobalt lets you save anything from your favorite websites: video, audio, photos or gifs — cobalt can do it all!
no ads, trackers, or paywalls, no nonsense. just a convenient web app that works everywhere.
</section>
<section id="privacy">
### leading privacy
all requests to backend are anonymous and all tunnels are encrypted.
we have a strict zero log policy and don't track *anything* about individual people.
to avoid caching or storing downloaded files, cobalt processes them on-the-fly, sending processed pieces directly to client.
this technology is used when your request needs additional processing, such as when source service stores video & audio in separate files.
for even higher level of protection, you can [ask cobalt to always tunnel everything](/settings/privacy#tunnel).
when enabled, cobalt will proxy everything through itself. no one will know what you download, even your network provider/admin.
all they'll see is that you're using cobalt.
</section>
<section id="speed">
### blazing speed
since we don't rely on any existing downloaders and develop our own from ground up,
cobalt is extremely efficient and a processing server can run on basically any hardware.
main processing instances are hosted on several dedicated servers in several countries,
to reduce latency and distribute the traffic.
we constantly improve our infrastructure along with our long-standing partner, [royalehosting.net]({partners.royalehosting})!
you're in good hands, and will get what you need within seconds.
</section>
<section id="community">
### open community
cobalt is used by countless artists, educators, and content creators to do what they love.
we're always on the line with our community and work together to create even more useful tools for them.
feel free to [join the conversation](/about/community)!
we believe that the future of the internet is open, which is why cobalt is [source first](https://sourcefirst.com/) and [easily self-hostable]({docs.instanceHosting}). you can [check the source code & contribute to cobalt]({contacts.github})
at any time, we welcome all contributions and suggestions.
you can use any processing instances hosted by the community, including your own.
if your friend hosts one, just ask them for a domain and [add it in instance settings](/settings/instances#community).
</section>
<section id="local">
### on-device processing
new features, such as [remuxing](/remux), work on-device.
on-device processing is efficient and never sends anything over the internet.
it perfectly aligns with our future goal of moving as much processing as possible to client.
</section>

View file

@ -0,0 +1,59 @@
<script lang="ts">
import env from "$lib/env";
</script>
<section id="general">
### general terms
cobalt's privacy policy is simple: we don't collect or store anything about you. what you do is solely your business, not ours or anyone else's.
these terms are applicable only when using the official cobalt instance. in other cases, you may need to contact the hoster for accurate info.
</section>
<section id="local">
### on-device processing
tools that use on-device processing work offline, locally, and never send any data anywhere. they are explicitly marked as such whenever applicable.
</section>
<section id="saving">
### saving
when using saving functionality, in some cases cobalt will encrypt & temporarily store information needed for tunneling. it's stored in processing server's RAM for 90 seconds and irreversibly purged afterwards. no one has access to it, even instance owners, as long as they don't modify the official cobalt image.
processed/tunneled files are never cached anywhere. everything is tunneled live. cobalt's saving functionality is essentially a fancy proxy service.
</section>
<section id="encryption">
### encryption
temporarily stored tunnel data is encrypted using the AES-256 standard. decryption keys are only included in the access link and never logged/cached/stored anywhere. only the end user has access to the link & encryption keys. keys are generated uniquely for each requested tunnel.
</section>
{#if env.PLAUSIBLE_ENABLED}
<section id="plausible">
### anonymous traffic analytics
for sake of privacy, we use [plausible's anonymous traffic analytics](https://plausible.io/) to get an approximate number of active cobalt users. no identifiable information about you or your requests is ever stored. all data is anonymized and aggregated. the plausible instance we use is hosted & managed by us.
plausible doesn't use cookies and is fully compliant with GDPR, CCPA, and PECR.
[learn more about plausible's dedication to privacy.](https://plausible.io/privacy-focused-web-analytics)
if you wish to opt out of anonymous analytics, you can do it in <a href="/settings/privacy#analytics">privacy settings</a>.
</section>
{/if}
<section id="cloudflare">
### web privacy & security
we use cloudflare services for ddos & bot protection. we also use cloudflare pages for deploying & hosting the static web app. all of these are required to provide the best experience for everyone. it's the most private & reliable provider that we know of.
cloudflare is fully compliant with GDPR and HIPAA.
[learn more about cloudflare's dedication to privacy.](https://www.cloudflare.com/trust-hub/privacy-and-data-protection/)
</section>

View file

@ -0,0 +1,32 @@
<section id="general">
### general terms
these terms are applicable only when using the official cobalt instance. in other cases, you may need to contact the hoster for accurate info.
</section>
<section id="saving">
### saving
saving functionality simplifies downloading content from the internet and takes zero liability for what the saved content is used for. processing servers work like advanced proxies and don't ever write any content to disk. everything is handled in RAM and permanently purged once the tunnel is done. we have no downloading logs and can't identify anyone.
[you can read more about how tunnels work in our privacy policy.](/about/privacy)
</section>
<section id="responsibility">
### responsibilities
you (end user) are responsible for what you do with our tools, how you use and distribute resulting content. please be mindful when using content of others and always credit original creators. make sure you don't violate any terms or licenses.
when used in educational purposes, always cite sources and credit original creators.
fair use and credits benefit everyone.
</section>
<section id="abuse">
### reporting abuse
we have no way of detecting abusive behavior automatically, as cobalt is 100% anonymous. however, you can report such activities to us and we will do our best to comply manually: [safety@imput.net](mailto:safety@imput.net)
</section>

View file

@ -0,0 +1,9 @@
<!-- Workaround for https://github.com/pngwn/MDsveX/issues/116 -->
<script lang="ts" context="module">
import a from "$components/misc/OuterLink.svelte";
export { a };
</script>
<div class="long-text-noto about">
<slot></slot>
</div>

View file

@ -0,0 +1,10 @@
<script>
import locale from '$lib/i18n/locale';
import { page } from '$app/stores';
const component = import(`$i18n/${$locale}/about/${$page.params.page}.md`);
</script>
{#await component then component}
<svelte:component this={component.default} />
{/await}

View file

@ -1,41 +0,0 @@
<script lang="ts">
import { contacts, docs } from "$lib/env";
import OuterLink from "$components/misc/OuterLink.svelte";
</script>
<div id="credits-body" class="long-text-noto about">
<section id="meowbalt">
<h3>meowbalt</h3>
<p>
meowbalt is cobalt's speedy mascot. he is an extremely expressive cat that loves fast internet.
</p>
<p>
all amazing drawings of meowbalt that you see in cobalt were made by
<OuterLink href="https://glitchypsi.xyz/">GlitchyPSI</OuterLink>.
he is also the original designer of the character.
</p>
<p>
you cannot use or modify GlitchyPSI's artworks of meowbalt without his explicit permission.
</p>
<p>
you cannot use or modify the meowbalt character design commercially or in any form that isn't fan art.
</p>
</section>
<section id="licenses">
<h3>cobalt licenses</h3>
<p>
cobalt processing server is open source and licensed under <OuterLink href={docs.apiLicense}>AGPL-3.0</OuterLink>.
</p>
<p>
cobalt frontend is
<OuterLink href="https://sourcefirst.com/">source first</OuterLink>
and licensed under
<OuterLink href={docs.webLicense}>CC-BY-NC-SA 4.0</OuterLink>.
we decided to use this license to stop grifters from profiting off our work & from creating malicious clones that deceive people and hurt our public identity.
</p>
<p>
we rely on many open source libraries, create & distribute our own.
you can see the full list of dependencies on <OuterLink href={contacts.github}>github</OuterLink>.
</p>
</section>
</div>

View file

@ -1,87 +0,0 @@
<script lang="ts">
import { partners, contacts, docs } from "$lib/env";
import OuterLink from "$components/misc/OuterLink.svelte";
</script>
<div id="privacy-body" class="long-text-noto about">
<section id="saving">
<h3>best way to save what you love</h3>
<p>
cobalt lets you save anything from your favorite websites: video, audio, photos or gifs — cobalt can do it all!
</p>
<p>
no ads, trackers, or paywalls, no nonsense. just a convenient web app that works everywhere.
</p>
</section>
<section id="privacy">
<h3>leading privacy</h3>
<p>
all requests to backend are anonymous and all tunnels are encrypted.
we have a strict zero log policy and don't track <i>anything</i> about individual people.
</p>
<p>
to avoid caching or storing downloaded files, cobalt processes them on-fly, sending processed pieces directly to client.
this technology is used when your request needs additional processing, such as when source service stores video & audio in separate files.
</p>
<p>
for even higher level of protection, you can <a href="/settings/privacy#tunnel">ask cobalt to always tunnel everything</a>.
when enabled, cobalt will proxy everything through itself. no one will know what you download, even your network provider/admin.
all they'll see is that you're using cobalt.
</p>
</section>
<section id="speed">
<h3>blazing speed</h3>
<p>
since we don't rely on any existing downloaders and develop our own from ground up,
cobalt is extremely efficient and a processing server can run on basically any hardware.
</p>
<p>
main processing instances are hosted on several dedicated servers in several countries,
to reduce latency and distribute the traffic.
</p>
<p>
we constantly improve our infrastructure along with our long-standing partner,
<OuterLink href="{partners.royalehosting}">royalehosting.net</OuterLink>!
you're in good hands, and will get what you need within seconds.
</p>
</section>
<section id="community">
<h3>open community</h3>
<p>
cobalt is used by countless artists, educators, and content creators to do what they love.
we're always on the line with our community and work together to create even more useful tools for them.
feel free to <a href="/about/community">join the conversation</a>!
</p>
<p>
we believe that the future of the internet is open,
which is why cobalt is
<OuterLink
href="https://sourcefirst.com/">
source first
</OuterLink>
and
<OuterLink href={docs.instanceHosting}>
easily self-hostable.
</OuterLink>
you can <OuterLink href="{contacts.github}">check the source code & contribute to cobalt</OuterLink>
at any time, we welcome all contributions and suggestions.
</p>
<p>
you can use any processing instances hosted by the community, including your own.
if your friend hosts one, just ask them for a domain and <a href="/settings/instances#community">add it in instance settings</a>.
</p>
</section>
<section id="local">
<h3>on-device processing</h3>
<p>
new features, such as <a href="/remux">remuxing</a>, work on-device.
on-device processing is efficient and never sends anything over the internet.
it perfectly aligns with our future goal of moving as much processing as possible to client.
</p>
</section>
</div>

View file

@ -1,81 +0,0 @@
<script lang="ts">
import env from "$lib/env";
import { t } from "$lib/i18n/translations";
import OuterLink from "$components/misc/OuterLink.svelte";
</script>
<div id="privacy-body" class="long-text-noto about">
<section id="general">
<h3>general terms</h3>
<p>
cobalt's privacy policy is simple: we don't collect or store anything about you. what you do is solely your business, not ours or anyone else's.
</p>
<p>
these terms are applicable only when using the official cobalt instance. in other cases, you may need to contact the hoster for accurate info.
</p>
</section>
<section id="local">
<h3>on-device processing</h3>
<p>
tools that use on-device processing work offline, locally, and never send any data anywhere. they are explicitly marked as such whenever applicable.
</p>
</section>
<section id="saving">
<h3>saving</h3>
<p>
when using saving functionality, in some cases cobalt will encrypt & temporarily store information needed for tunneling. it's stored in processing server's RAM for 90 seconds and irreversibly purged afterwards. no one has access to it, even instance owners, as long as they don't modify the official cobalt image.
</p>
<p>
processed/tunneled files are never cached anywhere. everything is tunneled live. cobalt's saving functionality is essentially a fancy proxy service.
</p>
</section>
<section id="encryption">
<h3>encryption</h3>
<p>
temporarily stored tunnel data is encrypted using the AES-256 standard. decryption keys are only included in the access link and never logged/cached/stored anywhere. only the end user has access to the link & encryption keys. keys are generated uniquely for each requested tunnel.
</p>
</section>
{#if env.PLAUSIBLE_ENABLED}
<section id="plausible">
<h3>anonymous traffic analytics</h3>
<p>
for sake of privacy, we use
<OuterLink href="https://plausible.io/"> plausible's anonymous traffic analytics</OuterLink>
to get an approximate number of active cobalt users. no identifiable information about you or your requests is ever stored. all data is anonymized and aggregated. the plausible instance we use is hosted & managed by us.
</p>
<p>
plausible doesn't use cookies and is fully compliant with GDPR, CCPA, and PECR.
</p>
<p>
<OuterLink href="https://plausible.io/privacy-focused-web-analytics">
{$t("settings.privacy.analytics.learnmore")}
</OuterLink>
</p>
<p>
if you wish to opt out of anonymous analytics, you can do it in <a href="/settings/privacy#analytics">privacy settings</a>.
</p>
</section>
{/if}
<section id="cloudflare">
<h3>web privacy & security</h3>
<p>
we use cloudflare services for ddos & bot protection. we also use cloudflare pages for deploying & hosting the static web app. all of these are required to provide the best experience for everyone. it's the most private & reliable provider that we know of.
</p>
<p>
cloudflare is fully compliant with GDPR and HIPAA.
</p>
<p>
<OuterLink href="https://www.cloudflare.com/trust-hub/privacy-and-data-protection/">
learn more about cloudflare's dedication to privacy.
</OuterLink>
</p>
</section>
</div>

View file

@ -1,37 +0,0 @@
<div id="terms-body" class="long-text-noto about">
<section id="saving">
<section id="general">
<h3>general terms</h3>
<p>
these terms are applicable only when using the official cobalt instance. in other cases, you may need to contact the hoster for accurate info.
</p>
</section>
<h3>saving</h3>
<p>
saving functionality simplifies downloading content from the internet and takes zero liability for what the saved content is used for. processing servers work like advanced proxies and don't ever write any content to disk. everything is handled in RAM and permanently purged once the tunnel is done. we have no downloading logs and can't identify anyone.
</p>
<p>
<a href="/about/privacy">you can read more about how tunnels work in our privacy policy.</a>
</p>
</section>
<section id="responsibiliy">
<h3>responsibilities</h3>
<p>
you (end user) are responsible for what you do with our tools, how you use and distribute resulting content. please be mindful when using content of others and always credit original creators. make sure you don't violate any terms or licenses.
</p>
<p>
when used in educational purposes, always cite sources and credit original creators.
</p>
<p>
fair use and credits benefit everyone.
</p>
</section>
<section id="abuse">
<h3>reporting abuse</h3>
<p>
we have no way of detecting abusive behavior automatically, as cobalt is 100% anonymous. however, you can report such activities to us and we will do our best to comply manually: <a href="mailto:safety@imput.net">safety@imput.net</a>
</p>
</section>
</div>

View file

@ -24,10 +24,16 @@ const config = {
sveltePreprocess(), sveltePreprocess(),
mdsvex({ mdsvex({
extensions: ['.md'], extensions: ['.md'],
layout: join( layout: {
about: join(
dirname(fileURLToPath(import.meta.url)),
'/src/components/misc/AboutPageWrapper.svelte'
),
changelogs: join(
dirname(fileURLToPath(import.meta.url)), dirname(fileURLToPath(import.meta.url)),
'/src/components/changelog/ChangelogEntryWrapper.svelte' '/src/components/changelog/ChangelogEntryWrapper.svelte'
) )
}
}) })
], ],
kit: { kit: {