roundabout,
created on Wednesday, 17 July 2024, 08:29:51 (1721204991),
received on Wednesday, 31 July 2024, 06:54:51 (1722408891)
Author identity: vlad <vlad.muntoiu@gmail.com>
d97216fa4366235358ea505741eeea8ffbc07044
templates/user-profile-followers.html
@@ -2,26 +2,24 @@
{% set active_page = "followers" %}
{% block content %}
<x-frame style="--width: 768px; --padding: 1em;">
<x-hbox class="wrap homogenous">
{% if user.followers | length %}
{% for follower in user.followers %}
<x-frame style="flex-basis: 96px; --width: 96px;">
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="/{{ follower.follower.username }}">
<img class="avatar" src="/info/{{ follower.follower.username }}/avatar" style="width: 100%;">
<div class="thumbnail-marquee">
<span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ follower.follower.username }}</span>
</div>
</a>
</section>
</article>
</x-frame>
{% endfor %}
{% else %}
<p>{% trans %}This user hasn't got any followers.{% endtrans %}</p>
{% endif %}
</x-hbox>
</x-frame>
<x-hbox class="wrap homogenous">
{% if user.followers | length %}
{% for follower in user.followers %}
<x-frame style="flex-basis: 128px; --width: 128px;">
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="/{{ follower.follower.username }}">
<img class="avatar" src="/info/{{ follower.follower.username }}/avatar" style="width: 100%;">
<div class="thumbnail-marquee">
<span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ follower.follower.username }}</span>
</div>
</a>
</section>
</article>
</x-frame>
{% endfor %}
{% else %}
<p>{% trans %}This user hasn't got any followers.{% endtrans %}</p>
{% endif %}
</x-hbox>
{% endblock %}
templates/user-profile-follows.html
@@ -2,26 +2,24 @@
{% set active_page = "following" %}
{% block content %}
<x-frame style="--width: 768px;">
<x-hbox class="wrap homogenous">
{% if user.follows | length %}
{% 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.followed.username }}">
<img class="avatar" src="/info/{{ followed.followed.username }}/avatar" style="width: 100%;">
<div class="thumbnail-marquee">
<span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ followed.followed.username }}</span>
</div>
</a>
</section>
</article>
</x-frame>
{% endfor %}
{% else %}
<p>{% trans %}This user isn't following anyone yet.{% endtrans %}</p>
{% endif %}
</x-hbox>
</x-frame>
<x-hbox class="wrap homogenous">
{% if user.follows | length %}
{% for followed in user.follows %}
<x-frame style="flex-basis: 128px; --width: 128px;">
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="/{{ followed.followed.username }}">
<img class="avatar" src="/info/{{ followed.followed.username }}/avatar" style="width: 100%;">
<div class="thumbnail-marquee">
<span class="inner-thumbnail-marquee" style="animation-play-state: paused;">{{ followed.followed.username }}</span>
</div>
</a>
</section>
</article>
</x-frame>
{% endfor %}
{% else %}
<p>{% trans %}This user isn't following anyone yet.{% endtrans %}</p>
{% endif %}
</x-hbox>
{% endblock %}
templates/user-profile-overview.html
@@ -2,50 +2,15 @@
{% set active_page = "profile" %}
{% block content %}
<x-frame style="--width: 768px; --padding: 1em;">
<x-vbox>
<x-hbox style="align-items: center;" id="profile-header">
<img src="/info/{{ user.username }}/avatar" class="avatar" id="profile-avatar">
<x-vbox class="nopad">
{% if user.display_name and user.display_name != user.username %}
<hgroup id="username">
<h1>{{ user.display_name }}</h1>
<p>{{ user.username }}</p>
</hgroup>
{% else %}
<h1 class="headline">{{ user.username }}</h1>
{% endif %}
</x-vbox>
<div class="flexible-space"></div>
<ul class="noindent" style="list-style: none; text-align: end;">
{% if user.URL %}
<li><a href="{{ user.URL }}"><x-hbox><iconify-icon icon="ic:outline-web"></iconify-icon>{{ user.URL }}</x-hbox></a></li>
{% endif %}
{% if user.company_url %}
<li><a href="{{ user.company_url }}"><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></a></li>
{% elif user.company %}
<li><x-hbox><iconify-icon icon="ic:baseline-business-center"></iconify-icon>{{ user.company }}</x-hbox></li>
{% endif %}
{% if user.location %}
<li><x-hbox><iconify-icon icon="mdi:map-marker-radius"></iconify-icon>{{ user.location }}</x-hbox></li>
{% endif %}
{% if user.show_mail %}
<li><a href="mailto:{{ user.email }}"><x-hbox><iconify-icon icon="mdi:email"></iconify-icon>{{ user.email }}</x-hbox></a></li>
{% endif %}
</ul>
</x-hbox>
<x-vbox>
{% if user.bio %}
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<p>
{{ user.bio }}
</p>
</section>
</article>
{% endif %}
</x-vbox>
</x-vbox>
</x-frame>
<x-vbox>
{% if user.bio %}
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<p>
{{ user.bio }}
</p>
</section>
</article>
{% endif %}
</x-vbox>
{% endblock %}
templates/user-profile-repositories.html
@@ -2,29 +2,27 @@
{% set active_page = "repositories" %}
{% block content %}
<x-frame style="--width: 768px; --padding: 1em;">
<ul style="list-style: none;" class="noindent">
{% if repos %}
{% for repo in repos %}
<li>
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
{% if repo.info %}
<p>{{ repo.info }}</p>
{% endif %}
{% if repo.url %}
<p>
Homepage: <a href="{{ repo.url }}">{{ repo.url }}</a>
</p>
{% endif %}
</section>
</article>
</li>
{% endfor %}
{% else %}
{% trans %}This user doesn't own any repositories.{% endtrans %}
{% endif %}
</ul>
</x-frame>
<ul style="list-style: none;" class="noindent">
{% if repos %}
{% for repo in repos %}
<li>
<article class="card" style="flex: 0 1 auto;">
<section class="card-main">
<a href="{{ repo.route }}"><h3>{{ repo.name }}</h3></a>
{% if repo.info %}
<p>{{ repo.info }}</p>
{% endif %}
{% if repo.url %}
<p>
Homepage: <a href="{{ repo.url }}">{{ repo.url }}</a>
</p>
{% endif %}
</section>
</article>
</li>
{% endfor %}
{% else %}
{% trans %}This user doesn't own any repositories.{% endtrans %}
{% endif %}
</ul>
{% endblock %}
templates/user-profile.html
@@ -40,6 +40,45 @@
{% endif %}
{% endblock %}
{% block scripts %}
<script src="/static/marquee.js"></script>
{% endblock %}