2020-09-23 09:08:38 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
html(lang="en")
|
|
|
|
head
|
|
|
|
meta(charset="UTF-8")
|
|
|
|
meta(name="viewport", content="width=device-width, initial-scale=1.0")
|
|
|
|
title toot
|
|
|
|
|
|
|
|
link(rel="stylesheet", href="main.css")
|
|
|
|
link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500&display=swap")
|
2020-09-23 12:13:50 -05:00
|
|
|
|
|
|
|
link(rel='apple-touch-icon' sizes='180x180' href='./icons/apple-touch-icon.png')
|
|
|
|
link(rel='icon' type='image/png' sizes='32x32' href='./icons/favicon-32x32.png')
|
|
|
|
link(rel='icon' type='image/png' sizes='16x16' href='./icons/favicon-16x16.png')
|
|
|
|
link(rel='manifest' href='./icons/site.webmanifest')
|
|
|
|
link(rel='mask-icon' href='./icons/safari-pinned-tab.svg' color='#3088d4')
|
|
|
|
link(rel='shortcut icon' href='./icons/favicon.ico')
|
|
|
|
meta(name='msapplication-TileColor' content='#1f232b')
|
|
|
|
meta(name='msapplication-config' content='./icons/browserconfig.xml')
|
|
|
|
meta(name='theme-color' content='#1f232b')
|
2020-09-23 09:08:38 -05:00
|
|
|
body
|
|
|
|
header
|
2020-09-23 11:21:33 -05:00
|
|
|
h1 🐘 toot
|
|
|
|
p
|
|
|
|
| Quickly post on any Mastodon instance
|
2020-09-23 09:08:38 -05:00
|
|
|
main
|
2020-09-23 11:10:47 -05:00
|
|
|
form#form
|
2020-09-23 11:21:33 -05:00
|
|
|
section
|
|
|
|
label(for="text") Post text
|
|
|
|
textarea#text(rows=6, name="text", required)
|
2020-09-23 09:08:38 -05:00
|
|
|
section
|
|
|
|
label(for="instance") Mastodon instance URL
|
2020-09-23 11:10:47 -05:00
|
|
|
input#instance(type="url", name="instance", placeholder="https://", required)
|
2020-09-23 09:08:38 -05:00
|
|
|
|
|
|
|
section.remember
|
|
|
|
input#remember(type="checkbox", name="remember")
|
2020-09-23 11:10:47 -05:00
|
|
|
label(for="remember") Autofill this instance URL next time
|
2020-09-23 09:08:38 -05:00
|
|
|
|
|
|
|
section.submit
|
2020-09-23 11:31:37 -05:00
|
|
|
input(type="submit", value="Toot!")
|
2020-09-23 09:08:38 -05:00
|
|
|
footer
|
|
|
|
section
|
|
|
|
a(href="https://joinmastodon.org/") What is Mastodon?
|
|
|
|
section
|
|
|
|
a(href="https://github.com/NickKaramoff/toot") This project on GitHub
|
|
|
|
|
|
|
|
script(src="index.js")
|