Update page title and add navigation links

This commit is contained in:
r 2019-12-13 20:04:28 +00:00
parent 55d559552c
commit 28226401d7
6 changed files with 45 additions and 6 deletions

View File

@ -36,6 +36,7 @@
.status-emoji { .status-emoji {
height: 20px; height: 20px;
margin-bottom: -4px;
witdth: auto; witdth: auto;
} }
@ -46,6 +47,7 @@
.status-action { .status-action {
display: flex; display: flex;
margin-top: 4px;
} }
.status-action a { .status-action a {
@ -75,3 +77,33 @@
.icon.dripicons-retweet.retweeted { .icon.dripicons-retweet.retweeted {
color: green; color: green;
} }
.status-image,
.status-video {
max-height: 180px;
width: auto;
}
.page-title {
font-size: 23pt;
}
.navigation {
margin: 4px 0;
}
.navigation a {
margin-right: 8px;
}
.timeline-post-form {
margin: 8px 0;
}
.signin-form {
margin: 8px 0;
}
.signin-form input {
margin: 4px 0;
}

View File

@ -1,4 +1,4 @@
{{template "header.tmpl"}} {{template "header.tmpl"}}
<h1> HOME </h1> <div class="page-title"> Home </div>
<a href="/signin"> Signin </a> <a href="/signin"> Signin </a>
{{template "footer.tmpl"}} {{template "footer.tmpl"}}

View File

@ -0,0 +1,4 @@
<div class="navigation">
<a href="/timeline">home</a>
<a href="/signout">sign out</a>
</div>

View File

@ -1,9 +1,10 @@
{{template "header.tmpl"}} {{template "header.tmpl"}}
<h3> Signin </h3> <div class="page-title"> Signin </div>
<a href="/"> Home </a>
<form action="/signin" method="post"> <form class="signin-form" action="/signin" method="post">
<input type="text" name="instance" placeholder="instance"> <input type="text" name="instance" placeholder="instance">
<br> <br>
<button type="submit"> Submit </button> <button type="submit"> Submit </button>
</form> </form>
{{template "footer.tmpl"}} {{template "footer.tmpl"}}

View File

@ -1,5 +1,6 @@
{{template "header.tmpl"}} {{template "header.tmpl"}}
<h1> THREAD </h1> <div class="page-title"> Thread </div>
{{template "navigation.tmpl"}}
{{range .Context.Ancestors}} {{range .Context.Ancestors}}
{{template "status.tmpl" .}} {{template "status.tmpl" .}}

View File

@ -1,5 +1,6 @@
{{template "header.tmpl"}} {{template "header.tmpl"}}
<h1> TIMELINE </h1> <div class="page-title"> Timeline </div>
{{template "navigation.tmpl"}}
<form class="timeline-post-form" action="/post" method="POST"> <form class="timeline-post-form" action="/post" method="POST">
<label for="post-content"> New Post </label> <label for="post-content"> New Post </label>