gluehuffer/curls
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Auric Vente
2024-08-01 22:12:44 -06:00
commit 0bcefa0b61
64 changed files with 13272 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
server/templates/base.html Normal file
View File

@@ -0,0 +1,60 @@
<!doctype html>
<head>
<title>{% block title %}{% endblock %}</title>
<link rel="icon" href="{{ url_for('static', filename='icon.jpg') }}">
<style>
body,
html {
color: white;
background-color: rgb(12, 12, 12);
font-family: sans-serif;
font-size: 18px;
}
#main {
display: flex;
flex-direction: column;
gap: 0.8rem;
max-width: 777px;
padding: 1rem;
padding-top: 0.66rem;
}
#captcha {
display: flex;
flex-direction: column;
gap: 1rem;
}
input[type="text"],
input[type="password"] {
color: black;
background-color: white;
padding: 0.25rem;
font-size: 1rem;
}
input[type="submit"] {
padding: 0.35rem;
font-size: 1rem;
background-color: #6f3eff;
color: white;
}
a:visited,
a:link,
a:hover {
color: white;
}
.header {
font-size: 1.6rem;
}
</style>
</head>
<body>
{% block body %}{% endblock %}
</body>

34
server/templates/change.html Normal file
View File

@@ -0,0 +1,34 @@
{% extends "base.html" %}
{% block title %}
Change Curl
{% endblock %}
{% block body %}
<form method="post" action="/change">
<div id="main">
<div class="header">Change</div>
<input type="text" id="curl" placeholder="Curl" name="curl" autocomplete="on">
<input type="password" placeholder="Key" name="key" autocomplete="on">
<input type="text" placeholder="Status" name="status" autocomplete="on">
<input type="submit" value="Change">
<br><br>
You can also do this using the terminal:
<br><br>
<div>
curl -X POST -d "curl=mycurl&key=mykey&status=mystatus" https://this.website/change
</div>
</div>
</form>
<script>
window.onload = () => {
let curl = document.querySelector("#curl")
curl.focus()
}
</script>
{% endblock %}

43
server/templates/claim.html Normal file
View File

@@ -0,0 +1,43 @@
{% extends "base.html" %}
{% block title %}
Claim Curl
{% endblock %}
{% block body %}
<form method="post" action="/claim">
<div id="main">
<div class="header">Claim</div>
<div>
Curls are single lower-case words. Letters and/or numbers.
</div>
<div>
You will receive a key to be able to control the following curl:
</div>
<input type="text" id="curl" placeholder="Write the curl you want here" name="curl">
<div>
Solve this slightly annoying captcha:
</div>
<div id="captcha">
{{ captcha_html(captcha)|safe }}
</div>
<input type="submit" value="Claim">
</div>
</form>
<script>
window.onload = () => {
let captcha = document.querySelector("#captcha-text")
captcha.placeholder = "Enter the captcha here"
let curl = document.querySelector("#curl")
curl.focus()
}
</script>
{% endblock %}

102
server/templates/dashboard.html Normal file
View File

@@ -0,0 +1,102 @@
<!doctype html>
<head>
<title>Curls Dashboard</title>
<link rel="icon" href="{{ url_for('static', filename='icon.jpg') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='dashboard/css/style.css') }}">
<script src="{{ url_for('static', filename='dashboard/js/bundle.libs.js') }}"></script>
<script src="{{ url_for('static', filename='dashboard/js/bundle.main.js') }}"></script>
<script>
App.version = "{{ version }}";
</script>
</head>
<body>
<div id="main">
<div id="controls">
<div class="control_bar">
<div class="control_section">
<div class="button" id="menu" title="Show the main menu">Menu</div>
</div>
<div class="control_section">
<div class="button" id="color"></div>
<div class="button" id="sort"></div>
<div class="button" id="updater"></div>
</div>
<div class="control_section">
<div class="button" id="filter_button">F</div>
<input type="text" id="filter" placeholder="Filter">
<div class="button" id="filter_modes">Filters</div>
</div>
</div>
<div class="control_bar">
<div class="control_section">
<div class="button" id="picker" title="Switch to other curls you own">C</div>
<input type="text" id="change_curl" placeholder="Curl" title="A curl you own">
<input type="password" id="change_key" placeholder="Key" title="The key used to control the curl">
</div>
<div class="control_section">
<div class="button" id="status_button">S</div>
<input type="text" id="change_status" placeholder="Status" spellcheck="true" title="The new status of the curl">
<div class="button" id="change_submit" title="Change the status of the curl">&gt;</div>
</div>
</div>
</div>
<div id="container_outer">
<div id="container" tabindex="0"></div>
</div>
<div id="footer">
<div class="footer_item">
<div class="button" id="scroller" title="Scroll to the bottom and to the top">Scroll</div>
<div class="button" id="font"></div>
<div class="button" id="border"></div>
<div class="button" id="footer_more">More</div>
</div>
<div id="infobar">
<div id="infobar_curls" class="glow"></div>
<div class="infobar_separator">|</div>
<div id="infobar_date" class="glow"></div>
</div>
<div class="glow noselect" id="version" title="The current version of Curls and the Dashboard">v{{ version }}</div>
</div>
</div>
<template id="alert_template">
<div class="modal_items">
<div id="alert_message_container">
<div class="modal_message" id="alert_message"></div>
</div>
<div id="alert_buttons">
<div class="modal_button" id="alert_copy">Copy</div>
<div class="modal_button" id="alert_ok">Okay</div>
</div>
</div>
</template>
<template id="prompt_template">
<div class="modal_items">
<div class="modal_message" id="prompt_message"></div>
<input type="text" id="prompt_input" placeholder="Type something" list="curls_datalist">
<div class="modal_button" id="prompt_submit">Submit</div>
</div>
</template>
<template id="confirm_template">
<div class="modal_items">
<div class="modal_message" id="confirm_message"></div>
<div class="modal_button" id="confirm_ok" tabindex="0">Confirm</div>
</div>
</template>
<datalist id="curls_datalist"></datalist>
</body>

41
server/templates/index.html Normal file
View File

@@ -0,0 +1,41 @@
{% extends "base.html" %}
{% block title %}
Curls
{% endblock %}
{% block body %}
<form method="post" action="/change">
<div id="main">
<div class="header">Curls</div>
<div>A curl is a text status that only you can update.</div>
<br><br>
<div>There is no history, comments, or anything, it's just text that you update.</div>
<br>
<a href="/claim">Claim your own curl</a>
<a href="/change">Change the status of a curl you already own</a>
<a href="/dashboard">Monitor curls in the Dashboard</a>
<br>
<div>To view a curl from a browser:
<div>Go to: https://this.website/[curl]</div>
<br>
<div>To view a curl from the terminal:</div>
<div>curl https://this.website/[curl]</div>
<br>
The response is pure text.
</div>
</form>
{% endblock %}

9
server/templates/message.html Normal file
View File

@@ -0,0 +1,9 @@
{% extends "base.html" %}
{% block title %}
Curls Feedback
{% endblock %}
{% block body %}
{{message|safe}}
{% endblock %}