Use a more consistent layout + styles

Signed-off-by: Izuru Yakumo <yakumo.izuru@chaotic.ninja>
このコミットが含まれているのは:
Izuru Yakumo 2023-04-15 13:22:51 -03:00
コミット ff5d14874f
11個のファイルの変更108行の追加148行の削除

ファイルの表示

@ -1,18 +1,18 @@
{{ template "header" }} {{ template "header" }}
<table border="2" cellpadding="12" cellspacing="0" bgcolor="#CCCCCC" align="center"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<tr> <TR>
<td align="center"> <TD ALIGN="CENTER">
<h2>Account settings</h2> <H2>Account settings</H2>
</td> </td>
<td align="center"> <TD aLIgn="CENTER">
<ul> <UL>
<li><a href="/accountsetpw">Change password</a></li> <LI><A HREF="/accountsetpw">Change password</A></LI>
<li><a href="/accountsetmail">Set mail address</a></li> <LI><A HREF="/accountsetmail">Set mail address</A></LI>
<li><a href="/accountsetquestion">Set security question</a></li> <LI><A HREF="/accountsetquestion">Set security question</A></LI>
<li><a href="/passwordreset">Request password reset</a></li> <LI><A HREF="/passwordreset">Request password reset</A></LI>
</ul> </UL>
</td> </TD>
</tr> </TR>
</table> </TABLE>
{{ template "footer" }} {{ template "footer" }}

ファイルの表示

@ -1,9 +1,9 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Error</h2> <H2>Error</H2>
<p>Something went wrong: {{ .Msg }}</p> <P>Something went wrong: {{ .Msg }}</P>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,9 +1,9 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Error</h2> <H2>Error</H2>
<p>Something went wrong: Bad login. (Have you forgotten your password? If you added a mail address to your login data, you might be able to <a href="/passwordreset">reset</a> it.)</p> <P>Something went wrong: Bad login. (Have you forgotten your password? If you added a mail address to your login data, you might be able to <A HREF="/passwordreset">reset</A> it.)</P>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,9 +1,9 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Success</h2> <H2>Success</H2>
<p>Your account has been set up.</p> <P>Your account has been set up.</P>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,27 +1,16 @@
{{ template "header" }} {{ template "header" }}
<form method="post" action="feeds"> <FORM METHOD="post" ACTION="feeds">
<fieldset> <H1>Send twtxt</H1>
<legend>Send twtxt</legend> <LABEL FOR="twt">Message</LABEL>
<INPUT TYPE="text" ID="twt" NAME="twt" MAXLENGTH="140" PLACEHOLDER="Whats happening?" ARIA-DESCRIBEDBY="txt-desc" required />
<P ID="txt-desc">Max. 140 characters</P>
<div> <LABEL FOR="name">Name</LABEL>
<label for="twt">Message</label> <INPUT TYPE="text" ID="name" NAME="name" required />
<input type="text" id="twt" name="twt" maxlength="140" placeholder="Whats happening?" aria-describedby="txt-desc" required /> <LABEL FOR="password">Password</LABEL>
<p id="txt-desc"><abbr title="Maximum">Max.</abbr> 140 characters</p> <INPUT TYPE="password" NAME="password" required />
</div> <HR />
<div> <BUTTON TYPE="submit">Publish</BUTTON>
<label for="name">Name</label> </FORM>
<input type="text" id="name" name="name" required />
</div>
<div>
<label for="password">Password</label>
<input type="password" id="password" name="password" required />
</div>
<hr />
<button type="submit">Publish</button>
</fieldset>
</form>
{{ template "footer" }} {{ template "footer" }}

ファイルの表示

@ -1,11 +1,11 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>About this site</h2> <H2>About this site</H2>
<p>This site is a web server to host and grow <a href="https://github.com/buckket/twtxt">twtxt</a> feeds for users without trivial access to their own web space.</p> <P>This site is a web server to host and grow <a href="https://github.com/buckket/twtxt">twtxt</a> feeds for users without trivial access to their own web space.</P>
<p>Its operator gives no guarantees regarding long-term availability of feeds, stability of their paths, or quality and integrity of their contents. If that does not satisfy your needs, consider hosting your own instance: The underlying server software <a href="https://github.com/plomlompom/htwtxt">htwtxt</a> is freely available, and should not be too difficult to set up.</p> <P>Its operator gives no guarantees regarding long-term availability of feeds, stability of their paths, or quality and integrity of their contents. If that does not satisfy your needs, consider hosting your own instance: The underlying server software <A href="https://git.chaotic.ninja/yakumo.izuru/akyuu">akyuu</A> is freely available, and should not be too difficult to set up.</P>
<p>Site operator's contact info: {{ .Msg }}</p> <P>Site operator's contact info: {{ .Msg }}</P>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,13 +1,13 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Feeds</h2> <H2>Feeds</H2>
<ul> <UL>
{{ range .Dir }} {{ range .Dir }}
<li><a href="/feeds/{{ . }}">{{ . }}</a></li> <LI><A HREF="/feeds/{{ . }}">{{ . }}</A></LI>
{{ end }} {{ end }}
</ul> </UL>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,11 +1,11 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Password reset inactive</h2> <H2>Password reset inactive</H2>
<p>The site operator has currently not activated automatic password resetting.</p> <P>The site operator has currently not activated automatic password resetting.</P>
</TD> </TD>
</TR> </TR>
</table> </TABLE>
{{ template "footer" }} {{ template "footer" }}

