roundabout,
created on Saturday, 6 January 2024, 10:48:06 (1704538086),
received on Wednesday, 31 July 2024, 06:54:40 (1722408880)
Author identity: vlad <vlad.muntoiu@gmail.com>
482158078ec5f98fcdaf513d9fabc1b84a01dd60
app.py
@@ -305,6 +305,8 @@ def userProfile(username):
return flask.render_template("user-profile-repositories.html", user=user, repos=repos, relationship=oldRelationship)
case "followers":
return flask.render_template("user-profile-followers.html", user=user, relationship=oldRelationship)
case "follows":
return flask.render_template("user-profile-follows.html", user=user, relationship=oldRelationship)
case _:
return flask.render_template("user-profile-overview.html", user=user, relationship=oldRelationship)
static/style.css
@@ -187,4 +187,10 @@ dd {
100% {
transform: translateX(-200%);
}
}
::selection {
background-color: var(--color-accent);
color: var(--color-accent-text);
text-shadow: 1px 1px 0 #000000;
}
templates/user-profile-follows.html
@@ -0,0 +1,21 @@
{% extends "user-profile.html" %}
{% block content %}
<x-frame style="--width: 768px;">
<x-hbox class="wrap homogenous">
{% for followed in user.follows %}
<x-frame style="flex-basis: 96px; --width: 96px;">
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="/{{ followed.follower.username }}">
<img class="avatar" src="/info/{{ followed.follower.username }}/avatar" style="width: 100%;">
<div class="thumbnail-marquee">
<span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ followed.follower.username }}</span>
</div>
</a>
</section>
</article>
</x-frame>
{% endfor %}
</x-hbox>
</x-frame>
{% endblock %}
templates/user-profile.html
@@ -11,6 +11,7 @@
<li><a href="?">Overview</a></li>
<li><a href="?action=repositories">Repositories ({{ user.repositories | length }})</a></li>
<li><a href="?action=followers">Followers ({{ user.followers | length }})</a></li>
<li><a href="?action=follows">Follows ({{ user.follows | length }})</a></li>
</ul>
<x-buttonbox>
{% if loggedInUser != user.username and loggedInUser %}
@@ -28,4 +29,3 @@
{% block scripts %}
<script src="/static/marquee.js"></script>
{% endblock %}