statianzo
/
honk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

start reworking the menu style a little

Browse Source
master
Ted Unangst 5 years ago
parent da7cca5351
commit 33b2080d38
2 changed files with 30 additions and 17 deletions
Show Stats Download Patch File Download Diff File

28
views/header.html
Unescape View File

@ -15,22 +15,26 @@
</head> </head>
<body> <body>
<header> <header>
<span><a id="homelink" href="/">home</a></span>
{{ if .UserInfo }} {{ if .UserInfo }}
<span><a id="atmelink" href="/atme">@me</a></span>
<span><a href="/{{ .UserSep }}/{{ .UserInfo.Username }}">{{ .UserInfo.Username }}</a></span>
<span><a href="/honkers">honkers</a></span>
<span><a href="/c">combos</a></span>
<details> <details>
<summary>more</summary> <summary>menu</summary>
<span><a href="/about">about</a></span> <p>
<span><a href="/front">front</a></span> <ul>
<span><a href="/xzone">xzone</a></span> <li><a href="/{{ .UserSep }}/{{ .UserInfo.Username }}">{{ .UserInfo.Username }}</a></span>
<span><a href="/zonkzone">zonkzone</a></span> <li><a href="/honkers">honkers</a></span>
<span><a href="/funzone">funzone</a></span> <li><a href="/c">combos</a></span>
<span><a href="/account">account</a></span> <li><a href="/about">about</a></span>
<li><a href="/front">front</a></span>
<li><a href="/xzone">xzone</a></span>
<li><a href="/zonkzone">zonkzone</a></span>
<li><a href="/funzone">funzone</a></span>
<li><a href="/account">account</a></span>
</details> </details>
<p>
<span><a id="homelink" href="/">home</a></span>
<span><a id="atmelink" href="/atme">@me</a></span>
{{ else }} {{ else }}
<span><a id="homelink" href="/">home</a></span>
<span><a href="/about">about</a></span> <span><a href="/about">about</a></span>
{{ if .ShowRSS }} {{ if .ShowRSS }}
<span><a href="/rss">rss</a></span> <span><a href="/rss">rss</a></span>

19
views/style.css
Unescape View File

@ -45,16 +45,26 @@ body > header {
max-width: 1200px; max-width: 1200px;
margin: 1em auto; margin: 1em auto;
font-size: 1.5em; font-size: 1.5em;
text-align: right; }
body > header p {
margin-left: 4em;
} }
body > header span { body > header span {
margin-right: 2em; margin-left: 2em;
} }
header details { header details {
background: $bg-page;
padding: 1em;
position: fixed;
top: 0;
display: inline; display: inline;
} }
header details[open] summary { header details[open] {
display: none; background: $bg-dark;
border: 1px solid $fg;
}
header details li {
margin: 1em;
} }
main { main {
max-width: 1200px; max-width: 1200px;
@ -114,7 +124,6 @@ input[type=file] {
} }
.honk { .honk {
width: 90%;
margin: auto; margin: auto;
background: $bg-dark; background: $bg-dark;
border: 1px solid $fg; border: 1px solid $fg;

Write Preview
Loading…
Cancel
Save