You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
5.6 KiB
155 lines
5.6 KiB
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="cache-control" content="no-cache" />
|
|
<title>RedditVideoMakerBot</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
|
|
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
<link href="https://getbootstrap.com/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
|
|
|
|
<style>
|
|
.bd-placeholder-img {
|
|
font-size: 1.125rem;
|
|
text-anchor: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.feedback-invalid {
|
|
color: #dc3545;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bd-placeholder-img-lg {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
|
|
.bi {
|
|
vertical-align: -.125em;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.nav {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
padding-bottom: 1rem;
|
|
margin-top: -1px;
|
|
overflow-x: auto;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
#tooltip {
|
|
background-color: #333;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.tooltip-inner {
|
|
max-width: 500px !important;
|
|
}
|
|
#hard-reload {
|
|
cursor: pointer;
|
|
color: darkblue;
|
|
}
|
|
#hard-reload:hover {
|
|
color: blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
|
|
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
|
|
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>
|
|
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
|
|
|
|
<body>
|
|
<header>
|
|
{% if get_flashed_messages() %}
|
|
{% for category, message in get_flashed_messages(with_categories=true) %}
|
|
|
|
{% if category == "error" %}
|
|
<div class="alert alert-danger mb-0 text-center" role="alert">
|
|
{{ message }}
|
|
</div>
|
|
|
|
{% else %}
|
|
<div class="alert alert-success mb-0 text-center" role="alert">
|
|
{{ message }}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container">
|
|
<a href="/" class="navbar-brand d-flex align-items-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor"
|
|
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2"
|
|
viewBox="0 0 24 24">
|
|
<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
|
|
<circle cx="12" cy="13" r="4" />
|
|
</svg>
|
|
<strong>RedditVideoMakerBot</strong>
|
|
</a>
|
|
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="backgrounds">Background Manager</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="settings">Settings</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Future feature
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<button class="btn btn-outline-success mr-auto mt-2 mt-lg-0">Create new short</button>
|
|
</li>
|
|
</ul>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
{% block main %}{% endblock %}
|
|
|
|
<footer class="text-muted py-5">
|
|
<div class="container">
|
|
<p class="float-end mb-1">
|
|
<a href="#">Back to top</a>
|
|
</p>
|
|
<p class="mb-1"><a href="https://getbootstrap.com/docs/5.2/examples/album/" target="_blank">Album</a>
|
|
Example
|
|
Theme by © Bootstrap. <a
|
|
href="https://github.com/elebumm/RedditVideoMakerBot/blob/master/README.md#developers-and-maintainers"
|
|
target="_blank">Developers and Maintainers</a></p>
|
|
<p class="mb-0">If your data is not refreshing, try to hard reload(Ctrl + F5) or click <a id="hard-reload">this</a> and visit your local
|
|
|
|
<strong>{{ file }}</strong> file.
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
document.getElementById("hard-reload").addEventListener("click", function () {
|
|
window.location.reload(true);
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |