alexvanin/fleast
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Changes in formatting for html,css

Browse source
This commit is contained in:
2018-03-05 17:01:57 +03:00
parent 473e487e64
commit 946cb10b3f
5 changed files with 119 additions and 119 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
web/fl.html
View file

@ -1,47 +1,47 @@
<!doctype html> <!doctype html>
<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 http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="/fleast/style.css">
<link rel="shortcut icon" href="/flaest/favicon.ico" type="image/png"> <link rel="shortcut icon" href="/flaest/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>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"> <form method="get" action="/fleast">
<table class="Input"> <table class="Input">
<tbody> <tbody>
<tr> <tr>
<td><label>Game </label></td> <td><label>Game </label></td>
<td><label>Language </label></td> <td><label>Language </label></td>
</tr> </tr>
<tr> <tr>
<td><input name="game" type="text" maxlength="255" value=""/> </td> <td><input name="game" type="text" maxlength="255" value=""/> </td>
<td><select class="element select medium" name="lang"> <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>
</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>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> Version: {_version_} </p>
</footer> </footer>
</body> </body>
</html> </html>

26
web/fl_template_lang.html
View file

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

84
web/fl_template_main.html
View file

@ -1,54 +1,54 @@
<!doctype html> <!doctype html>
<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 http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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="/fleast/style.css">
<link rel="shortcut icon" href="/fleast/favicon.ico" type="image/png"> <link rel="shortcut icon" href="/fleast/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>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"> <form method="get" action="/fleast">
<table class="Input"> <table class="Input">
<tbody> <tbody>
<tr> <tr>
<td><label>Game </label></td> <td><label>Game </label></td>
<td><label>Language </label></td> <td><label>Language </label></td>
</tr> </tr>
<tr> <tr>
<td><input name="game" type="text" maxlength="255" value="{_game_name_}"/> </td> <td><input name="game" type="text" maxlength="255" value="{_game_name_}"/> </td>
<td><select class="element select medium" name="lang"> <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> </p>
</article> </article>
<artivle> <artivle>
<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>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> Version: {_version_} </p>
</footer> </footer>
</body> </body>
</html> </html>

12
web/fl_template_stream.html
View file

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

44
web/style.css
View file

@ -16,12 +16,12 @@ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padd
} }
main { main {
float: left; float: left;
width: 60%; width: 60%;
} }
aside { aside {
float: right; float: right;
width: 30%; width: 30%;
} }
article { article {
border-bottom: 2px dotted #999; border-bottom: 2px dotted #999;
@ -33,26 +33,26 @@ article h2 {
margin-bottom: 12px; margin-bottom: 12px;
} }
article p { article p {
} }
main section { main section {
} }
footer { footer {
background: #AEC6CF; background: #AEC6CF;
max-width: 1000px; max-width: 1000px;
margin: auto; margin: auto;
clear: both; clear: both;
text-align: right; text-align: right;
} }
footer p { footer p {
padding: 20px; padding: 20px;
} }
aside > div { aside > div {
margin: 10px auto; margin: 10px auto;
background: #AEC6CF; background: #AEC6CF;
min-height: 100px; min-height: 100px;
} }
body > section { body > section {
@ -83,17 +83,17 @@ table.Input td, table.Input th {
} }
.strname { .strname {
font-weight: bold; font-weight: bold;
} }
.struser { .struser {
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
color: #0f0 color: #0f0
} }
.strviews{ .strviews{
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
color: #f00 color: #f00
} }