misc small UI tweaks

pull/311/head
Ryan Barrett 2022-11-20 20:50:00 -08:00
rodzic 34593e2a1b
commit 2eae4b64a0
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 6BE31FDF4776E9D4
11 zmienionych plików z 45 dodań i 53 usunięć

Wyświetl plik

@ -1,10 +1,5 @@
#intro { #intro {
margin-top: 2em; margin-top: 2em;
z-index: -1;
}
#logos {
z-index: 1;
} }
#messages { #messages {
@ -187,7 +182,13 @@ form input {
.user-items > .row > .col-sm-1, .user-items > .row > .col-sm-1,
.user-items > .row > .col-sm-2, .user-items > .row > .col-sm-2,
.user-items > .row > .col-sm-3, .user-items > .row > .col-sm-3,
.user-items > .row > .col-sm-4 { .user-items > .row > .col-sm-4,
.user-items > .row > .col-sm-5,
.user-items > .row > .col-sm-6,
.user-items > .row > .col-sm-7,
.user-items > .row > .col-sm-8,
.user-items > .row > .col-sm-9,
.user-items > .row > .col-sm-10 {
display: table-cell; display: table-cell;
float: none; float: none;
text-align: left; text-align: left;
@ -219,7 +220,7 @@ form input {
/* .glyphicon-warning-sign { color: gold; } */ /* .glyphicon-warning-sign { color: gold; } */
.glyphicon-ok-sign { color: green; } .glyphicon-ok-sign { color: green; }
.glyphicon-exclamation-sign { color: gold; } .glyphicon-exclamation-sign { color: gold; }
.glyphicon-pause { color: gold`; } .glyphicon-pause { color: gold; }
.glyphicon-refresh { color: blue; } .glyphicon-refresh { color: blue; }
.glyphicon-remove { color: red !important; } .glyphicon-remove { color: red !important; }
.glyphicon-transfer { color: blue; } .glyphicon-transfer { color: blue; }
@ -466,8 +467,3 @@ iframe {
border: 1px solid gray; border: 1px solid gray;
height: 300px; height: 300px;
} }
.follower {
text-align: left;
margin-top: .5em;
}

Wyświetl plik

@ -1,14 +1,17 @@
<br>
<div class="row"> <div class="row">
<ul class="user-items">
{% for f in followers %} {% for f in followers %}
<a class="follower col-xs-6 col-sm-4" href="{{ f.url }}" title="{{ f.handle }}"> <li class="row">
<a class="follower col-xs-12 col-sm-6 big" href="{{ f.url }}" title="{{ f.handle }}">
<img class="profile u-photo" src="{{ f.picture }}" width="48px"> <img class="profile u-photo" src="{{ f.picture }}" width="48px">
{{ util.ellipsize(f.handle, chars=25) }} {{ util.ellipsize(f.handle, chars=40) }}
</a> </a>
</li>
{% else %} {% else %}
None None yet. Check back soon!
{% endfor %} {% endfor %}
</div>
</ul>
{% include "paging.html" %} {% include "paging.html" %}

Wyświetl plik

@ -32,8 +32,6 @@
<main class="tp-main lead container"> <main class="tp-main lead container">
<br />
<div id="intro" class="row"> <div id="intro" class="row">
<div id="logos" class="col-xs-4"> <div id="logos" class="col-xs-4">
<a href="/"><img class="img-responsive" src="/static/bridgy_fed_logo.png" /></a> <a href="/"><img class="img-responsive" src="/static/bridgy_fed_logo.png" /></a>
@ -51,8 +49,6 @@ to <a href="https://joinmastodon.org/">Mastodon</a> and the
<p class="clearfix"></p> <p class="clearfix"></p>
<br />
{% block content %} {% block content %}
{% endblock %} {% endblock %}

Wyświetl plik

@ -7,7 +7,6 @@
<h2 class="row"> <h2 class="row">
<a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s feed <a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s feed
</h2> </h2>
<br>
<link rel="stylesheet" href="/static/feed.css" type="text/css" /> <link rel="stylesheet" href="/static/feed.css" type="text/css" />
<div class="row h-feed"> <div class="row h-feed">

Wyświetl plik

@ -4,9 +4,9 @@
{% block content %} {% block content %}
<h2 class="row"> <div class="row big">
<a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s followers: <a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s followers:
</h2> </div>
{% include "_followers.html" %} {% include "_followers.html" %}

Wyświetl plik

@ -4,9 +4,9 @@
{% block content %} {% block content %}
<h2 class="row"> <div class="row big">
<a href="/user/{{ domain }}">🌐 {{ domain }}</a> is following: <a href="/user/{{ domain }}">🌐 {{ domain }}</a> is following:
</h2> </div>
{% include "_followers.html" %} {% include "_followers.html" %}

Wyświetl plik

@ -8,7 +8,7 @@
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-12"> <div class="col-lg-6 col-lg-offset-0 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
<a class="btn btn-default btn-home" href="https://brid.gy/mastodon/start"> <a class="btn btn-default btn-home" href="https://brid.gy/mastodon/start">
<p class="bigger">Cross-post to a Mastodon account:<br> <p class="bigger">Cross-post to a Mastodon account:<br>
@you@mastodon.server</p> @you@mastodon.server</p>
@ -22,7 +22,7 @@
</a> </a>
</div> </div>
<div class="col-lg-6 col-md-12"> <div class="col-lg-6 col-lg-offset-0 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
<a class="btn btn-default btn-home" href="/web-site"> <a class="btn btn-default btn-home" href="/web-site">
<p class="bigger">Connect directly to the fediverse:<br> <p class="bigger">Connect directly to the fediverse:<br>
@yoursite.com</p> @yoursite.com</p>

Wyświetl plik

@ -4,7 +4,7 @@
{% block content %} {% block content %}
<h2 class="row">Recent activity</h3> <div class="row big">Recent activity</div>
{% include "activities.html" %} {% include "activities.html" %}

Wyświetl plik

@ -1,12 +1,9 @@
<!DOCTYPE html> {% extends "base.html" %}
<html>
<head> {% block title %}Stats - Bridgy Fed{% endblock %}
<title>Bridgy Fed: Stats</title>
</head> {% block content %}
<body>
<main class="tp-main lead container">
<h1>Bridgy Fed</h1>
<h3>Stats</h3> <h3>Stats</h3>
<ul> <ul>
<li><a href="https://snarfed.org/2017-10-22_bridgy-fed">Launched Octover 17, 2022</a> <li><a href="https://snarfed.org/2017-10-22_bridgy-fed">Launched Octover 17, 2022</a>
@ -14,6 +11,6 @@
<li>{{ followers }} fediverse followers</li> <li>{{ followers }} fediverse followers</li>
<li>{{ activities }} activities handled</li> <li>{{ activities }} activities handled</li>
</ul> </ul>
</main> </h3>
</body>
</html> {% endblock %}

Wyświetl plik

@ -22,23 +22,25 @@
{% endif %} {% endif %}
<div class="row"> <div class="row">
<h2 style="display: inline"> <div class="big" style="display: inline">
<span title="Fediverse address"> <span title="Fediverse address">
<img class="logo" src="/static/fediverse_logo.svg"> {{ user.address() }}</span> | <img class="logo" src="/static/fediverse_logo.svg"> {{ user.address() }}</span> &middot;
<a title="Web site" href="https://{{ domain }}/">🌐 {{ domain }}</a> <a title="Web site" href="https://{{ domain }}/">🌐 {{ domain }}
</h2> <!-- <span style="font-size: .5em;">↗️</span> -->
</a>
</div>
</div> </div>
<div class="row"> <div class="row">
<h3 style="display: inline">
<a href="/user/{{ domain }}/followers">{{ followers }} follower{% if followers != '1' %}s{% endif %}</a> <a href="/user/{{ domain }}/followers">{{ followers }} follower{% if followers != '1' %}s{% endif %}</a>
| <a href="/user/{{ domain }}/following">following {{ following }}</a> &middot; <a href="/user/{{ domain }}/following">following {{ following }}</a>
| <a href="/user/{{ domain }}/feed">HTML</a>, &middot; <a href="/user/{{ domain }}/feed">HTML</a>
<a href="/user/{{ domain }}/feed?format=atom">Atom</a>, &middot; <a href="/user/{{ domain }}/feed?format=atom">Atom</a>
<a href="/user/{{ domain }}/feed?format=rss">RSS</a> feeds &middot; <a href="/user/{{ domain }}/feed?format=rss">RSS</a>
</h3> &middot; <a href="/.well-known/webfinger?resource=acct:{{ domain }}@{{ domain }}">Webfinger</a>
&middot; <a href="/{{ domain }}">ActivityPub</a>
</div> </div>
<h3 class="row">Recent activity</h3> <!-- <div class="row">Recent activity</div> -->
{% include "activities.html" %} {% include "activities.html" %}

Wyświetl plik

@ -4,7 +4,6 @@
{% block content %} {% block content %}
<br />
<div class="big row"> <div class="big row">
<div class="col-sm-12"> <div class="col-sm-12">
<a href="https://{{ domain }}/">{{ domain }}</a> is not (yet!) a Bridgy Fed user. <a href="https://{{ domain }}/">{{ domain }}</a> is not (yet!) a Bridgy Fed user.