honbra/ncpn
1
0
Fork 0
Code Activity

Records on my fingers

Browse source 
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠛⠛⠛⠋⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠙⠛⠛⠛⠿⠻⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⠀⠀⡀⠠⠤⠒⢂⣉⣉⣉⣑⣒⣒⠒⠒⠒⠒⠒⠒⠒⠀⠀⠐⠒⠚⠻⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⠏⠀⠀⠀⠀⡠⠔⠉⣀⠔⠒⠉⣀⣀⠀⠀⠀⣀⡀⠈⠉⠑⠒⠒⠒⠒⠒⠈⠉⠉⠉⠁⠂⠀⠈⠙⢿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠀⠔⠁⠠⠖⠡⠔⠊⠀⠀⠀⠀⠀⠀⠀⠐⡄⠀⠀⠀⠀⠀⠀⡄⠀⠀⠀⠀⠉⠲⢄⠀⠀⠀⠈⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠊⠀⢀⣀⣤⣤⣤⣤⣀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠜⠀⠀⠀⠀⣀⡀⠀⠈⠃⠀⠀⠀⠸⣿⣿⣿⣿
⣿⣿⣿⣿⡿⠥⠐⠂⠀⠀⠀⠀⡄⠀⠰⢺⣿⣿⣿⣿⣿⣟⠀⠈⠐⢤⠀⠀⠀⠀⠀⠀⢀⣠⣶⣾⣯⠀⠀⠉⠂⠀⠠⠤⢄⣀⠙⢿⣿⣿
⣿⡿⠋⠡⠐⠈⣉⠭⠤⠤⢄⡀⠈⠀⠈⠁⠉⠁⡠⠀⠀⠀⠉⠐⠠⠔⠀⠀⠀⠀⠀⠲⣿⠿⠛⠛⠓⠒⠂⠀⠀⠀⠀⠀⠀⠠⡉⢢⠙⣿
⣿⠀⢀⠁⠀⠊⠀⠀⠀⠀⠀⠈⠁⠒⠂⠀⠒⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⢀⣀⡠⠔⠒⠒⠂⠀⠈⠀⡇⣿
⣿⠀⢸⠀⠀⠀⢀⣀⡠⠋⠓⠤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠀⠀⠀⠀⠀⠀⠈⠢⠤⡀⠀⠀⠀⠀⠀⠀⢠⠀⠀⠀⡠⠀⡇⣿
⣿⡀⠘⠀⠀⠀⠀⠀⠘⡄⠀⠀⠀⠈⠑⡦⢄⣀⠀⠀⠐⠒⠁⢸⠀⠀⠠⠒⠄⠀⠀⠀⠀⠀⢀⠇⠀⣀⡀⠀⠀⢀⢾⡆⠀⠈⡀⠎⣸⣿
⣿⣿⣄⡈⠢⠀⠀⠀⠀⠘⣶⣄⡀⠀⠀⡇⠀⠀⠈⠉⠒⠢⡤⣀⡀⠀⠀⠀⠀⠀⠐⠦⠤⠒⠁⠀⠀⠀⠀⣀⢴⠁⠀⢷⠀⠀⠀⢰⣿⣿
⣿⣿⣿⣿⣇⠂⠀⠀⠀⠀⠈⢂⠀⠈⠹⡧⣀⠀⠀⠀⠀⠀⡇⠀⠀⠉⠉⠉⢱⠒⠒⠒⠒⢖⠒⠒⠂⠙⠏⠀⠘⡀⠀⢸⠀⠀⠀⣿⣿⣿
⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠑⠄⠰⠀⠀⠁⠐⠲⣤⣴⣄⡀⠀⠀⠀⠀⢸⠀⠀⠀⠀⢸⠀⠀⠀⠀⢠⠀⣠⣷⣶⣿⠀⠀⢰⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠁⢀⠀⠀⠀⠀⠀⡙⠋⠙⠓⠲⢤⣤⣷⣤⣤⣤⣤⣾⣦⣤⣤⣶⣿⣿⣿⣿⡟⢹⠀⠀⢸⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣧⡀⠀⠀⠀⠀⠀⠀⠀⠑⠀⢄⠀⡰⠁⠀⠀⠀⠀⠀⠈⠉⠁⠈⠉⠻⠋⠉⠛⢛⠉⠉⢹⠁⢀⢇⠎⠀⠀⢸⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⣀⠈⠢⢄⡉⠂⠄⡀⠀⠈⠒⠢⠄⠀⢀⣀⣀⣰⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⢀⣎⠀⠼⠊⠀⠀⠀⠘⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄⡀⠉⠢⢄⡈⠑⠢⢄⡀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠁⠀⠀⢀⠀⠀⠀⠀⠀⢻⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⣀⡈⠑⠢⢄⡀⠈⠑⠒⠤⠄⣀⣀⠀⠉⠉⠉⠉⠀⠀⠀⣀⡀⠤⠂⠁⠀⢀⠆⠀⠀⢸⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⣄⡀⠁⠉⠒⠂⠤⠤⣀⣀⣉⡉⠉⠉⠉⠉⢀⣀⣀⡠⠤⠒⠈⠀⠀⠀⠀⣸⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣶⣶⣤⣤⣤⣤⣀⣀⣤⣤⣤⣶⣾⣿⣿⣿⣿⣿
This commit is contained in:
Honbra 2024-11-28 16:44:49 +01:00
parent 18251d7f00
commit 22ad0a0a11
Signed by: honbra
GPG key ID: B61CC9ADABE2D952
13 changed files with 572 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

