gnouseu/plakken
5
2
Fork 0
Code Issues Pull requests 4 Packages 1 Activity

Compare commits

base: gnouseu:2d84849f3e7b848eba23d39aee86c1c861a3aa42
Branches Tags
gnouseu:main
gnouseu:renovate/golang.org-x-crypto-0.x
gnouseu:renovate/github.com-redis-go-redis-v9-9.x
gnouseu:health-check
gnouseu:ada/goreleaser
..
compare: gnouseu:693ac02c9d810a2ee5f2e2e538be71f12cb59c75
Branches Tags
gnouseu:renovate/golang.org-x-crypto-0.x
gnouseu:renovate/github.com-redis-go-redis-v9-9.x
gnouseu:main
gnouseu:health-check
gnouseu:ada/goreleaser

No commits in common. "2d84849f3e7b848eba23d39aee86c1c861a3aa42" and "693ac02c9d810a2ee5f2e2e538be71f12cb59c75" have entirely different histories.
2d84849f3e ... 693ac02c9d

4 changed files with 32 additions and 65 deletions
Show stats Expand all files Collapse all files

1
.gitignore vendored
View file

@ -17,4 +17,3 @@ plakken
# Go workspace file # Go workspace file
go.work go.work
.idea/discord.xml

8
go.sum
View file

@ -1,8 +0,0 @@
github.com/cespare/xxhash/v2 v2.2.0 h1:DC2CZ1Ep5Y4k3ZQ899DldepgrayRUGE6BBZ/cd9Cj44=
github.com/cespare/xxhash/v2 v2.2.0/go.mod h1:VGX0DQ3Q6kWi7AoAeZDth3/j3BFtOZR5XLFGgcrjCOs=
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f/go.mod h1:cuUVRXasLTGF7a8hSLbxyZXjz+1KgoB3wDUb6vlszIc=
github.com/joho/godotenv v1.5.1 h1:7eLL/+HRGLY0ldzfGMeQkb7vMd0as4CfYvUVzLqw0N0=
github.com/joho/godotenv v1.5.1/go.mod h1:f4LDr5Voq0i2e/R5DDNOoa2zzDfwtkZa6DnEwAbqwq4=
github.com/redis/go-redis/v9 v9.2.1 h1:WlYJg71ODF0dVspZZCpYmoF1+U1Jjk9Rwd7pq6QmlCg=
github.com/redis/go-redis/v9 v9.2.1/go.mod h1:hdY0cQFCN4fnSYT6TkisLufl/4W5UIXyv0b/CLO2V2M=

37
static/index.html
View file

@ -2,19 +2,16 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="Plakken, paste, pastebin" name="keywords"> <meta content="width=device-width, user-scalable=no, initial-scale=1.0"
<meta content="Plakken is a simple open-source paste service where you can store store text for a set period of time." name="viewport">
name="description">
<meta content="Plakken" name="author">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible"> <meta content="ie=edge" http-equiv="X-UA-Compatible">
<title>New plak • Plakken</title> <title>Your plak • Plakken</title>
<link href="style.css" rel="stylesheet"> <link href="/static/style.css" rel="stylesheet">
</head> </head>
<body> <body>
<form method="post"> <form method="post">
<label for="content"></label> <label for="content"></label>
<textarea autofocus id="content" name="content" placeholder="Your paste here"></textarea> <textarea id="content" name="content" placeholder="Your paste here"></textarea>
<nav> <nav>
<ul> <ul>
<li> <li>
@ -26,29 +23,13 @@
<li> <li>
<label for="type">Type</label> <label for="type">Type</label>
<select id="type" name="type"> <select id="type" name="type">
<option value="auto">Auto Detect</option> <option value="">Plaintext</option>
<option value="c">C</option> <option value="">Python</option>
<option value="cpp">C++</option>
<option value="csharp">C#</option>
<option value="css">CSS</option>
<option value="go">Go</option>
<option value="java">Java</option>
<option value="js">Javascript</option>
<option value="html">HTML</option>
<option selected value="plain">Plaintext</option>
<option value="python">Python</option>
<option value="rb">Ruby</option>
<option value="rs">Rust</option>
<option value="sh">Shell</option>
<option value="sql">SQL</option>
<option value="ts">Typescript</option>
<option value="xml">XML</option>
<option value="yml">YAML</option>
</select> </select>
</li> </li>
</ul> </ul>
<button type="submit" title="Save plak"> <button>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <svg height="26" viewBox="0 0 24 24" width="26" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 11 12 14 22 4"></polyline> <polyline points="9 11 12 14 22 4"></polyline>
<path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path> <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path>
</svg> </svg>

49
static/style.css
View file

@ -1,8 +1,8 @@
:root { :root {
--accent: #be0560; --accent: #0080e5;
--background: #141414; --background: #121212;
--border: #333; --border: #2d2d2d;
--text: #e2e2e2; --text: #f1f4f5;
} }
body { body {
@ -12,15 +12,11 @@ body {
margin: 0; margin: 0;
} }
button, textarea {
background-color: inherit;
border: none;
}
textarea { textarea {
appearance: none;
color: var(--text); color: var(--text);
font: 14px/1.6 "JetBrains Mono", monospace; font: 14px/1.6 "JetBrains Mono", monospace;
height: calc(100vh - 3rem); height: calc(100vh - 5rem - 6px);
outline: none; outline: none;
padding: 1rem; padding: 1rem;
resize: none; resize: none;
@ -39,10 +35,12 @@ nav {
ul { ul {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
gap: 2.6rem;
list-style: none; list-style: none;
gap: 2.6rem;
height: 60px;
margin: 0; margin: 0;
padding: 0 1.9rem; padding: 0 1rem;
width: fit-content;
} }
label { label {
@ -50,43 +48,40 @@ label {
} }
input, select { input, select {
appearance: none;
background-color: var(--background); background-color: var(--background);
border: 2px solid var(--border); border: 2px solid var(--border);
border-radius: 2px; border-radius: 2px;
color: var(--text); color: var(--text);
font-size: 15px; font-size: 15px;
outline: none;
padding: 5px 6px; padding: 5px 6px;
transition: border .15s ease; transition: border .15s ease;
} }
input:hover, select:hover { button, textarea {
border-color: var(--text); background-color: var(--background);
border: none;
} }
svg { svg {
fill: none; fill: none;
height: 26px; stroke: #ddd;
stroke: var(--text);
stroke-width: 2; stroke-width: 2;
stroke-linecap: round; stroke-linecap: round;
transition: .15s ease; transition: .15s ease;
width: 26px;
} }
svg:hover { input:hover, select:hover, svg:hover {
border-color: #ddd;
stroke: #fff; stroke: #fff;
} }
input:focus-visible, select:focus-visible { /*::selection {
border: 2px solid var(--text); background-color: var(--text);
} color: var(--background);
}*/
button:focus-visible{
outline: none;
}
::selection { ::selection {
background-color: var(--accent); background-color: #be0560;
color: #fff; color: #fff;
} }