ファイルの表示

@ -1,9 +1,9 @@
{{ template "header" }} {{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR> <TR>
<TD ALIGN="CENTER"> <TD ALIGN="CENTER">
<h2>Account creation closed</h2> <H2>Account creation closed</H2>
<p>The site operator has not decided to currently open up account creation on this site to the public.</p> <P>The site operator has not decided to currently open up account creation on this site to the public.</P>
</TD> </TD>
</TR> </TR>
</TABLE> </TABLE>

ファイルの表示

@ -1,30 +1,30 @@
{{ define "header" }} {{ define "header" }}
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> <HTML>
<head> <HEAD>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <META NAME="viewport" CONTENT="width=device-width, initial-scale=1.0" />
<title>akyuu</title> <TITLE>akyuu</title>
<link rel="stylesheet" type="text/css" href="/style.css" media="all" /> <LINK REL="stylesheet" TYPE="text/css" HREF="/style.css" MEDIA="all" />
</head> </HEAD>
<body> <BODY>
<center> <CENTER>
<h1><a href="/">akyuu</a></h1> <H1><A HREF="/">akyuu</A></H1>
</center> </CENTER>
<table border="2" cellpadding="12" cellspacing="0" align="center"> <TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" ALIGN="CENTER">
<tr> <TR>
<td align="center"> <TD ALIGN="CENTER">
<ul> <UL>
<li><a href="/feeds">Feeds</a></li> <LI><A HREF="/feeds">Feeds</A></LI>
<li><a href="/signup">Create account</a></li> <LI><A HREF="/signup">Create account</A></LI>
<li><a href="/account">Edit account</a></li> <LI><A HREF="/account">Edit account</A></LI>
</ul> </UL>
</td> </TD>
</table> </TABLE>
{{ end }} {{ end }}
{{ define "footer" }} {{ define "footer" }}
<center> <CENTER>
<p>Read more <a href="/info">about this site</a>.<br /> Licensed under <a href="http://www.gnu.org/licenses/agpl-3.0.html" rel="license">AGPLv3</a>. Source code <a href="https://git.chaotic.ninja/yakumo.izuru/akyuu"></a>.</p> <P>Read more <A HREF="/info">about this site</A>.<BR /> Licensed under <A HREF="http://www.gnu.org/licenses/agpl-3.0.html" REL="license">AGPLv3</A>. Source code <A HREF="https://git.chaotic.ninja/yakumo.izuru/akyuu"></A>.</P>
</center> </CENTER>
</body> </BODY>
</html> </HTML>
{{ end }} {{ end }}

ファイルの表示

@ -1,89 +1,60 @@
body { body {
background-color: white; background-color: white;
color: black; color: black;
font: 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif; font: 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', 'Helvetica Neue', sans-serif;
word-wrap: break-word; word-wrap: break-word;
max-width: 30rem; max-width: 30rem;
padding: 0 1rem; padding: 0 1rem;
margin: 0 auto; margin: 0 auto;
} }
a { a {
color: #00c; color: red;
} }
a:hover { a:hover {
background-color: #00c; color: gold;
color: white;
} }
a:focus { a:focus {
outline: thin solid; outline: thin solid;
} }
header, h2:first-child {
nav, margin-top: 0;
footer {
text-align: center;
} }
nav ul { form {
list-style: none; margin-bottom: 1rem;
padding-left: 0;
}
nav li {
display: inline-block;
margin: 0 .5rem;
}
section,
fieldset {
background-color: #eee;
padding: 1rem;
border: 1px solid black;
}
section.success {
background-color: #cfc;
}
section.error {
background-color: #fcc;
}
section h2:first-child {
margin-top: 0;
}
form div {
margin-bottom: 1rem;
} }
form p, form p,
label span { label span {
color: #444; color: #444;
font-size: .8rem; font-size: .8rem;
} }
form p { form p {
margin: 0; margin: 0;
}
legend,
label {
font-weight: bold;
} }
label { label {
display: block; font-weight: bold;
display: block;
} }
button, button,
input { input {
font-size: 1rem; font-size: 1rem;
} }
input#twt { input#twt {
width: 100%; width: 100%;
}
table {
border-color: purple;
}
tr {
border-color: lime;
}
td {
border-color: lightblue;
} }