Added layout base and semantic css
This commit is contained in:
9
templates/index.html
Normal file
9
templates/index.html
Normal file
@@ -0,0 +1,9 @@
|
||||
{% extends "layout.html" %}
|
||||
{% block body %}
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
|
||||
{% endblock %}
|
||||
42
templates/layout.html
Normal file
42
templates/layout.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>osu!wayback</title>
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="semantic.min.css") }}">
|
||||
<script src="{{ url_for("static", filename="jquery-3.2.1.min.js") }}"></script>
|
||||
<script src="{{ url_for("static", filename="semantic.min.js") }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="pusher">
|
||||
<div class="ui inverted vertical masthead center aligned segment">
|
||||
<div class="ui container">
|
||||
<div class="ui large secondary inverted pointing menu">
|
||||
<a class="toc item">
|
||||
<i class="sidebar icon"></i>
|
||||
</a>
|
||||
<a class="active item">Home</a>
|
||||
<a class="item">Downloader</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% block body %}{% endblock %}
|
||||
<div class="ui inverted vertical footer segment">
|
||||
<div class="ui container">
|
||||
<div class="ui stackable inverted divided equal height stackable grid">
|
||||
<div class="three wide column">
|
||||
<h4 class="ui inverted header">About</h4>
|
||||
<div class="ui inverted link list">
|
||||
<a href="https://github.com/osufx/osu-wayback" class="item">Github</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="seven wide column">
|
||||
<h4 class="ui inverted header">Info</h4>
|
||||
<p>
|
||||
This app uses scraped data from osu.ppy.sh to generate this list. It is fully opensource and licensed under GPL-3.0
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user