ayo/threads
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: index HTML page

Browse source
This commit is contained in:
Ayo Ayco 2024-04-24 11:10:00 +02:00
parent 3a5e9e030a
commit 9eddcb790b
2 changed files with 87 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app.py
View file

@ -1,5 +1,5 @@
from flask import Flask, render_template
import requests
from flask import Flask
app = Flask(__name__)
@ -8,6 +8,15 @@ thread_ids = ['112294405672971916', '112258065967208438']
@app.route('/')
def home():
threads = fetch_threads();
return render_template('index.html', threads=threads)
@app.route('/api')
def api():
threads = fetch_threads();
return threads;
def fetch_threads():
threads = []
for id in thread_ids:
status = requests.get(server + '/api/v1/statuses/' + id ).json()

77
templates/index.html Normal file
View file

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ayo's Threads</title>
<style>
ul {
list-style: none;
}
.card {
display:block;
margin-left: -40px;
margin-bottom: 15px;
border: 1px solid rgba(34, 34, 34, 0.15);
border-radius: 5px;
padding:1em;
max-width: 500px;
background-color: #fff;
box-shadow: 5px 25px 10px -25px rgba(34, 34, 34, 0.15);
}
.card_meta {
font-size: small; color: #888;
}
.card_content {
& img {
border-radius: 5px;
max-width: 100%;
height: 300px;
object-fit: cover;
}
}
</style>
</head>
<body>
<h1>Ayo's Threads</h1>
<p>Total: {{threads | length}}</p>
<ul>
{% for thread in threads %}
<li class="card">
<div class="card_meta">
<span>{{ thread.created_at }}</span> &bullet; <a href="{{thread.url}}" target="_blank">&nearr;</a>
</div>
<div class="card_content">
{{thread.content | safe}}
{% for media in thread.media_attachments%}
{% if media.type == 'image'%}
<img src="{{media.url}}" />
{% endif %}
{% endfor %}
</div>
<details>
<summary style="cursor:pointer">See more</summary>
<ul>
{% for descendant in thread.descendants %}
<li class="card">
<div class="card_meta">
<span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a>
</div>
<div class="card_content">
{{ descendant.content | safe }}
{% for media in descendant.media_attachments%}
{% if media.type == 'image'%}
<img src="{{media.url}}" />
{% endif %}
{% endfor %}
</div>
<li>
{% endfor %}
</ul>
</details>
</li>
{% endfor %}
</ul>
</body>
</html>