index.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>a·muse</title>
  7. <link rel="stylesheet" href="/static/style/style.css" />
  8. <link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
  9. <link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
  10. </head>
  11. <body>
  12. <header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre">
  13. <a href="/" class="decoration-none">
  14. <h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
  15. </a>
  16. <div class="margin-lr-1 text">
  17. {{ if .State.User.IsEmpty }}
  18. <a href="/login" class="decoration-none sans">{{.Strings.Global.log_in}}</a>
  19. <a href="/signup" class="decoration-none sans">{{.Strings.Global.sign_up}}</a>
  20. {{ else }}
  21. <nav>
  22. <label for="hamburger" class="cursor-hand">
  23. <img src="/users/{{.State.User.Username}}/avatar?size=small" class="border-radius-25 width-1_5"/>
  24. </label>
  25. <input type="checkbox" id="hamburger" class="display-none" />
  26. <ul class="absolute right top-1 padding-lr-1 padding-tb-_5 bg align-right list-style-none sans">
  27. <!--<li><a href="/users/{{.State.User.Username}}" class="decoration-none text-accent">{{.Strings.Global.account}}</a><span class="material-icon padding-lr-_5">&#xe851;</span></li>-->
  28. <li><a href="/users/{{.State.User.Username}}/watchlist" class="decoration-none text-accent">{{.Strings.Global.watchlist}}</a><span class="material-icon padding-lr-_5">&#xe04a;</span></li>
  29. <li><a href="/users/{{.State.User.Username}}/tvqueue" class="decoration-none text-accent">{{.Strings.Global.tv_queue}}</a><span class="material-icon padding-lr-_5">&#xe1b2;</span></li>
  30. <li><a href="/users/{{.State.User.Username}}/readlist" class="decoration-none text-accent">{{.Strings.Global.readlist}}</a><span class="material-icon padding-lr-_5">&#xe431;</span></li>
  31. <li><a href="/users/{{.State.User.Username}}/experiences" class="decoration-none text-accent">{{.Strings.Global.experiences}}</a><span class="material-icon padding-lr-_5">&#xe042;</span></li>
  32. <li class="bg-error">
  33. <form action="/users/{{.State.User.Username}}/sessions/{{.State.User.Session}}" method="POST" class="inline">
  34. <input type="hidden" value="DELETE" name="method" />
  35. <input type="submit" value="{{.Strings.Global.log_out}}" class="border-none bg-none font-normal text-accent padding-lr-0 cursor-hand font-1" />
  36. </form><span class="material-icon padding-lr-_5">&#xe7ff;</span>
  37. </li>
  38. </ul>
  39. </nav>
  40. {{ end }}
  41. </div>
  42. </header>
  43. <main class="margin-lr-1">
  44. <div class="absolute move-centre sans font-3 w12 left border-box flex flex-row flex-wrap">
  45. {{.LetAmuse0}}
  46. <form action="/items/" method="get" class="phome-max-width-8 border-bottom inline margin-lr-1">
  47. <input autofocus type="search" name="q" placeholder="{{.Data}}" class="border-none text bg-none sans font-3 phone-max-width-20"/>
  48. </form>
  49. {{.LetAmuse1}}
  50. </div>
  51. </main>
  52. <footer class="absolute flex flex-centre bottom font-1_5 w12 margin-tb-1 flex-align-bottom">
  53. <a href="https://notabug.org/apiote/amuse" class="margin-lr-1 decoration-none" title="{{.Strings.Index.source_link_title}}">
  54. <span class="text-grey material-icon">&#xe86f</span>
  55. </a>
  56. <a href="/about" class="margin-lr-1 decoration-none" title="{{.Strings.Index.about_link_title}}">
  57. <span class="text-grey material-icon">&#xe88e</span>
  58. </a>
  59. <!-- here goes translation link -->
  60. <code class="margin-lr-1 font-_875 text-grey">v0.4.0</code>
  61. </footer>
  62. </body>
  63. </html>