1
0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00

Updated Location Page design

Updated the design for pages displaying information about specifiic
locations to clearly display heat rating, silence and suspeneded
statistics.

Also inlcude a descriptor for heat rating.
This commit is contained in:
ro
2024-01-26 14:50:20 -06:00
parent c13f144e20
commit 0785e76df6
4 changed files with 69 additions and 14 deletions

View File

@ -6,25 +6,40 @@
@parent
<section>
<article>
<h1 class="location-title">{{$title}}</h1>
<h2>Description</h2>
{{$location->description}}<br />
<h2>Screens</h2>
<h2>References</h2>
<h3>Images</h3>
@if($images != null)
@foreach($images as $image)
<a href="/{{$image->path}}" class="location-image" style="background: url(/{{$image->path}}) no-repeat center center / cover #fc6399" />
</a>
@endforeach
@endif
<br />
<strong>Total Actions:</strong> {{$actions}}/{{$sources_count}}<br />
<img class="rating-icon" src="/assets/images/global/status-suspend.svg" title="suspended" />
<strong>Suspended: {{$location->block_count}}</strong>
@php
$action = $location->block_count + $location->silence_count;
$rating = ($action / $sources_count)*100;
@endphp
<h3>Links</h3>
<div class="location-rating">
<div>
<img class="rating-icon" src="/assets/images/global/heat.svg" title="heat-rating" />
<span>RATING: {{$rating}}%</span>
</div>
<div>
<img class="rating-icon" src="/assets/images/global/status-silence.svg" title="silenced" />
<span>SILENCED: {{$location->silence_count}}</span>
</div>
<div>
<img class="rating-icon" src="/assets/images/global/status-suspend.svg" title="suspended" />
<span>SUSPENDED: {{$location->block_count}}</span>
</div>
</div>
<img class="rating-icon" src="/assets/images/global/status-silence.svg" title="silenced" />
<strong>Silenced: {{$location->silence_count}}</strong>
<br /><br />
Total Actions represent the number of actions, silences or suspensions, that have been taken against an instance by <a href="/about#how">Current Sources</a>
<br />
Heat Rating is the percentage of <a href="/about#how">Current Sources</a> that have taken action against an instance. The higher the number of Sources that have silenced and/or suspended an instance, the higher the Heat Rating.
<br />UPDATED : {{$updated}}
</article>