Changes in formatting

This commit is contained in:
2018-03-05 16:57:23 +03:00
parent a8d512faae
commit 473e487e64
11 changed files with 172 additions and 172 deletions

BIN
web/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

47
web/fl.html Normal file
View file

@ -0,0 +1,47 @@
<!doctype html>
<html lang="en">
<head>
<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>
<link rel="stylesheet" href="/fleast/style.css">
<link rel="shortcut icon" href="/flaest/favicon.ico" type="image/png">
</head>
<body>
<section id="header">
<strong><h1>FLeast - your least favourite streamers here</h1></strong>
</section>
<section id="pageContent">
<article>
<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>
<form method="get" action="/fleast">
<table class="Input">
<tbody>
<tr>
<td><label>Game </label></td>
<td><label>Language </label></td>
</tr>
<tr>
<td><input name="game" type="text" maxlength="255" value=""/> </td>
<td><select class="element select medium" name="lang">
{_opt_langs_}
</select>
</td>
<td><input type="submit" value="Search" /></td>
</tr>
</tbody>
</table>
</form>
</article>
</section>
<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>
Version: {_version_} </p>
</footer>
</body>
</html>

13
web/fl_template_lang.html Normal file
View file

@ -0,0 +1,13 @@
<option value="ru" {}>russian</option>
<option value="en" {}>english</option>
<option value="de" {}>german</option>
<option value="zh-tw" {}>chinese (TW)</option>
<option value="fi" {}>finnish</option>
<option value="fr" {}>french</option>
<option value="it" {}>italian</option>
<option value="ja" {}>japanese</option>
<option value="ko" {}>korean</option>
<option value="no" {}>norwegian</option>
<option value="pl" {}>polish</option>
<option value="es" {}>spanish</option>
<option value="sv" {}>swedish</option>

54
web/fl_template_main.html Normal file
View file

@ -0,0 +1,54 @@
<!doctype html>
<html lang="en">
<head>
<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>
<link rel="stylesheet" href="/fleast/style.css">
<link rel="shortcut icon" href="/fleast/favicon.ico" type="image/png">
</head>
<body>
<section id="header">
<strong><h1>FLeast - your least favourite streamers here</h1></strong>
</section>
<section id="pageContent">
<article>
<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>
<form method="get" action="/fleast">
<table class="Input">
<tbody>
<tr>
<td><label>Game </label></td>
<td><label>Language </label></td>
</tr>
<tr>
<td><input name="game" type="text" maxlength="255" value="{_game_name_}"/> </td>
<td><select class="element select medium" name="lang">
{_opt_langs_}
</select>
</td>
<td><input type="submit" value="Search" /></td>
</tr>
</tbody>
</table>
</form>
</p>
</article>
<artivle>
<h2>Found {_stream_num_} streams: </h2><br>
<div class="container">
{_stream_list_}
</div>
</article>
</section>
<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>
Version: {_version_} </p>
</footer>
</body>
</html>

View file

@ -0,0 +1,6 @@
<div class="inner">
<a href="{0}" target="_blank"><img src={1}></a><br>
<div class="strname">{2}</div>
<span class="struser">{3}</span>
<span class="strviews"> :{4}</span>
</div>

99
web/style.css Normal file
View file

@ -0,0 +1,99 @@
body{background: #333333; line-height:1; font-family: arial;}
h1{font-size: 25px;}h2{font-size: 21px;}h3{font-size: 18px;}h4{font-size: 16px;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
#pageContent {
margin:0;padding:0;border:0;outline:0
max-width: 1000px;
margin: auto;
border: none;
}
#header {
padding:10px;
}
main {
float: left;
width: 60%;
}
aside {
float: right;
width: 30%;
}
article {
border-bottom: 2px dotted #999;
padding-bottom: 20px;
margin-bottom: 20px;
}
article h2 {
font-weight: normal;
margin-bottom: 12px;
}
article p {
}
main section {
}
footer {
background: #AEC6CF;
max-width: 1000px;
margin: auto;
clear: both;
text-align: right;
}
footer p {
padding: 20px;
}
aside > div {
margin: 10px auto;
background: #AEC6CF;
min-height: 100px;
}
body > section {
max-width: 1000px;
margin: auto;
padding: 30px 0px;
border-bottom: 1px solid #999;
color: #fff;
}
table.Input td, table.Input th {
border: 0px solid #AAAAAA;
padding: 2px 2px;
}
.container {
display: flex;
flex-wrap: wrap;
padding: 0px 0px 0px 10px
}
.inner {
overflow: auto;
word-wrap: break-word;
background-color: transparent;
width: 330px;
padding: 0px 0px 30px 0px
}
.strname {
font-weight: bold;
}
.struser {
font-size: 15px;
font-weight: bold;
color: #0f0
}
.strviews{
font-size: 15px;
font-weight: bold;
color: #f00
}