1
static/.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["styles/tailwind/_border-radius.scss","styles/tailwind/_colors.scss","styles/tailwind/_spacing.scss","styles/_theme.scss","styles/style.scss","styles/tailwind/_text.scss"],"names":[],"mappings":"AAAA;ACAA;ACAA;AAAA;AAAA;AAOA;ACDA;EACE;;;AAGF;AACA;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EAfF;AAgBI;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;AAEA;IACA;IACA;;;;AClCJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA,WFEY;;;AEChB;EAEI;;AAEA;EACI,WFJQ;;AEOZ;EARJ;IASQ;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA,WC7BI;ED8BJ,aCDY;;ADKpB;EACI;EACA;EACA;;;AAKJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA,eJ1DR;EI2DQ;EACA;EACA,WCjED;EDkEC;;AAEA;AAAA;AAAA;EAEI;EACA;;AAOZ;EAEI;EACA;EACA;EACA,eJ9EJ;EI+EI","file":"static"}

179
static/admin.css Normal file
View file

@ -0,0 +1,179 @@
/* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L162 */
/* Tailwind palette */
/* Yes, it's that simple.
* https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale
* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L909 */
/* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L715 */
html {
color-scheme: light dark;
}
/* These need switchable client-side */
:root {
/* Foreground */
--color-fg-base: #334155;
--color-fg-deemphasized: #475569;
--color-fg-headings: #0f172a;
/* Background */
--color-bg-base: #f1f5f9;
--color-bg-raised-1: #e2e8f0;
--color-bg-raised-2: #cbd5e1;
--color-bg-raised-3: #94a3b8;
/* Borders */
--color-bd-base: #cbd5e1;
--color-bd-highlighted-1: #64748b;
--color-bd-highlighted-2: #475569;
}
@media (prefers-color-scheme: dark) {
:root {
/* Foreground */
--color-fg-base: #cbd5e1;
--color-fg-deemphasized: #94a3b8;
--color-fg-headings: #f1f5f9;
/* Background */
--color-bg-base: #0f172a;
--color-bg-raised-1: #1e293b;
--color-bg-raised-2: #334155;
/* Borders */
--color-bd-base: #334155;
--color-bd-highlighted: #64748b;
}
}
body.admin {
width: 100%;
max-width: 64rem;
padding: 4rem 2rem;
margin: 0 auto;
display: grid;
grid-template-columns: 16rem auto;
grid-template-rows: auto auto auto;
grid-template-areas: "logo none" "sidebar main" "footer footer";
gap: 1rem;
}
body.admin > h1 {
color: var(--color-fg-headings);
font-weight: 700;
margin: 0;
font-size: 2.25rem;
grid-area: logo;
}
body.admin > aside[role=navigation] {
grid-area: sidebar;
}
body.admin > aside[role=navigation] ul {
list-style: none;
margin: unset;
padding: unset;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
body.admin > aside[role=navigation] a {
display: block;
padding: 0.75rem 1rem;
color: unset;
text-decoration: unset;
border: 1px solid var(--color-bd-base);
border-radius: 0.75rem;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color, border-color;
background-color: unset;
cursor: pointer;
}
body.admin > aside[role=navigation] a:hover, body.admin > aside[role=navigation] a:focus-visible {
border-color: var(--color-bd-highlighted-1);
background-color: var(--color-bg-raised-1);
}
body.admin > aside[role=navigation] a.active- {
border-color: var(--color-bd-highlighted-1);
background-color: var(--color-bg-raised-1);
}
body.admin > aside[role=navigation] a.active-:hover, body.admin > aside[role=navigation] a.active-:focus-visible {
border-color: var(--color-bd-highlighted-2);
background-color: var(--color-bg-raised-2);
}
body.admin > main {
grid-area: main;
}
body.admin > footer {
grid-area: footer;
color: var(--color-fg-deemphasized);
}
body.admin-pastes main > ul {
list-style: none;
margin: unset;
padding: unset;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
body.admin-pastes main > ul li {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
grid-template-areas: "title buttons" "timestamp buttons" "content content";
gap: 1rem;
}
body.admin-pastes main > ul li .title {
grid-area: title;
color: var(--color-fg-headings);
font-weight: 700;
margin: 0;
font-size: 1.5rem;
text-decoration: none;
}
body.admin-pastes main > ul li .title:hover, body.admin-pastes main > ul li .title:focus-visible {
text-decoration: underline;
}
body.admin-pastes main > ul li time {
grid-area: timestamp;
color: var(--color-fg-deemphasized);
}
body.admin-pastes main > ul li .action-buttons {
grid-area: buttons;
display: flex;
justify-content: end;
align-items: end;
gap: 0.5rem;
}
body.admin-pastes main > ul li .action-buttons button {
border: 1px solid var(--color-bd-base);
border-radius: 0.75rem;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color, border-color;
background-color: var(--color-bg-raised-1);
cursor: pointer;
display: block;
padding: 0.25rem 0.75rem;
font-size: 0.875rem;
color: unset;
}
body.admin-pastes main > ul li .action-buttons button:hover, body.admin-pastes main > ul li .action-buttons button:focus-visible {
border-color: var(--color-bd-highlighted-1);
background-color: var(--color-bg-raised-2);
}
body.admin-pastes main > ul li .action-buttons button.active- {
border-color: var(--color-bd-highlighted-1);
background-color: var(--color-bg-raised-2);
}
body.admin-pastes main > ul li .action-buttons button.active-:hover, body.admin-pastes main > ul li .action-buttons button.active-:focus-visible {
border-color: var(--color-bd-highlighted-2);
background-color: var(--color-bg-raised-3);
}
body.admin-pastes main > ul li .content {
grid-area: content;
border: 1px solid var(--color-bd-base);
border-radius: 0.75rem;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-property: background-color, border-color;
background-color: var(--color-bg-raised-1);
padding: 1rem;
margin: unset;
}
/*# sourceMappingURL=admin.css.map */

1
static/admin.css.map Normal file
View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../styles/tailwind/_border-radius.scss","../styles/tailwind/_colors.scss","../styles/tailwind/_spacing.scss","../styles/_theme.scss","../styles/admin.scss","../styles/tailwind/_text.scss","../styles/tailwind/_transition.scss"],"names":[],"mappings":"AAAA;ACAA;ACAA;AAAA;AAAA;AAOA;ACDA;EACI;;;AAGJ;AACA;AACI;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;;AAEA;EAjBJ;AAkBQ;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;AAEA;IACA;IACA;;;;ACtCR;EACI;EACA,WFYY;EEXZ;EACA;EACA;EACA;EACA;EACA,qBACI;EAGJ;;AAEA;ED6BA;EACA,aEbe;EFeX;EAMJ,WEhDY;EDYR;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;ED+BR;EACA,eHhEI;EGiEJ,qBGjEe;EHkEf,4BGxEgB;EHyEhB;EAKI;EAIA;;AAEA;EAEI;EAII;;AAIR;EACI;EAII;;AAGJ;EAEI;EAII;;ACjEhB;EACI;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,qBACI;EAGJ;;AAEA;EACI;ED3BZ;EACA,aEbe;EFeX;EAgBJ,WE5DY;EDsEA;;AAEA;EAEI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;ED1BZ;EACA,eHhEI;EGiEJ,qBGjEe;EHkEf,4BGxEgB;EHyEhB;EAGI;EAMA;EAmCJ;EACA;EACA,WEtHW;EFuHX;;AApCI;EAEI;EAEI;;AAMR;EACI;EAEI;;AAKJ;EAEI;EAEI;;ACNR;EACI;EDhCZ;EACA,eHhEI;EGiEJ,qBGjEe;EHkEf,4BGxEgB;EHyEhB;EAGI;EC2BQ;EACA","file":"admin.css"}

54
static/style.css
View file

@ -1,3 +1,4 @@
/* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L162 */
/* Tailwind palette */
/* Yes, it's that simple.
* https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale
@ -17,9 +18,11 @@ html {
--color-bg-base: #f1f5f9;
--color-bg-raised-1: #e2e8f0;
--color-bg-raised-2: #cbd5e1;
--color-bg-raised-3: #94a3b8;
/* Borders */
--color-bd-base: #cbd5e1;
--color-bd-highlighted: #64748b;
--color-bd-highlighted-1: #64748b;
--color-bd-highlighted-2: #475569;
}
@media (prefers-color-scheme: dark) {
:root {
@ -37,7 +40,6 @@ html {
}
}
/* https://github.com/tailwindlabs/tailwindcss/blob/ac6d4a6e8e9ae7ca197bf98d933ae2f205be3635/packages/tailwindcss/src/compat/default-theme.ts#L162 */
* {
box-sizing: border-box;
}
@ -46,28 +48,31 @@ body {
font-family: Inter, "Inter Variable", sans-serif;
color: var(--color-fg-base);
background-color: var(--color-bg-base);
padding: 4rem 2rem;
margin: 0 auto;
max-width: 56rem;
}
body.wide {
body:not(.admin) {
max-width: 56rem;
padding: 4rem 2rem;
}
body:not(.admin).wide {
max-width: 72rem;
}
@media not all and (min-width: var(--max-width-lg)) {
body {
body:not(.admin) {
padding: 2rem;
}
}
body header {
body:not(.admin) header {
margin-bottom: 2rem;
}
body header h1 {
body:not(.admin) header h1 {
margin: 0;
color: var(--color-fg-headings);
font-size: 1.875rem;
font-weight: 800;
}
body footer {
body:not(.admin) footer {
color: var(--color-fg-deemphasized);
margin-top: 2rem;
text-align: center;
@ -108,35 +113,4 @@ body.paste main pre {
margin: 0;
}
body.admin-pastes main form input[type=text],
body.admin-pastes main form textarea,
body.admin-pastes main form input[type=submit] {
padding: 0.5rem 0.75rem;
border-radius: 0.5rem;
background-color: var(--color-bg-raised-1);
border: 1px solid var(--color-bd-base);
font-size: inherit;
}
body.admin-pastes main form input[type=text]:hover, body.admin-pastes main form input[type=text]:focus-visible,
body.admin-pastes main form textarea:hover,
body.admin-pastes main form textarea:focus-visible,
body.admin-pastes main form input[type=submit]:hover,
body.admin-pastes main form input[type=submit]:focus-visible {
background-color: var(--color-bg-raised-2);
border-color: var(--color-bd-highlighted);
}
body.admin-pastes main form input[type=text],
body.admin-pastes main form textarea {
width: 100%;
margin-bottom: 1rem;
}
body.admin-pastes main form textarea {
min-height: 8rem;
}
body.admin-pastes main form input[type=submit] {
cursor: pointer;
margin-left: auto;
display: block;
}
/*# sourceMappingURL=style.css.map */

2
static/style.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../styles/tailwind/_colors.scss","../styles/tailwind/_spacing.scss","../styles/_theme.scss","../styles/tailwind/_border-radius.scss","../styles/style.scss","../styles/tailwind/_text.scss"],"names":[],"mappings":"AAAA;ACAA;AAAA;AAAA;AAOA;ACHA;EACE;;;AAGF;AACA;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EAfF;AAgBI;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;AAEA;IACA;IACA;;;;ACrCJ;ACKA;EACI;;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,WHDQ;;AGIZ;EAbJ;IAcQ;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA,WC1BI;ED2BJ,aCEY;;ADEpB;EACI;EACA;EACA;;;AAKJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA,eDvDR;ECwDQ;EACA;EACA,WC9DD;ED+DC;;AAEA;AAAA;AAAA;EAEI;EACA;;AAOZ;EAEI;EACA;EACA;EACA,eD3EJ;EC4EI;;;AAOJ;AAAA;AAAA;EAGI;EACA,eDxFJ;ECyFI;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAEI;EACA;;AAIR;AAAA;EAEI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA","file":"style.css"}
{"version":3,"sourceRoot":"","sources":["../styles/tailwind/_border-radius.scss","../styles/tailwind/_colors.scss","../styles/tailwind/_spacing.scss","../styles/_theme.scss","../styles/style.scss","../styles/tailwind/_text.scss"],"names":[],"mappings":"AAAA;ACAA;ACAA;AAAA;AAAA;AAOA;ACDA;EACI;;;AAGJ;AACA;AACI;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;;AAEA;EAjBJ;AAkBQ;IACA;IACA;IACA;AAEA;IACA;IACA;IACA;AAEA;IACA;IACA;;;;ACpCR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EAEI,WFFY;EEGZ;;AAEA;EACI,WFJQ;;AEOZ;EATJ;IAUQ;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA,WC7BI;ED8BJ,aCDY;;ADKpB;EACI;EACA;EACA;;;AAKJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA,eJ1DR;EI2DQ;EACA;EACA,WCjED;EDkEC;;AAEA;AAAA;AAAA;EAEI;EACA;;AAOZ;EAEI;EACA;EACA;EACA,eJ9EJ;EI+EI","file":"style.css"}