Jones/MastodonHelp
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Some cosmetic changes

Browse source
This commit is contained in:
pezcurrel 2023-11-02 23:37:34 +01:00
parent b115a12d64
commit 36b3925ab2
7 changed files with 28 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/site/css/instances.css
View file

@ -32,7 +32,7 @@ img {
.ihead a:hover {
text-decoration: underline;
}
.ibody {
.ibody, .ibodylast {
width: 100%;
max-width: 100%;
font-size: 11pt;
@ -40,10 +40,12 @@ img {
background-color: #b7bec8;
color: black;
border-radius: 0 0 5px 5px;
margin-bottom: 20pt;
padding: 5px;
text-align: left;
}
.ibody {
margin-bottom: 20pt;
}
.icol {
display: inline-block;
vertical-align: top;

8
web/site/css/stats.css
View file

@ -1,7 +1,10 @@
.info {
.info, .info1st {
font-size: 10pt;
line-height: 12pt;
}
.info1st {
margin-top: 15px;
}
.visits, .hits {
margin-top: 3px;
background-color: magenta;
@ -17,9 +20,6 @@
.hitslab {
color: blue;
}
.sep {
height: 10px;
}
@media only screen and (max-width:540pt) {

7
web/site/css/theme.css
View file

@ -59,9 +59,9 @@ h1 {
text-shadow: 2px 2px 4px black;
/* margin: 60pt;*/
}
h4, h5, h6 {
/*h4, h5, h6 {
text-align: left;
}
}*/
section, #header {
background-color: rgba(255,255,255,0.92);
padding: 20pt;
@ -89,7 +89,7 @@ section, #header {
padding: 1px;
border-radius: 9pt;
}
.rfp, .fp, .p {
.rfp, .fp, .p, p {
padding: 0;
margin: 0.75em 0 0 0;
}
@ -101,6 +101,7 @@ section, #header {
}
ul {
padding-left: 15pt;
margin: 0.75em 0 0 0;
}
ul li {
padding-left: 0;

12
web/site/home.php
View file

@ -201,12 +201,12 @@ echo('
<li><a href="https://thedesk.top/en">TheDesk</a> (Linux, Windows, OSX)</li>
<li><a href="https://hyperspace.marquiskurt.net">Hyperspace</a> (Linux, Windows, OSX)</li>
</ul>
<p class="rfp">'._('There are also alternative web frontends! They are simply websites that let you access your Instance by entering your <a href="#MastodonAddress">Mastodon Address</a> and password, and that provide an interface that is different and may better suit you than the one that the official Mastodon web frontend provides. Among the best known alternative web frontends are').'</p>
<p class="fp">'._('There are also alternative web frontends! They are simply websites that let you access your Instance by entering your <a href="#MastodonAddress">Mastodon Address</a> and password, and that provide an interface that is different and may better suit you than the one that the official Mastodon web frontend provides. Among the best known alternative web frontends are').'</p>
<ul>
<li><a href="https://pinafore.social">Pinafore</a>, '._('a simplified Mastodon web frontend').'</li>
<li><a href="https://www.halcyon.social">Halcyon</a>, '._('a web frontend that looks like Twitter').'</li>
</ul>
<p class="rfp">'._('What we have written about smartphone Apps also applies to desktop Applications and alternative web frontends: each Application and frontend may have features that others lack, or may work a little differently. Therefore, it is possible that certain instructions, tips and tricks meant for people accessing Mastodon from the web homepage of their Instance will not work on a desktop Application or an alternative web frontend.').'</p>
<p class="fp">'._('What we have written about smartphone Apps also applies to desktop Applications and alternative web frontends: each Application and frontend may have features that others lack, or may work a little differently. Therefore, it is possible that certain instructions, tips and tricks meant for people accessing Mastodon from the web homepage of their Instance will not work on a desktop Application or an alternative web frontend.').'</p>
<p class="p">'._('In addition, some functions may be be called in slightly different ways in different Apps and frontends. For example, those that on one App may be called “Direct messages” could be called “Private posts” on others.').'</p>
<img src="'.$prepath.'imgs/MastodonOnDesktop.png" class="imagel" alt="'._('A screenshot from Mastodon official web frontend.').'">
</section>
@ -233,7 +233,7 @@ echo('
<li>'._('<em>Local:</em> it shows all the new public posts from all the accounts on your Instance, excluding replies and reblogs;').'</li>
<li>'._('<em>Federated:</em> just like the Local Timeline, but it also shows public posts from other Instances’ accounts that are followed by at least one account of your Instance, still excluding replies and reblogs.').'</li>
</ul>
<p class="rfp">'._('On these three Timelines posts are shown in descending chronological order.').'</p>
<p class="fp">'._('On these three Timelines posts are shown in descending chronological order.').'</p>
<img src="'.$prepath.'imgs/ThreeTimelines.png" class="imagel" alt="'._('A screenshot showing the header with the icons of the three Timelines.').'">
</section>
@ -277,7 +277,7 @@ echo('
<li class="prili"><img src="'.$prepath.'imgs/ClosedPadlock.png" class="imager" alt="'._('An icon depicting a closed padlock.').'">'._('<em>Followers only:</em> your post will only be readable by your followers and those who you may mention. To their eyes it will appear as a Public post, except for the icon depicting a closed padlock.').'</li>
<li class="prili"><img src="'.$prepath.'imgs/Mail.png" class="imager" alt="'._('An icon depicting a letter envelope.').'">'._('<em>Mentioned people only:</em> your post will be readable only by those accounts you mentioned in it. These posts, also called “Private messages”, “Direct messages” or “DM”, are marked by an icon depicting a letter envelope.').'</li>
</ul>
<p class="rfp">'._('Remember, however, that Mastodon is designed primarily to circulate what you write and generate discussion, not for privacy: technically, those who administer your Instance have the ability to read everything you write, including direct messages, just as they do on large commercial social networks.').'</p>
<p class="fp">'._('Remember, however, that Mastodon is designed primarily to circulate what you write and generate discussion, not for privacy: technically, those who administer your Instance have the ability to read everything you write, including direct messages, just as they do on large commercial social networks.').'</p>
<p class="p">'._('For exchanging encrypted and secure messages there are other, specific platforms.').'</p>
</section>
@ -308,7 +308,7 @@ echo('
<li>'._('If you happen to read the hashtag “#Alt4Me” in a post replying to a post with attached media, it means that a person who is unable to otherwise know their content wants a description of them. If you can, reply to the post with this hashtag by providing it.').'</li>
<li>'._('If you come across a post with media without a description, even if it was not requested be proactive and respond with a description preceded by the hashtag “#Alt4You”, which will allow people who need it to find it more easily.').'</li>
</ul>
<p class="rfp">'._('Note that it may also happen that the hashtag “#Alt4Me” is added directly into the original post by the person who wrote it because they cannot describe the attached media or are in difficulty to do so, for example because of some disability.').'</p>
<p class="fp">'._('Note that it may also happen that the hashtag “#Alt4Me” is added directly into the original post by the person who wrote it because they cannot describe the attached media or are in difficulty to do so, for example because of some disability.').'</p>
<p>['._('The text of this section is a reworking of the content of <a href="https://fedi.tips/how-do-i-make-posts-more-accessible-to-blind-people-on-mastodon-and-the-fediverse/">this</a> and <a href="https://fedi.tips/how-do-i-make-posts-more-accessible-to-deaf-people-on-mastodon-and-the-fediverse/">this</a> page from <a href="https://fedi.tips">fedi.tips</a>, as it showed on Friday 27 October 2023.').']</p>
</section>
@ -359,7 +359,7 @@ echo('
<li>'._('<a href="https://writefreely.org">WriteFreely</a> is a blogging platform;').'</li>
<li>'._('<a href="https://hubzilla.org">Hubzilla</a> is a powerful multifunctional platform.').'</li>
</ul>
<p class="rfp">'._('And <a href="https://en.wikipedia.org/wiki/Fediverse">there are more...</a>').'</p>
<p class="fp">'._('And <a href="https://en.wikipedia.org/wiki/Fediverse">there are more...</a>').'</p>
<p class="p">'._('All of these platforms, like Mastodon, don’t have a unique central server, but are “Galaxies” of many independent Instances: there is no “main” or “official” Friendica Instance, you can choose among different Pixelfed Instances, and so on. And all of these platforms (“Galaxies”) interact with each other, forming the Fediverse.').'</p>
<p class="p">'._('What does that mean? Well, imagine that you could directly receive Facebook statuses on Twitter, or even liking and commenting a YouTube video using your Tumblr account: that’s what the Fediverse is! You have a Pixelfed account? Ok, I don’t use Pixelfed but I can follow you from Mastodon! A friend of mine doesn’t like Mastodon and prefers the more Facebook-like Friendica instead? No problem: he can follow me from Friendica and we can both write to and interact with each other, while staying each one on the platform that we prefer!').'</p>
<p class="p">'._('Remember, however, that the Fediverse is constantly evolving and therefore not everything always works right already. Some things may work differently than you would like, and the people carrying out their development may not be able to fix them on the fly, or to add features that you prioritize over others. Work is in progress, in short, and so it is not surprising that you will have to make some compromises.').'</p>

3
web/site/instances.php
View file

@ -392,7 +392,8 @@ while ($if<$il && $row=mysqli_fetch_assoc($res)) {
$if++;
$out='<div class="ihead"><a href="https://'.hspech($row['URI']).'" title="'._('Go to instance').'">'.hspech($row['URI']).'</a>';
if (!$single) $out.=' <a href="'.$conf['instpath'].'/instances?id='.$row['ID'].'" title="'._('Direct link to this instance’s card').'">('.$if.'/'.$itot.')</a>';
$out.='</div>'.N.'<div class="ibody">'.N;
$out.='</div>'.N;
($if<$il) ? $out.='<div class="ibody">'.N : $out.='<div class="ibodylast">'.N;
$qbt=microtime(true);
$rres=tquery('SELECT CONCAT(Languages.Name'.$dlanguc.'," (",Languages.Code,")") AS Lang FROM InstOurLangs LEFT JOIN Languages ON Languages.ID=InstOurLangs.OurLangID WHERE InstOurLangs.InstID='.$row['ID'].' ORDER BY InstOurLangs.Pos ASC',__LINE__);
$buf=array();

3
web/site/links.php
View file

@ -9,8 +9,7 @@ echo('</nav>
<div class="scrwide">
<div class="scrwidein">
<section class="sectcontm">
<h3>'._('Links').'</h3>
<p>'._('Some links you may find useful').'</p>
<h3>'._('Some links you may find useful').'</h3>
<ul>
<li><a href="https://fediverse.party/">fediverse.party</a>: '._('a good starting point to approach the Fediverse').'</li>
<li><a href="https://fediverse.info/">fediverse.info</a>: '._('an extensive guide to the Fediverse with a Directory of accounts').'</li>

18
web/site/stats.php
View file

@ -12,7 +12,7 @@ echo('</nav>
<div class="scrwide">
<div class="scrwidein">
<section class="sectcontm">
<h3>'._('Statistics').'</h3>
<h3>'._('Statistics for the last 30 days').'</h3>
<script language="JavaScript">
</script>
'.N);
@ -27,15 +27,13 @@ function sp($num,$sing,$plur) {
$link=mysqli_connect($conf['db_host'],$conf['db_user_name'],$conf['db_user_password'],$conf['db_name'],$conf['db_port'],$conf['db_socket']) or muorimeglio(_('Couldn’t connect to database: ').mysqli_connect_error().' ['.mysqli_connect_errno().']',false);
mysqli_set_charset($link,'utf8mb4');
$res=mysqli_query($link,'SELECT MAX(Visits) AS MaxVisits, MAX(Hits) AS MaxHits FROM ZStats') or muorimeglio(__LINE__.': '.mysqli_error($link),true);
$row=mysqli_fetch_assoc($res);
$maxvisits=$row['MaxVisits'];
$maxhits=$row['MaxHits'];
echo('<p>'._('Statistics for the last 30 days.').'</p>'.N);
$now=time();
$tdstart=gmmktime(0,0,0,gmdate('n',$now),gmdate('j',$now),gmdate('Y',$now));
$limit=$tdstart-(30*24*60*60);
$res=mysqli_query($link,'SELECT MAX(Visits) AS MaxVisits, MAX(Hits) AS MaxHits FROM ZStats WHERE TS >= '.$limit) or muorimeglio(__LINE__.': '.mysqli_error($link),true);
$row=mysqli_fetch_assoc($res);
$maxvisits=$row['MaxVisits'];
$maxhits=$row['MaxHits'];
$res=mysqli_query($link,'SELECT * FROM ZStats WHERE TS >= '.$limit.' ORDER BY TS DESC') or muorimeglio(__LINE__.': '.mysqli_error($link),true);
$hpmap=array(
'home'=>_('Guide'),
@ -71,18 +69,16 @@ while ($row=mysqli_fetch_assoc($res)) {
foreach($buf as $key=>$val) $hp.=$key.': '.fnum($val,0,$dlang).'; ';
$hp=_('Hits per page').': '.substr($hp,0,-2);
echo('<div class="info">'.gmdate('d/m/Y',$row['TS']).': '.fnum($row['Visits'],0,$dlang).' <span class="visitslab">'.sp($row['Visits'],_('visit'),_('visits')).'</span>, '.fnum($row['Hits'],0,$dlang).' <span class="hitslab">'.sp($row['Hits'],_('hit'),_('hits')).'</span></div>'.N);
echo('<div class="info1st">'.gmdate('d/m/Y',$row['TS']).': '.fnum($row['Visits'],0,$dlang).' <span class="visitslab">'.sp($row['Visits'],_('visit'),_('visits')).'</span>, '.fnum($row['Hits'],0,$dlang).' <span class="hitslab">'.sp($row['Hits'],_('hit'),_('hits')).'</span></div>'.N);
echo('<div class="info">'.$hl.'</div>'.N);
echo('<div class="info">'.$hp.'</div>'.N);
echo('<div class="visits" style="width:'.(100/$maxvisits*$row['Visits']).'%"></div>'.N);
echo('<div class="hits" style="width:'.(100/$maxhits*$row['Hits']).'%"></div>'.N);
echo('<div class="sep"></div>'.N);
}
mysqli_close($link);
echo('<div style="height:10px;"></div>
</section>
echo('</section>
</div>
</div>'.N);