Center everything
This commit is contained in:
parent
f528cdb46c
commit
4c1572f5fa
11 changed files with 27 additions and 3 deletions
|
@ -10,6 +10,7 @@ body {
|
||||||
#wrap {
|
#wrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-evenly;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-wrapper {
|
.result-wrapper {
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for channel in video_channels.data %}
|
{% for channel in video_channels.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -24,5 +24,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -9,8 +9,8 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<!-- I know that inline CSS is not .. the best, but I'll move it to an external file for sure! definitely! -->
|
|
||||||
<body>
|
<body>
|
||||||
|
<center>
|
||||||
<h2>{{ instance_name }}</h2>
|
<h2>{{ instance_name }}</h2>
|
||||||
<form action="/{{ domain }}/search" method="POST">
|
<form action="/{{ domain }}/search" method="POST">
|
||||||
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ search_term }}"/>
|
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ search_term }}"/>
|
||||||
|
@ -61,5 +61,6 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</center>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for video in videos.data %}
|
{% for video in videos.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -25,5 +26,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for video in videos.data %}
|
{% for video in videos.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -25,5 +26,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for video in videos.data %}
|
{% for video in videos.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -26,5 +27,6 @@
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for video in videos.data %}
|
{% for video in videos.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -25,5 +26,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<p>{{ results.total }} results</p>
|
<p>{{ results.total }} results</p>
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for result in results.data %}
|
{% for result in results.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -28,5 +29,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -6,6 +6,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<center>
|
||||||
<h2>SimpleerTube</h2>
|
<h2>SimpleerTube</h2>
|
||||||
<form action="/search" method="POST">
|
<form action="/search" method="POST">
|
||||||
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ query }}"/>
|
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ query }}"/>
|
||||||
|
@ -31,10 +32,14 @@
|
||||||
|
|
||||||
{{ results.total }} Results
|
{{ results.total }} Results
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for result in results.data %}
|
{% for result in results.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
<a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">
|
||||||
<img src="{{ result.thumbnailUrl }}" height="150">
|
<img src="{{ result.thumbnailUrl }}" height="150">
|
||||||
|
</a>
|
||||||
|
|
||||||
<div class="result-info">
|
<div class="result-info">
|
||||||
<a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">{{ result.name }}</a>
|
<a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">{{ result.name }}</a>
|
||||||
<br>
|
<br>
|
||||||
|
@ -47,6 +52,7 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% if pages_total > 1 %}
|
{% if pages_total > 1 %}
|
||||||
{% if page > 1 %}
|
{% if page > 1 %}
|
||||||
|
@ -59,5 +65,6 @@
|
||||||
<a href="/search/{{ query }}/{{ page + 1}}">Next</a>
|
<a href="/search/{{ query }}/{{ page + 1}}">Next</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</center>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -8,6 +8,7 @@
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for playlist in video_playlists.data %}
|
{% for playlist in video_playlists.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -21,5 +22,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -8,6 +8,7 @@
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
|
<hr>
|
||||||
<div id="wrap">
|
<div id="wrap">
|
||||||
{% for video in videos.data %}
|
{% for video in videos.data %}
|
||||||
<div class="result-wrapper">
|
<div class="result-wrapper">
|
||||||
|
@ -24,5 +25,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue