kopia lustrzana https://github.com/snarfed/bridgy-fed
misc small UI tweaks
rodzic
34593e2a1b
commit
2eae4b64a0
|
@ -1,10 +1,5 @@
|
|||
#intro {
|
||||
margin-top: 2em;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#logos {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#messages {
|
||||
|
@ -187,7 +182,13 @@ form input {
|
|||
.user-items > .row > .col-sm-1,
|
||||
.user-items > .row > .col-sm-2,
|
||||
.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;
|
||||
float: none;
|
||||
text-align: left;
|
||||
|
@ -219,7 +220,7 @@ form input {
|
|||
/* .glyphicon-warning-sign { color: gold; } */
|
||||
.glyphicon-ok-sign { color: green; }
|
||||
.glyphicon-exclamation-sign { color: gold; }
|
||||
.glyphicon-pause { color: gold`; }
|
||||
.glyphicon-pause { color: gold; }
|
||||
.glyphicon-refresh { color: blue; }
|
||||
.glyphicon-remove { color: red !important; }
|
||||
.glyphicon-transfer { color: blue; }
|
||||
|
@ -466,8 +467,3 @@ iframe {
|
|||
border: 1px solid gray;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.follower {
|
||||
text-align: left;
|
||||
margin-top: .5em;
|
||||
}
|
||||
|
|
|
@ -1,14 +1,17 @@
|
|||
<br>
|
||||
|
||||
<div class="row">
|
||||
<ul class="user-items">
|
||||
|
||||
{% 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">
|
||||
{{ util.ellipsize(f.handle, chars=25) }}
|
||||
{{ util.ellipsize(f.handle, chars=40) }}
|
||||
</a>
|
||||
</li>
|
||||
{% else %}
|
||||
None
|
||||
None yet. Check back soon!
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
|
||||
{% include "paging.html" %}
|
||||
|
|
|
@ -32,8 +32,6 @@
|
|||
|
||||
<main class="tp-main lead container">
|
||||
|
||||
<br />
|
||||
|
||||
<div id="intro" class="row">
|
||||
<div id="logos" class="col-xs-4">
|
||||
<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>
|
||||
|
||||
<br />
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
<h2 class="row">
|
||||
<a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s feed
|
||||
</h2>
|
||||
<br>
|
||||
|
||||
<link rel="stylesheet" href="/static/feed.css" type="text/css" />
|
||||
<div class="row h-feed">
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<h2 class="row">
|
||||
<div class="row big">
|
||||
<a href="/user/{{ domain }}">🌐 {{ domain }}</a>'s followers:
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{% include "_followers.html" %}
|
||||
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<h2 class="row">
|
||||
<div class="row big">
|
||||
<a href="/user/{{ domain }}">🌐 {{ domain }}</a> is following:
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{% include "_followers.html" %}
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
<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">
|
||||
<p class="bigger">Cross-post to a Mastodon account:<br>
|
||||
@you@mastodon.server</p>
|
||||
|
@ -22,7 +22,7 @@
|
|||
</a>
|
||||
</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">
|
||||
<p class="bigger">Connect directly to the fediverse:<br>
|
||||
@yoursite.com</p>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<h2 class="row">Recent activity</h3>
|
||||
<div class="row big">Recent activity</div>
|
||||
|
||||
{% include "activities.html" %}
|
||||
|
||||
|
|
|
@ -1,12 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bridgy Fed: Stats</title>
|
||||
</head>
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Stats - Bridgy Fed{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<body>
|
||||
<main class="tp-main lead container">
|
||||
<h1>Bridgy Fed</h1>
|
||||
<h3>Stats</h3>
|
||||
<ul>
|
||||
<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>{{ activities }} activities handled</li>
|
||||
</ul>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
</h3>
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
@ -22,23 +22,25 @@
|
|||
{% endif %}
|
||||
|
||||
<div class="row">
|
||||
<h2 style="display: inline">
|
||||
<div class="big" style="display: inline">
|
||||
<span title="Fediverse address">
|
||||
<img class="logo" src="/static/fediverse_logo.svg"> {{ user.address() }}</span> |
|
||||
<a title="Web site" href="https://{{ domain }}/">🌐 {{ domain }}</a>
|
||||
</h2>
|
||||
<img class="logo" src="/static/fediverse_logo.svg"> {{ user.address() }}</span> ·
|
||||
<a title="Web site" href="https://{{ domain }}/">🌐 {{ domain }}
|
||||
<!-- <span style="font-size: .5em;">↗️</span> -->
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<h3 style="display: inline">
|
||||
<a href="/user/{{ domain }}/followers">{{ followers }} follower{% if followers != '1' %}s{% endif %}</a>
|
||||
| <a href="/user/{{ domain }}/following">following {{ following }}</a>
|
||||
| <a href="/user/{{ domain }}/feed">HTML</a>,
|
||||
<a href="/user/{{ domain }}/feed?format=atom">Atom</a>,
|
||||
<a href="/user/{{ domain }}/feed?format=rss">RSS</a> feeds
|
||||
</h3>
|
||||
· <a href="/user/{{ domain }}/following">following {{ following }}</a>
|
||||
· <a href="/user/{{ domain }}/feed">HTML</a>
|
||||
· <a href="/user/{{ domain }}/feed?format=atom">Atom</a>
|
||||
· <a href="/user/{{ domain }}/feed?format=rss">RSS</a>
|
||||
· <a href="/.well-known/webfinger?resource=acct:{{ domain }}@{{ domain }}">Webfinger</a>
|
||||
· <a href="/{{ domain }}">ActivityPub</a>
|
||||
</div>
|
||||
|
||||
<h3 class="row">Recent activity</h3>
|
||||
<!-- <div class="row">Recent activity</div> -->
|
||||
|
||||
{% include "activities.html" %}
|
||||
|
||||
|
|
|
@ -4,7 +4,6 @@
|
|||
|
||||
{% block content %}
|
||||
|
||||
<br />
|
||||
<div class="big row">
|
||||
<div class="col-sm-12">
|
||||
<a href="https://{{ domain }}/">{{ domain }}</a> is not (yet!) a Bridgy Fed user.
|
||||
|
|
Ładowanie…
Reference in New Issue