| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>TNG Search</title> | |
| <link rel="stylesheet" href="/assets/style.css"> | |
| </head> | |
| <body> | |
| <main> | |
| <header> | |
| <a class="logo" href="/">TNG Search</a> | |
| <form action="/search" method="GET"> | |
| <input autofocus class="search-input" value="" placeholder="Enter a word" type="search" name="q"> | |
| </form> | |
| </header> | |
| <section class="container"> | |
| <ul class="search-results"> | |
| {{ range .Lines }} | |
| <li class="dialog"> | |
| <div> | |
| <h3 class="title"><a href="https://www.imdb.com/title/{{ .Imdbid }}/">{{ .Episodename }}</a></h3> | |
| {{ if eq .Texttype "speech" }} | |
| <p class="description">{{ .Who }}: <i>"{{ .Text }}"</i></p> | |
| {{ else }} | |
| <p class="description">{{ .Text }}</p> | |
| {{ end }} | |
| <p>Act {{ .Act }} Scene {{ .Scenenumber }}</p> | |
| <p>Season {{ .Season }} Episode {{ .Episode }}</p> | |
| </div> | |
| <img class="episode-image" src="https://image.tmdb.org/t/p/w454_and_h254_bestv2/{{ index $.Images .Imdbid }}"> | |
| </li> | |
| {{ end }} | |
| </ul> | |
| </section> | |
| </main> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment