watzon
/
paste69
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add more spacing to about page

This commit is contained in:
Chris W 2023-10-22 13:31:19 -06:00
parent 29ed8c1073
commit 1e49aef448
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/about/+page.svelte
View File

@ -35,14 +35,14 @@
<div class="pl-12 pt-4 pb-24 max-w-[100ch]"> <div class="pl-12 pt-4 pb-24 max-w-[100ch]">
<h1 class="h1 mb-2">Paste69</h1> <h1 class="h1 mb-2">Paste69</h1>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
Paste69 is a pastebin service built with Paste69 is a pastebin service built with
<a class="underline hover:text-gray-300" href="https://kit.svelte.dev">SvelteKit</a>. It's a simple, fast, and easy to use pastebin <a class="underline hover:text-gray-300" href="https://kit.svelte.dev">SvelteKit</a>. It's a simple, fast, and easy to use pastebin
service based on HasteBin. Like HasteBin, it's also open source and can be found over on service based on HasteBin. Like HasteBin, it's also open source and can be found over on
<a class="underline hover:text-gray-300" href="https://github.com/watzon/paste69">GitHub</a>. <a class="underline hover:text-gray-300" href="https://github.com/watzon/paste69">GitHub</a>.
</p> </p>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
Code highlighting is handled with the help of <a class="underline hover:text-gray-300" href="https://highlightjs.org/">highlight.js</a>. Code highlighting is handled with the help of <a class="underline hover:text-gray-300" href="https://highlightjs.org/">highlight.js</a>.
So if you have any issues with language detection or missing languages, take it up with them. Available languages (with their So if you have any issues with language detection or missing languages, take it up with them. Available languages (with their
extensions) are as follows: extensions) are as follows:
@ -74,9 +74,9 @@
</div> </div>
{/if} {/if}
<h2 id="usage" class="h2 mt-4 mb-2"><a class="underline hover:text-gray-300" href="#usage">Usage</a></h2> <h2 id="usage" class="h2 mt-12 mb-2"><a class="underline hover:text-gray-300" href="#usage">Usage</a></h2>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
To create a paste, go <a class="underline hover:text-gray-300" href="/">home</a> or click the "New" button (<TextPlus To create a paste, go <a class="underline hover:text-gray-300" href="/">home</a> or click the "New" button (<TextPlus
class="inline-block w-4 h-4" class="inline-block w-4 h-4"
/>) in the tool box in the bottom right corner of the page. Paste whatever text you want into />) in the tool box in the bottom right corner of the page. Paste whatever text you want into
@ -84,15 +84,15 @@
create the paste. create the paste.
</p> </p>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
To copy an existing paste, click the "Copy" button (<Copy class="inline-block w-4 h-4" />) To copy an existing paste, click the "Copy" button (<Copy class="inline-block w-4 h-4" />)
in the tool box in the bottom right corner of the page. This will start a new paste with the in the tool box in the bottom right corner of the page. This will start a new paste with the
contents of the existing paste. contents of the existing paste.
</p> </p>
<h2 id="cli-script" class="h2 mt-4 mb-2"><a class="underline hover:text-gray-300" href="#cli-script">CLI Script</a></h2> <h2 id="cli-script" class="h2 mt-12 mb-2"><a class="underline hover:text-gray-300" href="#cli-script">CLI Script</a></h2>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
To make it easier to create pastes, a CLI script is available. The script can be found <a To make it easier to create pastes, a CLI script is available. The script can be found <a
class="underline hover:text-gray-300" href="/paste69.sh">here</a class="underline hover:text-gray-300" href="/paste69.sh">here</a
>. To use the script: >. To use the script:
@ -115,14 +115,14 @@
# -r, --raw Return the raw JSON response. # -r, --raw Return the raw JSON response.
# -c, --copy Copy the paste URL to the clipboard.</code></pre> # -c, --copy Copy the paste URL to the clipboard.</code></pre>
<p class="mb-4 mt-4">To create a paste with the script, simply pipe the contents of a file to the script:</p> <p class="mb-6 mt-6">To create a paste with the script, simply pipe the contents of a file to the script:</p>
<code class="bg-gray-900 py-2 px-4 mb-2 block rounded-lg">cat file.md | ./paste69.sh <code class="bg-gray-900 py-2 px-4 mb-2 block rounded-lg">cat file.md | ./paste69.sh
# https://0x45.st/some-random-id.md</code> # https://0x45.st/some-random-id.md</code>
<h2 id="api" class="h2 mt-4 mb-2"><a class="underline hover:text-gray-300" href="#api">API</a></h2> <h2 id="api" class="h2 mt-12 mb-2"><a class="underline hover:text-gray-300" href="#api">API</a></h2>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
Paste69 has a simple API for creating and fetching pastes. The API accepts JSON, form data, and plain text with Paste69 has a simple API for creating and fetching pastes. The API accepts JSON, form data, and plain text with
query parameters. The API will respond with JSON or plain text, depenant on the state of the `raw` query parameters. The API will respond with JSON or plain text, depenant on the state of the `raw`
parameter. parameter.
@ -141,11 +141,11 @@
</div> </div>
</aside> </aside>
<h3 id="api-creating-a-paste" class="h3 mt-4 mb-2"> <h3 id="api-creating-a-paste" class="h3 mt-8 mb-2">
<a class="underline hover:text-gray-300" href="#api-creating-a-paste">Creating a Paste</a> <a class="underline hover:text-gray-300" href="#api-creating-a-paste">Creating a Paste</a>
</h3> </h3>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
To create a paste, send a POST request to <code>/api/pastes</code>. Valid parameters are as follows: To create a paste, send a POST request to <code>/api/pastes</code>. Valid parameters are as follows:
</p> </p>
@ -166,7 +166,7 @@
</li> </li>
</ul> </ul>
<h4 class="h4 mt-4 mb-2">Examples</h4> <h4 class="h4 mt-8 mb-2">Examples</h4>
<pre class="bg-gray-900 py-4 px-4 mb-2 block rounded-lg whitespace-normal"> <pre class="bg-gray-900 py-4 px-4 mb-2 block rounded-lg whitespace-normal">
<div class="text-sm font-medium text-gray-500 mb-2">JSON Request</div> <div class="text-sm font-medium text-gray-500 mb-2">JSON Request</div>
@ -191,7 +191,7 @@
</code> </code>
</pre> </pre>
<p class="mb-4 mt-4">If the paste was successfully created, the API will respond with the following JSON:</p> <p class="mb-6 mt-6">If the paste was successfully created, the API will respond with the following JSON:</p>
<pre class="bg-gray-900 py-2 px-4 mb-2 block rounded-lg"><code class="language-json">{'{'} <pre class="bg-gray-900 py-2 px-4 mb-2 block rounded-lg"><code class="language-json">{'{'}
"id": "paste id", "id": "paste id",
@ -207,7 +207,7 @@
<a class="underline hover:text-gray-300" href="#api-fetching-a-paste">Fetching a Paste</a> <a class="underline hover:text-gray-300" href="#api-fetching-a-paste">Fetching a Paste</a>
</h3> </h3>
<p class="mb-4 mt-4"> <p class="mb-6 mt-6">
To fetch a paste, send a GET request to{' '} To fetch a paste, send a GET request to{' '}
<code>/api/pastes/:id</code>. If the paste exists, the API will respond with the following JSON: <code>/api/pastes/:id</code>. If the paste exists, the API will respond with the following JSON:
</p> </p>