restructure html to allow for non boxed-content classes within content blocks, #98

This commit is contained in:
simon 2021-12-06 18:05:25 +07:00
parent 8c5bb0bc1f
commit e2238c16f5
10 changed files with 898 additions and 876 deletions

View File

@ -1,6 +1,7 @@
{% extends "home/base.html" %} {% extends "home/base.html" %}
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>About The Tube Archivist</h1> <h1>About The Tube Archivist</h1>
</div> </div>
@ -14,4 +15,5 @@
<h2>Donate</h2> <h2>Donate</h2>
<p>Here are <a href="https://github.com/bbilly1/tubearchivist#donate" target="_blank">some links</a>, if you want to buy the developer a coffee. Thank you for your support!</p> <p>Here are <a href="https://github.com/bbilly1/tubearchivist#donate" target="_blank">some links</a>, if you want to buy the developer a coffee. Thank you for your support!</p>
</div> </div>
</div>
{% endblock content %} {% endblock content %}

View File

@ -20,6 +20,7 @@
<script type="text/javascript" src="{% static 'script.js' %}"></script> <script type="text/javascript" src="{% static 'script.js' %}"></script>
</head> </head>
<body> <body>
<div class="main-content">
<div class="boxed-content"> <div class="boxed-content">
<div class="top-banner"> <div class="top-banner">
<a href="{% url 'home' %}"> <a href="{% url 'home' %}">
@ -58,7 +59,9 @@
</a> </a>
</div> </div>
</div> </div>
</div>
{% block content %}{% endblock %} {% block content %}{% endblock %}
<div class="boxed-content">
<div class="pagination"> <div class="pagination">
{% if pagination %} {% if pagination %}
{% if pagination.current_page > 1 %} {% if pagination.current_page > 1 %}
@ -100,6 +103,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div>
<div class="footer"> <div class="footer">
<div class="boxed-content"> <div class="boxed-content">
<span>© 2021 The Tube Archivist v0.0.8 | <a href="https://github.com/bbilly1/tubearchivist" target="_blank">Github</a> | <a href="https://hub.docker.com/r/bbilly1/tubearchivist" target="_blank">Docker Hub</a></span> <span>© 2021 The Tube Archivist v0.0.8 | <a href="https://github.com/bbilly1/tubearchivist" target="_blank">Github</a> | <a href="https://hub.docker.com/r/bbilly1/tubearchivist" target="_blank">Docker Hub</a></span>

View File

@ -2,6 +2,7 @@
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>Channels</h1> <h1>Channels</h1>
</div> </div>
@ -95,5 +96,6 @@
<h2>No channels found...</h2> <h2>No channels found...</h2>
{% endif %} {% endif %}
</div> </div>
</div>
<script type="text/javascript" src="{% static 'progress.js' %}"></script> <script type="text/javascript" src="{% static 'progress.js' %}"></script>
{% endblock content %} {% endblock content %}

View File

@ -2,6 +2,7 @@
{% block content %} {% block content %}
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
<div class="boxed-content">
<div class="channel-banner"> <div class="channel-banner">
<a href="/channel/{{ channel_info.channel_id }}/"><img src="/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt="channel_banner"></a> <a href="/channel/{{ channel_info.channel_id }}/"><img src="/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt="channel_banner"></a>
</div> </div>
@ -143,5 +144,6 @@
<h2>No videos found...</h2> <h2>No videos found...</h2>
{% endif %} {% endif %}
</div> </div>
</div>
<script type="text/javascript" src="{% static 'progress.js' %}"></script> <script type="text/javascript" src="{% static 'progress.js' %}"></script>
{% endblock content %} {% endblock content %}

View File

@ -1,6 +1,7 @@
{% extends "home/base.html" %} {% extends "home/base.html" %}
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>Downloads</h1> <h1>Downloads</h1>
</div> </div>
@ -88,5 +89,6 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div> </div>
</div>
<script type="text/javascript" src="{% static 'progress.js' %}"></script> <script type="text/javascript" src="{% static 'progress.js' %}"></script>
{% endblock content %} {% endblock content %}

View File

@ -1,6 +1,7 @@
{% extends "home/base.html" %} {% extends "home/base.html" %}
{% block content %} {% block content %}
{% load static %} {% load static %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>Recent Videos</h1> <h1>Recent Videos</h1>
</div> </div>
@ -92,4 +93,5 @@
<h2>No videos found...</h2> <h2>No videos found...</h2>
{% endif %} {% endif %}
</div> </div>
</div>
{% endblock content %} {% endblock content %}

View File

@ -1,6 +1,7 @@
{% extends "home/base.html" %} {% extends "home/base.html" %}
{% load static %} {% load static %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>Playlists</h1> <h1>Playlists</h1>
</div> </div>
@ -78,5 +79,6 @@
<h2>No playlists found...</h2> <h2>No playlists found...</h2>
{% endif %} {% endif %}
</div> </div>
</div>
<script type="text/javascript" src="{% static 'progress.js' %}"></script> <script type="text/javascript" src="{% static 'progress.js' %}"></script>
{% endblock content %} {% endblock content %}

View File

@ -2,6 +2,7 @@
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>{{ playlist_info.playlist_name }}</h1> <h1>{{ playlist_info.playlist_name }}</h1>
</div> </div>
@ -111,4 +112,5 @@
<h2>No videos found...</h2> <h2>No videos found...</h2>
{% endif %} {% endif %}
</div> </div>
</div>
{% endblock content %} {% endblock content %}

View File

@ -1,5 +1,6 @@
{% extends "home/base.html" %} {% extends "home/base.html" %}
{% block content %} {% block content %}
<div class="boxed-content">
<div class="title-bar"> <div class="title-bar">
<h1>User Configurations</h1> <h1>User Configurations</h1>
</div> </div>
@ -185,4 +186,5 @@
<a href="/admin/"><button>Admin Interface</button></a> <a href="/admin/"><button>Admin Interface</button></a>
</div> </div>
{% endif %} {% endif %}
</div>
{% endblock content %} {% endblock content %}

View File

@ -2,6 +2,7 @@
{% block content %} {% block content %}
{% load static %} {% load static %}
{% load humanize %} {% load humanize %}
<div class="boxed-content">
<div class="video-main"> <div class="video-main">
<video <video
src="/media/{{ video.media_url }}" src="/media/{{ video.media_url }}"
@ -108,4 +109,5 @@
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
{% endblock content %} {% endblock content %}