mirror of
https://github.com/Screenly/Anthias.git
synced 2025-12-23 22:38:05 -05:00
chore: refactor Django HTML templates
This commit is contained in:
37
templates/base.html
Normal file
37
templates/base.html
Normal file
@@ -0,0 +1,37 @@
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link href="{% static 'dist/css/anthias.css' %}" type="text/css" rel="stylesheet"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
|
||||
<link href="/static/favicons/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57"/>
|
||||
<link href="/static/favicons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"/>
|
||||
<link href="/static/favicons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"/>
|
||||
<link href="/static/favicons/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"/>
|
||||
<link href="/static/favicons/apple-touch-icon-60x60.png" rel="apple-touch-icon-precomposed" sizes="60x60"/>
|
||||
<link href="/static/favicons/apple-touch-icon-120x120.png" rel="apple-touch-icon-precomposed" sizes="120x120"/>
|
||||
<link href="/static/favicons/apple-touch-icon-76x76.png" rel="apple-touch-icon-precomposed" sizes="76x76"/>
|
||||
<link href="/static/favicons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="152x152"/>
|
||||
<link href="/static/favicons/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-128.png" rel="icon" sizes="128x128" type="image/png"/>
|
||||
<link rel="icon" href="/static/favicons/favicon.ico">
|
||||
<meta content="anthias;" name="application-name"/>
|
||||
<meta content="#FFFFFF" name="msapplication-TileColor"/>
|
||||
<meta content="/static/favicons/mstile-144x144.png" name="msapplication-TileImage"/>
|
||||
<meta content="/static/favicons/mstile-70x70.png" name="msapplication-square70x70logo"/>
|
||||
<meta content="/static/favicons/mstile-150x150.png" name="msapplication-square150x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x150.png" name="msapplication-wide310x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x310.png" name="msapplication-square310x310logo"/>
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
{% block extra_head %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
{% block content %}{% endblock %}
|
||||
{% block scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,79 +1,43 @@
|
||||
{% load static %}
|
||||
{% extends "base.html" %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link
|
||||
href="{% static 'dist/css/anthias.css' %}"
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans"
|
||||
rel="stylesheet"
|
||||
>
|
||||
<link href="/static/favicons/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57"/>
|
||||
<link href="/static/favicons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"/>
|
||||
<link href="/static/favicons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"/>
|
||||
<link href="/static/favicons/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"/>
|
||||
<link href="/static/favicons/apple-touch-icon-60x60.png" rel="apple-touch-icon-precomposed" sizes="60x60"/>
|
||||
<link href="/static/favicons/apple-touch-icon-120x120.png" rel="apple-touch-icon-precomposed" sizes="120x120"/>
|
||||
<link href="/static/favicons/apple-touch-icon-76x76.png" rel="apple-touch-icon-precomposed" sizes="76x76"/>
|
||||
<link href="/static/favicons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="152x152"/>
|
||||
<link href="/static/favicons/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-128.png" rel="icon" sizes="128x128" type="image/png"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
|
||||
<link rel="icon" href="/static/favicons/favicon.ico">
|
||||
<meta content="anthias;" name="application-name"/>
|
||||
<meta content="#FFFFFF" name="msapplication-TileColor"/>
|
||||
<meta content="/static/favicons/mstile-144x144.png" name="msapplication-TileImage"/>
|
||||
<meta content="/static/favicons/mstile-70x70.png" name="msapplication-square70x70logo"/>
|
||||
<meta content="/static/favicons/mstile-150x150.png" name="msapplication-square150x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x150.png" name="msapplication-wide310x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x310.png" name="msapplication-square310x310logo"/>
|
||||
<title>Login to Anthias</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="mb-0">Login to Anthias</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if messages %}
|
||||
<div class="alert alert-danger">
|
||||
{% for message in messages %}
|
||||
{{ message }}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% block title %}Login to Anthias{% endblock %}
|
||||
|
||||
<form method="post" action="{% url 'anthias_app:login' %}">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="next" value="{{ next }}">
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" class="form-control shadow-none" id="username" name="username" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" class="form-control shadow-none" id="password" name="password" required>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% block content %}
|
||||
<div class="container mt-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="mb-0">Login to Anthias</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if messages %}
|
||||
<div class="alert alert-danger">
|
||||
{% for message in messages %}
|
||||
{{ message }}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" action="{% url 'anthias_app:login' %}">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="next" value="{{ next }}">
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" class="form-control shadow-none" id="username" name="username" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-3">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" class="form-control shadow-none" id="password" name="password" required>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,44 +1,13 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link
|
||||
href="{% static 'dist/css/anthias.css' %}"
|
||||
type="text/css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans"
|
||||
rel="stylesheet"
|
||||
>
|
||||
<link href="/static/favicons/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57"/>
|
||||
<link href="/static/favicons/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114"/>
|
||||
<link href="/static/favicons/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72"/>
|
||||
<link href="/static/favicons/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144"/>
|
||||
<link href="/static/favicons/apple-touch-icon-60x60.png" rel="apple-touch-icon-precomposed" sizes="60x60"/>
|
||||
<link href="/static/favicons/apple-touch-icon-120x120.png" rel="apple-touch-icon-precomposed" sizes="120x120"/>
|
||||
<link href="/static/favicons/apple-touch-icon-76x76.png" rel="apple-touch-icon-precomposed" sizes="76x76"/>
|
||||
<link href="/static/favicons/apple-touch-icon-152x152.png" rel="apple-touch-icon-precomposed" sizes="152x152"/>
|
||||
<link href="/static/favicons/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"/>
|
||||
<link href="/static/favicons/favicon-128.png" rel="icon" sizes="128x128" type="image/png"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
|
||||
<link rel="icon" href="/static/favicons/favicon.ico">
|
||||
<meta content="anthias;" name="application-name"/>
|
||||
<meta content="#FFFFFF" name="msapplication-TileColor"/>
|
||||
<meta content="/static/favicons/mstile-144x144.png" name="msapplication-TileImage"/>
|
||||
<meta content="/static/favicons/mstile-70x70.png" name="msapplication-square70x70logo"/>
|
||||
<meta content="/static/favicons/mstile-150x150.png" name="msapplication-square150x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x150.png" name="msapplication-wide310x150logo"/>
|
||||
<meta content="/static/favicons/mstile-310x310.png" name="msapplication-square310x310logo"/>
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="{% static 'dist/js/anthias.js' %}"></script>
|
||||
</body>
|
||||
</html>
|
||||
{% block title %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="app"></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script src="{% static 'dist/js/anthias.js' %}"></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user