| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>{{.Strings.About.title}}</title>
- <link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
- <link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
- <link rel="stylesheet" href="/static/style/style.css" />
- </head>
- <body>
- <header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre">
- <a href="/" class="decoration-none">
- <h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
- </a>
- <div class="margin-lr-1">
- {{ if .State.User.IsEmpty }}
- <a href="/login" class="decoration-none sans">{{.Strings.Global.log_in}}</a>
- —
- <a href="/signup" class="decoration-none sans">{{.Strings.Global.sign_up}}</a>
- {{ else }}
- <nav>
- <label for="hamburger" class="cursor-hand">
- <img src="/users/{{.State.User.Username}}/avatar?size=small" class="border-radius-25 width-1_5"/>
- </label>
- <input type="checkbox" id="hamburger" class="display-none" />
- <ul class="absolute right top-1 padding-lr-1 padding-tb-_5 bg align-right list-style-none sans">
- <!--<li><a href="/users/{{.State.User.Username}}" class="decoration-none text-accent">{{.Strings.Global.account}}</a><span class="material-icon padding-lr-_5"></span></li>-->
- <li><a href="/users/{{.State.User.Username}}/watchlist" class="decoration-none text-accent">{{.Strings.Global.watchlist}}</a><span class="material-icon padding-lr-_5"></span></li>
- <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"></span></li>
- <li><a href="/users/{{.State.User.Username}}/readlist" class="decoration-none text-accent">{{.Strings.Global.readlist}}</a><span class="material-icon padding-lr-_5"></span></li>
- <li><a href="/users/{{.State.User.Username}}/experiences" class="decoration-none text-accent">{{.Strings.Global.experiences}}</a><span class="material-icon padding-lr-_5"></span></li>
- <li class="bg-error">
- <form action="/users/{{.State.User.Username}}/sessions/{{.State.User.Session}}" method="POST" class="inline">
- <input type="hidden" value="DELETE" name="method" />
- <input type="submit" value="{{.Strings.Global.log_out}}" class="border-none bg-none font-normal text-accent padding-lr-0 cursor-hand font-1" />
- </form><span class="material-icon padding-lr-_5"></span>
- </li>
- </ul>
- </nav>
- {{ end }}
- </div>
- </header>
- <main class="margin-lr-5 flex">
- <article class="desktop-w6 phone-w12">
- <h1>{{.Strings.About.title}}</h1>
- <h2><a name="description"></a>{{.Strings.About.explain_header}} <a href="#ref-1" class="decoration-none"><sup>1</sup></a></h2>
- <p class="justify hyphenate">{{.Strings.About.explain_paragraph}}</p>
- <h2><a name="name"></a>{{.Strings.About.name_header}} <a href="#ref-2" class="decoration-none"><sup>2</sup></a></h2>
- <p class="justify hyphenate">{{.Strings.About.name_paragraph1}}</p>
- <p class="justify hyphenate">{{.Strings.About.name_paragraph2}}</p>
- <p class="justify hyphenate">{{.Strings.About.name_paragraph3}}</p>
- <h2><a name="sources"></a>{{.Strings.About.sources_header}} <a href="#ref-3" class="decoration-none"><sup>3</sup></a></h2>
- <p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph1}}</p>
- <p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph2}}</p>
- <p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph3}}</p>
- <h2><a name="credits"></a>{{.Strings.About.credits_header}} <a href="#ref-4" class="decoration-none"><sup>4</sup></a></h2>
- <p class="justify hyphenate">{{.Strings.About.credits_paragraph}}:
- <ul>
- <li><a href="https://github.com/google/material-design-icons">Material Design Icons</a> © Google, Apache 2.0</li>
- <li><a href="https://github.com/bBoxType/FiraSans/">Fira Sans</a> © 2012–2018 The Mozilla Foundation, Telefonica S.A., Carrois Corporate GbR and bBox Type GmbH., SIL OFL 1.1</li>
- <li><a href="https://github.com/IBM/plex/">IBM Plex Serif</a> © 2017 IBM Corp., SIL OFL 1.1</li>
- <li><a href="https://github.com/bytesparadise/libasciidoc">libasciidoc</a> © Apache 2.0</li>
- <li><a href="https://github.com/BurntSushi/toml">toml for go</a> © 2013 MIT</li>
- <li><a href="https://github.com/capnproto/go-capnproto2">go-capnproto</a> © 2014 MIT</li>
- <li><a href="https://notabug.org/apiote/gott">gott</a> © 2019 MPL 2.0</li>
- </ul>
- </p>
- <h2><a name="license"></a>{{.Strings.About.license_header}} <a href="#ref-5" class="decoration-none"><sup>5</sup></a></h2>
- <p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.license_paragraph1}}
- <p class="justify hyphenate">{{.Strings.About.license_paragraph2}}</p>
- <hr class="material-icon hr-film" />
- </article>
- </main>
- <footer class="margin-lr-1 margin-tb-1">
- <div><a name="ref-1"></a>1. {{.Strings.About.explain_character}} (<span class="italic">{{.Strings.About.explain_title}}</span>, {{.Strings.About.explain_code}} {{.Strings.About.explain_episode_title}}) <a href="#description">↩</a></div>
- <div><a name="ref-2"></a>2. {{.Strings.About.name_character}} (<span class="italic">{{.Strings.About.name_title}}</span>) <a href="#name">↩</a></div>
- <div><a name="ref-3"></a>3. {{.Strings.About.sources_character}} (<span class="italic">{{.Strings.About.sources_title}}</span>) <a href="#sources">↩</a></div>
- <div><a name="ref-4"></a>4. {{.Strings.About.credits_character}} (<span class="italic">{{.Strings.About.credits_title}}</span>) <a href="#credits">↩</a></div>
- <div><a name="ref-5"></a>5. {{.Strings.About.license_character}} (<span class="italic">{{.Strings.About.license_title}}</span>) <a href="#license">↩</a></div>
- </footer>
- </body>
- </html>
|
