aljaz/njump
1
0
Fork 0
mirror of https://github.com/aljazceru/njump.git synced 2025-12-19 07:14:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

tailwind .field and related things.

Browse Source
This commit is contained in:
fiatjaf
2023-10-24 17:27:20 -03:00
parent 20a2d225b9
commit 6ade15b7e8
10 changed files with 343 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages.go
View File

@@ -156,8 +156,8 @@ type ArchivePage struct {
Data []string Data []string
ModifiedAt string ModifiedAt string
PaginationUrl string PaginationUrl string
NextPage string NextPage int
PrevPage string PrevPage int
} }
func (*ArchivePage) TemplateText() string { func (*ArchivePage) TemplateText() string {

5
render_archive.go
View File

@@ -1,7 +1,6 @@
package main package main
import ( import (
"fmt"
"math/rand" "math/rand"
"net/http" "net/http"
"strconv" "strconv"
@@ -93,8 +92,8 @@ func renderArchive(w http.ResponseWriter, r *http.Request) {
Data: data, Data: data,
ModifiedAt: modifiedAt, ModifiedAt: modifiedAt,
PaginationUrl: area, PaginationUrl: area,
NextPage: fmt.Sprint(nextPage), NextPage: nextPage,
PrevPage: fmt.Sprint(prevPage), PrevPage: prevPage,
}) })
} else { } else {
w.Header().Add("content-type", "text/xml") w.Header().Add("content-type", "text/xml")

234
static/styles.css
View File

@@ -187,16 +187,16 @@ body {
flex-shrink: 0; flex-shrink: 0;
word-wrap: break-word; word-wrap: break-word;
} }
.column_content .field a.nostr { .column_content a.nostr {
border-bottom: none; border-bottom: none;
} }
.theme--default .column_content .field a.nostr { .theme--default .column_content a.nostr {
background-color: #fdf0f5; background-color: #fdf0f5;
} }
.theme--dark .column_content .field a.nostr { .theme--dark .column_content a.nostr {
background-color: #42091e; background-color: #42091e;
} }
.column_content .field a.button { .column_content a.button {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
padding: 2px 8px; padding: 2px 8px;
@@ -206,144 +206,139 @@ body {
border: 1px solid #c9c9c9; border: 1px solid #c9c9c9;
border-radius: 8px; border-radius: 8px;
} }
.column_content .field a.button:hover { .column_content a.button:hover {
color: #ffffff; color: #ffffff;
background-color: #e32a6d; background-color: #e32a6d;
border: 1px solid #e32a6d; border: 1px solid #e32a6d;
} }
.column_content .field .label { .column_content .label {
font-size: 0.8rem; font-size: 0.8rem;
} }
.theme--default .column_content .field .label { .theme--default .column_content .label {
color: #e32a6d; color: #e32a6d;
} }
.theme--dark .column_content .field .label { .theme--dark .column_content .label {
color: #e32a6d; color: #e32a6d;
} }
.column_content .field.advanced { .column_content blockquote {
display: none;
}
.column_content .field.advanced.visible {
display: block;
}
.column_content .field.boxed {
padding: 0 1rem 1rem;
margin-left: -1rem;
margin-right: -1rem;
}
.theme--default .column_content .field.boxed {
background: #f3f3f3;
}
.theme--dark .column_content .field.boxed {
background: #131313;
}
.column_content .field.boxed .label {
padding: 0.2rem 1rem;
margin: 0 -1rem;
}
.theme--default .column_content .field.boxed .label {
color: #373737;
}
.theme--dark .column_content .field.boxed .label {
color: #9a9a9a;
}
.theme--default .column_content .field.boxed .label {
background: #c9c9c9;
}
.theme--dark .column_content .field.boxed .label {
background: #191919;
}
.column_content .field pre {
overflow-x: scroll;
padding: 1rem;
}
.theme--default .column_content .field pre {
background: #f3f3f3;
}
.theme--dark .column_content .field pre {
background: #2d2d2d;
}
.column_content .field blockquote {
padding: 0.5rem 0 0.5rem 1rem; padding: 0.5rem 0 0.5rem 1rem;
margin: 2rem 0; margin: 2rem 0;
font-style: italic; font-style: italic;
} }
.theme--default .column_content .field blockquote { .theme--default .column_content blockquote {
border-left: 0.5rem solid #f3f3f3; border-left: 0.5rem solid #f3f3f3;
} }
.theme--dark .column_content .field blockquote { .theme--dark .column_content blockquote {
border-left: 0.5rem solid #2d2d2d; border-left: 0.5rem solid #2d2d2d;
} }
.column_content .field blockquote.mention { .column_content blockquote.mention {
border-left: 0.5rem solid #e32a6d; border-left: 0.5rem solid #e32a6d;
padding: 0rem 0 0.5rem 1rem; padding: 0rem 0 0.5rem 1rem;
} }
.theme--default .column_content .field blockquote.mention div { .theme--default .column_content blockquote.mention div {
padding: 0.5rem 0.5rem 0.5rem 1rem; padding: 0.5rem 0.5rem 0.5rem 1rem;
margin: 0 0 1rem -1rem; margin: 0 0 1rem -1rem;
background-color: #f3f3f3; background-color: #f3f3f3;
} }
.theme--dark .column_content .field blockquote.mention div { .theme--dark .column_content blockquote.mention div {
padding: 0.5rem 0.5rem 0.5rem 1rem; padding: 0.5rem 0.5rem 0.5rem 1rem;
margin: 0 0 1rem -1rem; margin: 0 0 1rem -1rem;
background-color: #2d2d2d; background-color: #2d2d2d;
} }
.column_content .field blockquote p { .column_content blockquote p {
margin: 0 0 0.5rem 0; margin: 0 0 0.5rem 0;
} }
.column_content .field cite { .column_content cite {
font-size: 0.8em; font-size: 0.8em;
} }
.column_content .field strong { .column_content strong {
font-weight: 400; font-weight: 400;
} }
.column_content .field ol, .column_content ol,
.column_content .field ul { .column_content ul {
margin: 0; margin: 0;
padding: 0 0 0 1rem; padding: 0 0 0 1rem;
} }
.column_content .field ol li, .column_content ol li,
.column_content .field ul li { .column_content ul li {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.column_content .field sup { .column_content sup {
font-size: 0.6rem; font-size: 0.6rem;
vertical-align: baseline; vertical-align: baseline;
position: relative; position: relative;
top: -0.8em; top: -0.8em;
margin: 0 0.3rem 0 0.1rem; margin: 0 0.3rem 0 0.1rem;
} }
.column_content .field hr { .column_content hr {
display: none; display: none;
} }
.column_content .field .footnotes { .column_content .footnotes {
padding-top: 1rem; padding-top: 1rem;
margin-top: 2rem; margin-top: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.2rem; line-height: 1.2rem;
} }
.theme--default .column_content .field .footnotes { .theme--default .column_content .footnotes {
border-top: 6px solid #f3f3f3; border-top: 6px solid #f3f3f3;
} }
.theme--dark .column_content .field .footnotes { .theme--dark .column_content .footnotes {
border-top: 6px solid #2d2d2d; border-top: 6px solid #2d2d2d;
} }
.column_content .field.advanced-switch-wrapper { .column_content .json {
font-family: "Courier New", Courier, monospace;
font-size: 0.9rem;
white-space: pre-wrap;
word-break: break-all;
margin-top: 1rem;
}
.column_content .json .key {
display: inline-block;
}
.theme--default .column_content .json .key {
color: #e32a6d;
}
.theme--dark .column_content .json .key {
color: #e32a6d;
}
.theme--default .column_content .json .string {
color: #373737;
}
.theme--dark .column_content .json .string {
color: #fafafa;
}
.column_content .json .number {
color: darkorange;
}
.theme--default .column_content .json .boolean {
color: #373737;
}
.theme--dark .column_content .json .boolean {
color: #fafafa;
}
.theme--default .column_content .json .null {
color: #373737;
}
.theme--dark .column_content .json .null {
color: #fafafa;
}
.advanced-switch-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.column_content .field.advanced-switch-wrapper input[type=checkbox] { .advanced-switch-wrapper input[type=checkbox] {
height: 0; height: 0;
width: 0; width: 0;
visibility: hidden; visibility: hidden;
display: none; display: none;
} }
@media print { @media print {
.column_content .field.advanced-switch-wrapper { .advanced-switch-wrapper {
display: none; display: none;
} }
} }
.column_content .field.advanced-switch-wrapper label:first-of-type { .advanced-switch-wrapper label:first-of-type {
cursor: pointer; cursor: pointer;
text-indent: -9999px; text-indent: -9999px;
width: 2.6rem; width: 2.6rem;
@@ -353,19 +348,19 @@ body {
position: relative; position: relative;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.theme--default .column_content .field.advanced-switch-wrapper label:first-of-type { .theme--default .advanced-switch-wrapper label:first-of-type {
background: #f3f3f3; background: #f3f3f3;
} }
.theme--dark .column_content .field.advanced-switch-wrapper label:first-of-type { .theme--dark .advanced-switch-wrapper label:first-of-type {
background: #2d2d2d; background: #2d2d2d;
} }
@media (max-width: 580px) { @media (max-width: 580px) {
.column_content .field.advanced-switch-wrapper label:first-of-type { .advanced-switch-wrapper label:first-of-type {
width: 3rem; width: 3rem;
height: 1.4rem; height: 1.4rem;
} }
} }
.column_content .field.advanced-switch-wrapper label:first-of-type:after { .advanced-switch-wrapper label:first-of-type:after {
content: ""; content: "";
position: absolute; position: absolute;
top: 2px; top: 2px;
@@ -375,110 +370,49 @@ body {
border-radius: 1rem; border-radius: 1rem;
transition: 0.2s; transition: 0.2s;
} }
.theme--default .column_content .field.advanced-switch-wrapper label:first-of-type:after { .theme--default .advanced-switch-wrapper label:first-of-type:after {
background: #373737; background: #373737;
} }
.theme--dark .column_content .field.advanced-switch-wrapper label:first-of-type:after { .theme--dark .advanced-switch-wrapper label:first-of-type:after {
background: #fafafa; background: #fafafa;
} }
@media (max-width: 580px) { @media (max-width: 580px) {
.column_content .field.advanced-switch-wrapper label:first-of-type:after { .advanced-switch-wrapper label:first-of-type:after {
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
} }
} }
.theme--default .column_content .field.advanced-switch-wrapper input:checked + label { .theme--default .advanced-switch-wrapper input:checked + label {
background: #e32a6d; background: #e32a6d;
} }
.theme--dark .column_content .field.advanced-switch-wrapper input:checked + label { .theme--dark .advanced-switch-wrapper input:checked + label {
background: #e32a6d; background: #e32a6d;
} }
.column_content .field.advanced-switch-wrapper input:checked + label:first-of-type:after { .advanced-switch-wrapper input:checked + label:first-of-type:after {
left: calc(100% - 2px); left: calc(100% - 2px);
transform: translateX(-100%); transform: translateX(-100%);
} }
.theme--default .column_content .field.advanced-switch-wrapper input:checked + label:first-of-type:after { .theme--default .advanced-switch-wrapper input:checked + label:first-of-type:after {
background: #ffffff; background: #ffffff;
} }
.theme--dark .column_content .field.advanced-switch-wrapper input:checked + label:first-of-type:after { .theme--dark .advanced-switch-wrapper input:checked + label:first-of-type:after {
background: #373737; background: #373737;
} }
.column_content .field.advanced-switch-wrapper label:first-of-type:active:after { .advanced-switch-wrapper label:first-of-type:active:after {
width: 2rem; width: 2rem;
} }
.column_content .field.advanced-switch-wrapper label:last-of-type { .advanced-switch-wrapper label:last-of-type {
cursor: pointer; cursor: pointer;
font-size: 0.8rem; font-size: 0.8rem;
} }
.theme--default .column_content .field.advanced-switch-wrapper label:last-of-type { .theme--default .advanced-switch-wrapper label:last-of-type {
border-bottom: 1px solid rgba(55, 55, 55, 0.24); border-bottom: 1px solid rgba(55, 55, 55, 0.24);
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
} }
.theme--dark .column_content .field.advanced-switch-wrapper label:last-of-type { .theme--dark .advanced-switch-wrapper label:last-of-type {
border-bottom: 1px solid rgba(250, 250, 250, 0.24); border-bottom: 1px solid rgba(250, 250, 250, 0.24);
padding-bottom: 0.1rem; padding-bottom: 0.1rem;
} }
.column_content .field .json {
font-family: "Courier New", Courier, monospace;
font-size: 0.9rem;
white-space: pre-wrap;
word-break: break-all;
margin-top: 1rem;
}
.column_content .field .json .key {
display: inline-block;
}
.theme--default .column_content .field .json .key {
color: #e32a6d;
}
.theme--dark .column_content .field .json .key {
color: #e32a6d;
}
.theme--default .column_content .field .json .string {
color: #373737;
}
.theme--dark .column_content .field .json .string {
color: #fafafa;
}
.column_content .field .json .number {
color: darkorange;
}
.theme--default .column_content .field .json .boolean {
color: #373737;
}
.theme--dark .column_content .field .json .boolean {
color: #fafafa;
}
.theme--default .column_content .field .json .null {
color: #373737;
}
.theme--dark .column_content .field .json .null {
color: #fafafa;
}
.column_content .field.last_update {
display: none;
}
@media (max-width: 580px) {
.column_content .field.last_update {
display: block;
font-size: 0.8em;
}
.theme--default .column_content .field.last_update {
color: #c9c9c9;
}
.theme--dark .column_content .field.last_update {
color: #969696;
}
}
.column_content a.pagination {
color: #e32a6d;
}
.column_content a.pagination.next {
float: right;
}
.column_content a.pagination.prev {
float: left;
}
.column_clients { .column_clients {
position: -webkit-sticky; position: -webkit-sticky;

392
static/styles.scss
View File

@@ -241,243 +241,201 @@ body {
flex-shrink: 0; flex-shrink: 0;
word-wrap: break-word; word-wrap: break-word;
.field { a.nostr {
a.nostr { @include themed() {
background-color: t($hrefbg);
}
border-bottom: none;
}
a.button {
display: inline-block;
max-width: 100%;
padding: 2px 8px;
margin-top: 0.6em;
margin-right: 0.2em;
border-bottom: 0;
border: 1px solid $color-base4;
border-radius: 8px;
&:hover {
color: $color-base1;
background-color: $color-accent1;
border: 1px solid $color-accent1;
}
}
.label {
font-size: 0.8rem;
@include themed() {
color: t($accent1);
}
}
blockquote {
@include themed() {
border-left: 0.5rem solid t($over-bg);
}
padding: 0.5rem 0 0.5rem 1rem;
margin: 2rem 0;
font-style: italic;
&.mention {
border-left: 0.5rem solid $color-accent1;
padding: 0rem 0 0.5rem 1rem;
div {
@include themed() {
padding: 0.5rem 0.5rem 0.5rem 1rem;
margin: 0 0 1rem -1rem;
background-color: t($over-bg);
}
}
}
p {
margin: 0 0 0.5rem 0;
}
}
cite {
font-size: 0.8em;
}
strong {
font-weight: 400;
}
ol,
ul {
margin: 0;
padding: 0 0 0 1rem;
li {
margin-bottom: 0.5rem;
}
}
sup {
font-size: 0.6rem;
vertical-align: baseline;
position: relative;
top: -0.8em;
margin: 0 0.3rem 0 0.1rem;
}
hr {
display: none;
}
.footnotes {
padding-top: 1rem;
margin-top: 2rem;
@include themed() {
border-top: 6px solid t($over-bg);
}
font-size: 0.9rem;
line-height: 1.2rem;
}
&.advanced-switch-wrapper {
display: flex;
align-items: center;
input[type='checkbox'] {
height: 0;
width: 0;
visibility: hidden;
display: none;
}
@media print {
display: none;
}
label:first-of-type {
cursor: pointer;
text-indent: -9999px;
width: 2.6rem;
height: 1.2rem;
@include themed() { @include themed() {
background-color: t($hrefbg); background: t($over-bg);
} }
border-bottom: none;
}
a.button {
display: inline-block; display: inline-block;
max-width: 100%; border-radius: 100px;
padding: 2px 8px; position: relative;
margin-top: 0.6em; margin-right: 0.5rem;
margin-right: 0.2em; @media (max-width: 580px) {
border-bottom: 0; width: 3rem;
border: 1px solid $color-base4; height: 1.4rem;
border-radius: 8px;
&:hover {
color: $color-base1;
background-color: $color-accent1;
border: 1px solid $color-accent1;
} }
} }
.label {
label:first-of-type:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 1rem;
height: 1rem;
@include themed() {
background: t($base7);
}
border-radius: 1rem;
transition: 0.2s;
@media (max-width: 580px) {
width: 1.2rem;
height: 1.2rem;
}
}
input:checked + label {
@include themed() {
background: t($accent1);
}
}
input:checked + label:first-of-type:after {
left: calc(100% - 2px);
transform: translateX(-100%);
@include themed() {
background: t($base1);
}
}
label:first-of-type:active:after {
width: 2rem;
}
label:last-of-type {
cursor: pointer;
font-size: 0.8rem; font-size: 0.8rem;
@include themed() {
border-bottom: 1px solid rgba(t($base7), 0.24);
padding-bottom: 0.1rem;
}
}
}
.json {
font-family: 'Courier New', Courier, monospace;
font-size: 0.9rem;
white-space: pre-wrap;
word-break: break-all;
margin-top: 1rem;
.key {
display: inline-block;
@include themed() { @include themed() {
color: t($accent1); color: t($accent1);
} }
} }
&.advanced { .string {
display: none;
&.visible {
display: block;
}
}
&.boxed {
padding: 0 1rem 1rem;
margin-left: -1rem;
margin-right: -1rem;
@include themed() { @include themed() {
background: t($boxed-bg); color: t($base7);
}
.label {
padding: 0.2rem 1rem;
margin: 0 -1rem;
@include themed() {
color: t($boxed-title);
}
@include themed() {
background: t($boxed-bg-title);
}
} }
} }
pre { .number {
overflow-x: scroll; color: darkorange;
}
.boolean {
@include themed() { @include themed() {
background: t($over-bg); color: t($base7);
} }
padding: 1rem;
} }
blockquote { .null {
@include themed() { @include themed() {
border-left: 0.5rem solid t($over-bg); color: t($base7);
}
padding: 0.5rem 0 0.5rem 1rem;
margin: 2rem 0;
font-style: italic;
&.mention {
border-left: 0.5rem solid $color-accent1;
padding: 0rem 0 0.5rem 1rem;
div {
@include themed() {
padding: 0.5rem 0.5rem 0.5rem 1rem;
margin: 0 0 1rem -1rem;
background-color: t($over-bg);
}
}
}
p {
margin: 0 0 0.5rem 0;
}
}
cite {
font-size: 0.8em;
}
strong {
font-weight: 400;
}
ol,
ul {
margin: 0;
padding: 0 0 0 1rem;
li {
margin-bottom: 0.5rem;
}
}
sup {
font-size: 0.6rem;
vertical-align: baseline;
position: relative;
top: -0.8em;
margin: 0 0.3rem 0 0.1rem;
}
hr {
display: none;
}
.footnotes {
padding-top: 1rem;
margin-top: 2rem;
@include themed() {
border-top: 6px solid t($over-bg);
}
font-size: 0.9rem;
line-height: 1.2rem;
}
&.advanced-switch-wrapper {
display: flex;
align-items: center;
input[type='checkbox'] {
height: 0;
width: 0;
visibility: hidden;
display: none;
}
@media print {
display: none;
}
label:first-of-type {
cursor: pointer;
text-indent: -9999px;
width: 2.6rem;
height: 1.2rem;
@include themed() {
background: t($over-bg);
}
display: inline-block;
border-radius: 100px;
position: relative;
margin-right: 0.5rem;
@media (max-width: 580px) {
width: 3rem;
height: 1.4rem;
}
}
label:first-of-type:after {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 1rem;
height: 1rem;
@include themed() {
background: t($base7);
}
border-radius: 1rem;
transition: 0.2s;
@media (max-width: 580px) {
width: 1.2rem;
height: 1.2rem;
}
}
input:checked + label {
@include themed() {
background: t($accent1);
}
}
input:checked + label:first-of-type:after {
left: calc(100% - 2px);
transform: translateX(-100%);
@include themed() {
background: t($base1);
}
}
label:first-of-type:active:after {
width: 2rem;
}
label:last-of-type {
cursor: pointer;
font-size: 0.8rem;
@include themed() {
border-bottom: 1px solid rgba(t($base7), 0.24);
padding-bottom: 0.1rem;
}
}
}
.json {
font-family: 'Courier New', Courier, monospace;
font-size: 0.9rem;
white-space: pre-wrap;
word-break: break-all;
margin-top: 1rem;
.key {
display: inline-block;
@include themed() {
color: t($accent1);
}
}
.string {
@include themed() {
color: t($base7);
}
}
.number {
color: darkorange;
}
.boolean {
@include themed() {
color: t($base7);
}
}
.null {
@include themed() {
color: t($base7);
}
}
}
&.last_update {
display: none;
@media (max-width: 580px) {
display: block;
font-size: 0.8em;
@include themed() {
color: t($base4);
}
} }
} }
} }
a.pagination { &.last_update {
color: $color-accent1; display: none;
&.next { @media (max-width: 580px) {
float: right; display: block;
} font-size: 0.8em;
&.prev { @include themed() {
float: left; color: t($base4);
}
} }
} }
} }

13
templates/archive.html
View File

@@ -21,11 +21,11 @@
</div> </div>
<div class="column column_content"> <div class="column column_content">
<div class="field"> <div class="leading-5 mb-6">
<h1 class="text-xl">{{.Title}}</h1> <h1 class="text-xl">{{.Title}}</h1>
</div> </div>
<div class="field"> <div class="leading-5 mb-6">
{{range $element := .Data }} {{range $element := .Data }}
<a href="/{{$.PathPrefix}}{{$element}}"> <a href="/{{$.PathPrefix}}{{$element}}">
<div>{{$element}}</div> <div>{{$element}}</div>
@@ -33,12 +33,13 @@
{{end}} {{end}}
</div> </div>
{{if not (eq .PrevPage "0")}} <div class="flex justify-between">
<a href="/{{.PaginationUrl}}/{{.PrevPage}}" class="pagination prev" {{if not (eq .PrevPage 0)}}
<a href="/{{.PaginationUrl}}/{{.PrevPage}}"
><< Prev page</a ><< Prev page</a
> >
{{end}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {{if not (eq .NextPage "0")}} {{end}} {{if not (eq .NextPage 0)}}
<a href="/{{.PaginationUrl}}/{{.NextPage}}" class="pagination next" <a href="/{{.PaginationUrl}}/{{.NextPage}}"
>Next page >></a >Next page >></a
> >
{{end}} {{end}}

56
templates/details.html
View File

@@ -1,42 +1,50 @@
{{ if .HideDetails }} {{ if .HideDetails }}
<div <div
class="field advanced-switch-wrapper" class="leading-5 mb-6 advanced-switch-wrapper"
_="on load make a URLSearchParams from location.search then get it.get('details') then if it is 'yes' add @checked to #advanced-switch then add .visible to .advanced" _="on load make a URLSearchParams from location.search then get it.get('details') then if it is 'yes' add @checked to #advanced-switch then remove .hidden from #hidden-fields"
> >
<input <input
type="checkbox" type="checkbox"
id="advanced-switch" id="advanced-switch"
_="on change toggle .visible on .advanced" _="on change toggle .hidden on #hidden-fields"
/> />
<label for="advanced-switch">X</label> <label for="advanced-switch">X</label>
<label for="advanced-switch">Show more details</label> <label for="advanced-switch">Show more details</label>
</div> </div>
{{ end }} {{ end }}
<div class="field {{if .HideDetails}}advanced{{end}}"> <div id="hidden-fields" class="{{if .HideDetails}}hidden{{end}}">
<div class="label">Published at</div> <div class="leading-5 mb-6">
{{.CreatedAt}} <div class="label">Published at</div>
</div> {{.CreatedAt}}
</div>
<div class="field {{if .HideDetails}}advanced{{end}}"> <div class="leading-5 mb-6">
<div class="label">Kind type</div> <div class="label">Kind type</div>
{{.Kind}} {{ if not (eq .KindNIP "")}} - {{.Kind}} {{ if not (eq .KindNIP "")}} -
<a href="https://github.com/nostr-protocol/nips/blob/master/{{.KindNIP}}.md" <a href="https://github.com/nostr-protocol/nips/blob/master/{{.KindNIP}}.md"
>{{.KindDescription}}</a >{{.KindDescription}}</a
> >
{{ end }}
</div>
{{ if not (eq "" .Nevent) }}
<div class="leading-5 mb-6">
<div class="label">Address Code</div>
<div>{{.Nevent}}</div>
</div>
{{ end }} {{ end }}
</div>
{{ if not (eq "" .Nevent) }} <div class="leading-5 mb-6 px-4 pb-4 -mx-4 bg-gray-100 dark:bg-gray-700">
<div class="field {{if .HideDetails}}advanced{{end}}"> <div
<div class="label">Address Code</div> class="px-4 py-1 -mx-4 text-gray-100 dark:text-gray-400 bg-gray-300 dark:bg-gray-800"
<div>{{.Nevent}}</div> >
</div> Event JSON
{{ end }} </div>
<div class="json" _="on load call syntaxHighlight(me)">
<div class="field {{if .HideDetails}}advanced{{end}} boxed"> {{- .EventJSON}}
<div class="label">Event JSON</div> </div>
<div class="json" _="on load call syntaxHighlight(me)">{{- .EventJSON}}</div> </div>
</div> </div>
<script> <script>

6
templates/note.html
View File

@@ -98,7 +98,7 @@
></div> ></div>
<article <article
class="field | prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light;" class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light"
> >
{{ if (not (eq "" .Subject))}} {{ if (not (eq "" .Subject))}}
<h1 class="text-2xl">{{.Subject}}</h1> <h1 class="text-2xl">{{.Subject}}</h1>
@@ -115,13 +115,13 @@
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
></div> ></div>
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Author Public key</div> <div class="label">Author Public key</div>
{{.Npub}} {{.Npub}}
</div> </div>
{{ if not (eq 0 (len .SeenOn)) }} {{ if not (eq 0 (len .SeenOn)) }}
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Seen on</div> <div class="label">Seen on</div>
{{ range .SeenOn }}<a href="/r/{{.}}">{{.}}</a> {{ range .SeenOn }}<a href="/r/{{.}}">{{.}}</a>
{{ end }} {{ end }}

2
templates/other.html
View File

@@ -30,7 +30,7 @@
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
></div> ></div>
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Author Public key</div> <div class="label">Author Public key</div>
<a href="/{{.Npub}}">{{.Npub}}</a> <a href="/{{.Npub}}">{{.Npub}}</a>
</div> </div>

31
templates/profile.html
View File

@@ -57,7 +57,7 @@
</header> </header>
<div class="column column_content"> <div class="column column_content">
<header class="field hidden sm:flex sm:items-center"> <header class="leading-5 mb-6 hidden sm:flex sm:items-center">
<h1> <h1>
<div id="profile_name" class="text-2xl">{{.Metadata.Name}}</div> <div id="profile_name" class="text-2xl">{{.Metadata.Name}}</div>
{{if not (eq .Metadata.Name .Metadata.DisplayName)}} {{if not (eq .Metadata.Name .Metadata.DisplayName)}}
@@ -70,28 +70,36 @@
<div <div
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2"
></div> ></div>
<div class="field"> <div class="leading-5 mb-6">
<a href="{{.NormalizedAuthorWebsiteURL}}">{{.Metadata.Website}}</a> <a
class="border-b-2 pb-0.5 border-b-gray-300 hover:text-strongpink"
href="{{.NormalizedAuthorWebsiteURL}}"
>{{.Metadata.Website}}</a
>
</div>
<div
class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light"
>
{{.RenderedAuthorAboutText}}
</div> </div>
<div class="field about">{{.RenderedAuthorAboutText}}</div>
<div <div
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
></div> ></div>
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Public key</div> <div class="label">Public key</div>
{{.Npub}} {{.Npub}}
</div> </div>
<div class="field"> <div class="leading-5 mb-6">
<div class="label">NIP-05</div> <div class="label">NIP-05</div>
{{.Metadata.NIP05}} {{.Metadata.NIP05}}
</div> </div>
<div class="field"> <div class="leading-5 mb-6">
<div class="label">LN Address</div> <div class="label">LN Address</div>
{{.Metadata.LUD16}} {{.Metadata.LUD16}}
</div> </div>
{{ if not (eq 0 (len .AuthorRelays)) }} {{ if not (eq 0 (len .AuthorRelays)) }}
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Posting on these relays</div> <div class="label">Posting on these relays</div>
{{range $index, $element := .AuthorRelays}} {{range $index, $element := .AuthorRelays}}
<a href="/r/{{$element}}" class="button">{{$element}}</a> <a href="/r/{{$element}}" class="button">{{$element}}</a>
@@ -103,16 +111,13 @@
{{template "details" .DetailsPartial}} {{template "details" .DetailsPartial}}
<div class="field last_update"> <!---->
Last update:<br />
{{.CreatedAt}}
</div>
{{if not (eq 0 (len .LastNotes))}} {{if not (eq 0 (len .LastNotes))}}
<div <div
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
></div> ></div>
<nav class="field"> <nav class="leading-5 mb-6">
<h2 class="text-strongpink text-2xl">Last Notes</h2> <h2 class="text-strongpink text-2xl">Last Notes</h2>
{{range $i, $ee := .LastNotes}} {{range $i, $ee := .LastNotes}}
<a <a

25
templates/relay.html
View File

@@ -47,7 +47,7 @@
</div> </div>
<div class="column column_content"> <div class="column column_content">
<header class="field hidden sm:flex sm:items-center"> <header class="leading-5 mb-6 hidden sm:flex sm:items-center">
<h1> <h1>
<div id="relay_name" class="text-2xl">{{.Info.Name}}</div> <div id="relay_name" class="text-2xl">{{.Info.Name}}</div>
</h1> </h1>
@@ -56,21 +56,34 @@
<div <div
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2"
></div> ></div>
<div class="field">wss://{{.Hostname}}</div> <div class="leading-5 mb-6">
<div class="field about">{{.Info.Description}}</div> <a
class="border-b-2 pb-0.5 border-b-gray-300 hover:text-strongpink"
href="https://{{.Hostname}}"
target="_blank"
_="on mouseenter set my innerText to my.innerText.replace('wss://', 'https://')
on mouseleave set my innerText to my.innerText.replace('https://', 'wss://')"
>wss://{{.Hostname}}</a
>
</div>
<div
class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light"
>
{{.Info.Description}}
</div>
<div <div
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/2"
></div> ></div>
{{ if not (eq "" .Info.PubKey) }} {{ if not (eq "" .Info.PubKey) }}
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Public Key</div> <div class="label">Public Key</div>
{{.Info.PubKey}} {{.Info.PubKey}}
</div> </div>
{{ end }} {{ end }}
<!----> <!---->
{{ if not (eq "" .Info.Contact) }} {{ if not (eq "" .Info.Contact) }}
<div class="field"> <div class="leading-5 mb-6">
<div class="label">Contact</div> <div class="label">Contact</div>
<a href="{{.Info.Contact}}">{{.Info.Contact}}</a> <a href="{{.Info.Contact}}">{{.Info.Contact}}</a>
</div> </div>
@@ -80,7 +93,7 @@
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3" class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-stone-800 w-1/3"
></div> ></div>
<div class="field"> <div class="leading-5 mb-6">
<h2 class="text-strongpink text-2xl">Last Notes</h2> <h2 class="text-strongpink text-2xl">Last Notes</h2>
{{range $i, $ee := .LastNotes}} {{range $i, $ee := .LastNotes}}
<a <a