yakumo.izuru
/
akyuu
1
0
フォーク 0
コード イシュー プルリクエスト パッケージ プロジェクト リリース Wiki アクティビティ

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
親 86816b9705
コミット ff5d14874f
11個のファイルの変更、108行の追加、148行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

28
templates/account.html
ファイルの表示

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

6
templates/error.html
ファイルの表示

@ -1,9 +1,9 @@
{{ 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>
<TD ALIGN="CENTER">
<h2>Error</h2>
<p>Something went wrong: {{ .Msg }}</p>
<H2>Error</H2>
<P>Something went wrong: {{ .Msg }}</P>
</TD>
</TR>
</TABLE>

6
templates/error_login.html
ファイルの表示

@ -1,9 +1,9 @@
{{ 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>
<TD ALIGN="CENTER">
<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>
<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>
</TD>
</TR>
</TABLE>

6
templates/feedset.html
ファイルの表示

@ -1,9 +1,9 @@
{{ 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>
<TD ALIGN="CENTER">
<h2>Success</h2>
<p>Your account has been set up.</p>
<H2>Success</H2>
<P>Your account has been set up.</P>
</TD>
</TR>
</TABLE>

35
templates/index.html
ファイルの表示

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

10
templates/info.html
ファイルの表示

@ -1,11 +1,11 @@
{{ 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>
<TD ALIGN="CENTER">
<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>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>Site operator's contact info: {{ .Msg }}</p>
<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>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>
</TD>
</TR>
</TABLE>

10
templates/list.html
ファイルの表示

@ -1,13 +1,13 @@
{{ 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>
<TD ALIGN="CENTER">
<h2>Feeds</h2>
<ul>
<H2>Feeds</H2>
<UL>
{{ range .Dir }}
<li><a href="/feeds/{{ . }}">{{ . }}</a></li>
<LI><A HREF="/feeds/{{ . }}">{{ . }}</A></LI>
{{ end }}
</ul>
</UL>
</TD>
</TR>
</TABLE>

8
templates/nopwresetrequest.html
ファイルの表示

@ -1,11 +1,11 @@
{{ 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>
<TD ALIGN="CENTER">
<h2>Password reset inactive</h2>
<p>The site operator has currently not activated automatic password resetting.</p>
<H2>Password reset inactive</H2>
<P>The site operator has currently not activated automatic password resetting.</P>
</TD>
</TR>
</table>
</TABLE>
{{ template "footer" }}

8
templates/nosignup.html
ファイルの表示

@ -1,9 +1,9 @@
{{ template "header" }}
<TABLE BORDER="2" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR>
<TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" WIDTH="90%" BGCOLOR="#CCCCCC" ALIGN="CENTER">
<TR>
<TD ALIGN="CENTER">
<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>
<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>
</TD>
</TR>
</TABLE>

50
templates/partials.html
ファイルの表示

@ -1,30 +1,30 @@
{{ define "header" }}
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>akyuu</title>
<link rel="stylesheet" type="text/css" href="/style.css" media="all" />
</head>
<body>
<center>
<h1><a href="/">akyuu</a></h1>
</center>
<table border="2" cellpadding="12" cellspacing="0" align="center">
<tr>
<td align="center">
<ul>
<li><a href="/feeds">Feeds</a></li>
<li><a href="/signup">Create account</a></li>
<li><a href="/account">Edit account</a></li>
</ul>
</td>
</table>
<HTML>
<HEAD>
<META NAME="viewport" CONTENT="width=device-width, initial-scale=1.0" />
<TITLE>akyuu</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="/style.css" MEDIA="all" />
</HEAD>
<BODY>
<CENTER>
<H1><A HREF="/">akyuu</A></H1>
</CENTER>
<TABLE BORDER="2" CELLPADDING="12" CELLSPACING="0" ALIGN="CENTER">
<TR>
<TD ALIGN="CENTER">
<UL>
<LI><A HREF="/feeds">Feeds</A></LI>
<LI><A HREF="/signup">Create account</A></LI>
<LI><A HREF="/account">Edit account</A></LI>
</UL>
</TD>
</TABLE>
{{ end }}
{{ define "footer" }}
<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>
</center>
</body>
</html>
<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>
</CENTER>
</BODY>
</HTML>
{{ end }}

89
templates/style.css
ファイルの表示

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