87 lines
2.8 KiB
Twig
87 lines
2.8 KiB
Twig
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<title>{{ title | e }} | {% block page_title %}Welcome{% endblock %}</title>
|
||
|
|
<link rel="stylesheet" href="{{ files_url }}/css/{{ theme_id }}.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="#stuff" id="stuff-btn">My stuff</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#tweaks" id="tweaks-btn">Tweaks</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<article>
|
||
|
|
{% block body %}{% endblock %}
|
||
|
|
<section id="logo"></section>
|
||
|
|
<section id="prompt">
|
||
|
|
<form action="?" method="POST">
|
||
|
|
<input type="text" placeholder="Enter URL..." /><input type="submit" value="Shorten" />
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
</article>
|
||
|
|
<div id="tweaks">
|
||
|
|
<div class="cont"><a class="close-btn" href="#">X</a><h1>Customize this webpage</h1>
|
||
|
|
<form method="POST" action="?">
|
||
|
|
<fieldset>
|
||
|
|
<legend>Select a theme</legend>
|
||
|
|
<input type="radio" name="theme" value="1" id="check1" checked>
|
||
|
|
<label for="check1">Subway Punk</label><br />
|
||
|
|
<input type="radio" name="theme" value="2" id="check2">
|
||
|
|
<label for="check2">New Dawn</label><br />
|
||
|
|
<input type="radio" name="theme" value="3" id="check3">
|
||
|
|
<label for="check3">Corposoft</label><br />
|
||
|
|
<input type="radio" name="theme" value="4" id="check4">
|
||
|
|
<label for="check4">Cybeer</label><br />
|
||
|
|
<input type="radio" name="theme" value="5" id="check5">
|
||
|
|
<label for="check5">EDRFTGZ</label><br />
|
||
|
|
<input type="radio" name="theme" value="6" id="check6">
|
||
|
|
<label for="check6">Potato</label><br />
|
||
|
|
</fieldset><br />
|
||
|
|
<input type="submit" value="Save changes" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="report">
|
||
|
|
<div class="cont"><a class="close-btn" href="#">X</a><h1>Report a short link</h1>
|
||
|
|
<form method="POST" action="?">
|
||
|
|
<input type="text" name="ya-url" placeholder="Full, short or human URL..." />
|
||
|
|
<input type="text" name="ya-mail" placeholder="Mail I should answer to (Optional)" />
|
||
|
|
<textarea name="ya-msg" placeholder="Details of your report (Optional)"></textarea>
|
||
|
|
<input type="submit" value="Report" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="contact">
|
||
|
|
<div class="cont"><a class="close-btn" href="#">X</a><h1>Contact me</h1>
|
||
|
|
<form method="POST" action="?">
|
||
|
|
<input type="text" name="ya-name" placeholder="Enter ya name..." />
|
||
|
|
<input type="text" name="ya-mail" placeholder="Mail I should answer to..." />
|
||
|
|
<textarea name="ya-msg" placeholder="What do you want?!?"></textarea>
|
||
|
|
<input type="submit" value="Submit" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="stuff">
|
||
|
|
<div class="cont"><a class="close-btn" href="#">X</a><h1>Your shortlinks</h1></div>
|
||
|
|
</div>
|
||
|
|
<footer>
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li class="left">
|
||
|
|
<a href="#contact" id="contact-btn">Contact</a>
|
||
|
|
</li>
|
||
|
|
<li class="right">
|
||
|
|
<a href="#report" id="report-btn">Report</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</footer>
|
||
|
|
</body>
|