Home Explore Help
Sign In
apiote
/
amuse
Watch 1
Star 0
Fork 0
Files
Tree: 9fddaa8fbf
Branches Tags
amuse
/
templates
/
about.html

about.html 5.9 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="UTF-8">
    5. 

  5. 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. 		<title>{{.Strings.About.title}}</title>
    7. 

  7. 		<link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
    8. 

  8. 		<link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
    9. 

  9. 		<link rel="stylesheet" href="/static/style/style.css" />
    10. 

  10. 	</head>
    11. 

  11. 	<body>
    12. 

  12. 		<header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre">
    13. 

  13. 			<a href="/" class="decoration-none">
    14. 

  14. 				<h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
    15. 

  15. 			</a>
    16. 

  16. 			<div class="margin-lr-1">
    17. 

  17. 				{{ if .State.User.IsEmpty }}
    18. 

  18. 				<a href="/login" class="decoration-none sans">{{.Strings.Global.log_in}}</a>
    19. 

  19. 				—
    20. 

  20. 				<a href="/signup" class="decoration-none sans">{{.Strings.Global.sign_up}}</a>
    21. 

  21. 				{{ else }}
    22. 

  22. 				<nav>
    23. 

  23. 					<label for="hamburger" class="cursor-hand">
    24. 

  24. 						<img src="/users/{{.State.User.Username}}/avatar?size=small" class="border-radius-25 width-1_5"/>
    25. 

  25. 					</label>
    26. 

  26. 					<input type="checkbox" id="hamburger" class="display-none" />
    27. 

  27. 					<ul class="absolute right top-1 padding-lr-1 padding-tb-_5 bg align-right list-style-none sans">
    28. 

  28. 						<!--<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>-->
    29. 

  29. 						<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>
    30. 

  30. 						<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>
    31. 

  31. 						<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>
    32. 

  32. 						<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>
    33. 

  33. 						<li class="bg-error">
    34. 

  34. 							<form action="/users/{{.State.User.Username}}/sessions/{{.State.User.Session}}" method="POST" class="inline">
    35. 

  35. 								<input type="hidden" value="DELETE" name="method" />
    36. 

  36. 								<input type="submit" value="{{.Strings.Global.log_out}}" class="border-none bg-none font-normal text-accent padding-lr-0 cursor-hand font-1" />
    37. 

  37. 							</form><span class="material-icon padding-lr-_5">&#xe7ff;</span>
    38. 

  38. 						</li>
    39. 

  39. 					</ul>
    40. 

  40. 				</nav>
    41. 

  41. 				{{ end }}
    42. 

  42. 			</div>
    43. 

  43. 		</header>
    44. 

  44. 		<main class="margin-lr-5 flex">
    45. 

  45. 			<article class="desktop-w6 phone-w12">
    46. 

  46. 				<h1>{{.Strings.About.title}}</h1>
    47. 

  47. 				<h2><a name="description"></a>{{.Strings.About.explain_header}} <a href="#ref-1" class="decoration-none"><sup>1</sup></a></h2>
    48. 

  48. 				<p class="justify hyphenate">{{.Strings.About.explain_paragraph}}</p>
    49. 

  49. 				<h2><a name="name"></a>{{.Strings.About.name_header}} <a href="#ref-2" class="decoration-none"><sup>2</sup></a></h2>
    50. 

  50. 				<p class="justify hyphenate">{{.Strings.About.name_paragraph1}}</p>
    51. 

  51. 				<p class="justify hyphenate">{{.Strings.About.name_paragraph2}}</p>
    52. 

  52. 				<p class="justify hyphenate">{{.Strings.About.name_paragraph3}}</p>
    53. 

  53. 				<h2><a name="sources"></a>{{.Strings.About.sources_header}} <a href="#ref-3" class="decoration-none"><sup>3</sup></a></h2>
    54. 

  54. 				<p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph1}}</p>
    55. 

  55. 				<p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph2}}</p>
    56. 

  56. 				<p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.sources_paragraph3}}</p>
    57. 

  57. 				<h2><a name="credits"></a>{{.Strings.About.credits_header}} <a href="#ref-4" class="decoration-none"><sup>4</sup></a></h2>
    58. 

  58. 				<p class="justify hyphenate">{{.Strings.About.credits_paragraph}}:
    59. 

  59. 					<ul>
    60. 

  60. 						<li><a href="https://github.com/google/material-design-icons">Material Design Icons</a> © Google, Apache 2.0</li>
    61. 

  61. 						<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>
    62. 

  62. 						<li><a href="https://github.com/IBM/plex/">IBM Plex Serif</a> © 2017 IBM Corp., SIL OFL 1.1</li>
    63. 

  63. 						<li><a href="https://github.com/bytesparadise/libasciidoc">libasciidoc</a> © Apache 2.0</li>
    64. 

  64. 						<li><a href="https://github.com/BurntSushi/toml">toml for go</a> © 2013 MIT</li>
    65. 

  65. 						<li><a href="https://github.com/capnproto/go-capnproto2">go-capnproto</a> © 2014 MIT</li>
    66. 

  66. 						<li><a href="https://notabug.org/apiote/gott">gott</a> © 2019 MPL 2.0</li>
    67. 

  67. 					</ul>
    68. 

  68. 				</p>
    69. 

  69. 				<h2><a name="license"></a>{{.Strings.About.license_header}} <a href="#ref-5" class="decoration-none"><sup>5</sup></a></h2>
    70. 

  70. 				<p class="justify hyphenate">{{.RenderAsciiDoc .Strings.About.license_paragraph1}}
    71. 

  71. 				<p class="justify hyphenate">{{.Strings.About.license_paragraph2}}</p>
    72. 

  72. 				<hr class="material-icon hr-film" />
    73. 

  73. 			</article>
    74. 

  74. 		</main>
    75. 

  75. 		<footer class="margin-lr-1 margin-tb-1">
    76. 

  76. 			<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>
    77. 

  77. 			<div><a name="ref-2"></a>2. {{.Strings.About.name_character}} (<span class="italic">{{.Strings.About.name_title}}</span>) <a href="#name">↩</a></div>
    78. 

  78. 			<div><a name="ref-3"></a>3. {{.Strings.About.sources_character}} (<span class="italic">{{.Strings.About.sources_title}}</span>) <a href="#sources">↩</a></div>
    79. 

  79. 			<div><a name="ref-4"></a>4. {{.Strings.About.credits_character}} (<span class="italic">{{.Strings.About.credits_title}}</span>) <a href="#credits">↩</a></div>
    80. 

  80. 			<div><a name="ref-5"></a>5. {{.Strings.About.license_character}} (<span class="italic">{{.Strings.About.license_title}}</span>) <a href="#license">↩</a></div>
    81. 

  81. 		</footer>
    82. 

  82. 	</body>
    83. 

  83. </html>
    84. 

  84.