Reformatted web pages

This commit is contained in:
Alex Vanin 2018-08-13 22:11:12 +03:00
parent 4947d12281
commit 8e97312b11
2 changed files with 59 additions and 31 deletions

View file

@ -2,35 +2,48 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FLeast</title> <title>FLeast</title>
<link rel="stylesheet" href="/fleast/style.css"> <link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" href="/flaest/favicon.ico" type="image/png"> <link rel="shortcut icon" href="./favicon.ico" type="image/png">
</head> </head>
<body> <body>
<section id="header"> <section id="header">
<strong><h1>FLeast - your least favourite streamers here</h1></strong> <strong>
<h1>FLeast - your least favourite streamers here</h1>
</strong>
</section> </section>
<section id="pageContent"> <section id="pageContent">
<article> <article>
<h2>Usage:</h2> <h2>Usage:</h2>
<p>Write the name of the game and select the language.<br>The name must _exactly_ match the name of the game on twitch.tv i.e. csgo must be "Counter-Strike: Global Offensive".</p> <p>
<form method="get" action="/fleast"> Write the name of the game and select the language.<br>
The name must _exactly_ match the name of the game on twitch.tv
i.e. csgo must be "Counter-Strike: Global Offensive".
</p>
<form method="get" action="/">
<table class="Input"> <table class="Input">
<tbody> <tbody>
<tr> <tr>
<td><label>Game </label></td> <td>
<td><label>Language </label></td> <label>Game </label>
</td>
<td>
<label>Language </label>
</td>
</tr> </tr>
<tr> <tr>
<td><input name="game" type="text" maxlength="255" value=""/> </td> <td>
<td><select class="element select medium" name="lang"> <input name="game" type="text" maxlength="255" value=""/>
</td>
<td>
<select class="element select medium" name="lang">
{_opt_langs_} {_opt_langs_}
</select> </select>
</td> </td>
<td><input type="submit" value="Search" /></td> <td>
<input type="submit" value="Search" />
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -39,8 +52,11 @@
</section> </section>
<footer> <footer>
<p>Developed by Alex Vanin | <a href="https://twitter.com/AlexVanin" target="_blank">twitter</a> | <a href="https://github.com/AlexVanin/fleast" target="_blank">github</a><br> <p>
Version: {_version_} </p> Developed by Alex Vanin | <a href="https://twitter.com/AlexVanin" target="_blank">twitter</a> |
<a href="https://github.com/AlexVanin/fleast" target="_blank">github</a><br>
Version: {_version_}
</p>
</footer> </footer>
</body> </body>

View file

@ -2,11 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FLeast</title> <title>FLeast</title>
<link rel="stylesheet" href="/fleast/style.css"> <link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" href="/fleast/favicon.ico" type="image/png"> <link rel="shortcut icon" href="./favicon.ico" type="image/png">
</head> </head>
<body> <body>
@ -16,38 +14,52 @@
<section id="pageContent"> <section id="pageContent">
<article> <article>
<h2>Usage:</h2> <h2>Usage:</h2>
<p>Write the name of the game and select the language.<br>The name must _exactly_ match the name of the game on twitch.tv i.e. csgo must be "Counter-Strike: Global Offensive".</p> <p>
<form method="get" action="/fleast"> Write the name of the game and select the language.<br>
The name must _exactly_ match the name of the game on twitch.tv
i.e. csgo must be "Counter-Strike: Global Offensive".
</p>
<form method="get" action="/">
<table class="Input"> <table class="Input">
<tbody> <tbody>
<tr> <tr>
<td><label>Game </label></td> <td>
<td><label>Language </label></td> <label>Game </label>
</td>
<td>
<label>Language </label>
</td>
</tr> </tr>
<tr> <tr>
<td><input name="game" type="text" maxlength="255" value="{_game_name_}"/> </td> <td>
<td><select class="element select medium" name="lang"> <input name="game" type="text" maxlength="255" value=""/>
</td>
<td>
<select class="element select medium" name="lang">
{_opt_langs_} {_opt_langs_}
</select> </select>
</td> </td>
<td><input type="submit" value="Search" /></td> <td>
<input type="submit" value="Search" />
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</form> </form>
</p>
</article> </article>
<artivle> <article>
<h2>Found {_stream_num_} streams: </h2><br> <h2>Found {_stream_num_} streams: </h2><br>
<div class="container"> <div class="container">
{_stream_list_} {_stream_list_}
</div> </div>
</article> </article>
</section> </section>
<footer> <footer>
<p>Developed by Alex Vanin | <a href="https://twitter.com/AlexVanin" target="_blank">twitter</a> | <a href="https://github.com/AlexVanin/fleast" target="_blank">github</a><br> <p>
Version: {_version_} </p> Developed by Alex Vanin | <a href="https://twitter.com/AlexVanin" target="_blank">twitter</a> |
<a href="https://github.com/AlexVanin/fleast" target="_blank">github</a><br>
Version: {_version_}
</p>
</footer> </footer>
</body> </body>