From c0e05c13e6fd892be7344b1982962a035f7306d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 00:48:42 +0200 Subject: [PATCH 1/6] fix: removes an errand ``-tag also adds a new line at eof and trims some spaces --- resources/views/frame.blade.php | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/resources/views/frame.blade.php b/resources/views/frame.blade.php index bced601..0171e2c 100644 --- a/resources/views/frame.blade.php +++ b/resources/views/frame.blade.php @@ -6,11 +6,11 @@ - @yield('title') + @yield('title') @if(isset($front) && $front == false) - @elseif(!isset($front) || $front == true) + @elseif(!isset($front) || $front == true) @endif @@ -98,6 +98,5 @@ - - \ No newline at end of file + From d138198305be5dd0df331d3e3fa9570b545e6005 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 18:54:51 +0200 Subject: [PATCH 2/6] feat: add visually-hidden utility --- public/assets/css/front/start.css | 1 + public/assets/css/global/utilities.css | 13 +++++++++++++ 2 files changed, 14 insertions(+) create mode 100644 public/assets/css/global/utilities.css diff --git a/public/assets/css/front/start.css b/public/assets/css/front/start.css index 74d1328..f009354 100644 --- a/public/assets/css/front/start.css +++ b/public/assets/css/front/start.css @@ -1,3 +1,4 @@ +@import "../global/utilities.css"; @import "../global/colors.css"; @import "../global/forms.css"; @import "../global/typography.css"; diff --git a/public/assets/css/global/utilities.css b/public/assets/css/global/utilities.css new file mode 100644 index 0000000..87bf786 --- /dev/null +++ b/public/assets/css/global/utilities.css @@ -0,0 +1,13 @@ +/** + * Utilities + */ + +.visually-hidden:not(:focus):not(:active) { + position: absolute; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(0 0 0 0); + clip-path: inset(50%); + white-space: nowrap; +} From 0f16b275a0efc4c5e462ce640cf95fea27e66bd5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 19:00:21 +0200 Subject: [PATCH 3/6] refactor: use a -element for index-meta --- public/assets/css/front/index.css | 31 +++++++++++++++++---------- resources/views/front/index.blade.php | 23 +++++++++++++------- 2 files changed, 35 insertions(+), 19 deletions(-) diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css index b7389b9..2d790ef 100644 --- a/public/assets/css/front/index.css +++ b/public/assets/css/front/index.css @@ -53,20 +53,29 @@ section.index-meta article { margin-top: 20px; } -div.index-meta { - display: grid; - grid-template-columns: 50% 50%; - gap: 10px; - width: 98%; - font-weight: 500; - color: var(--secondary); +table.index-meta { + width: 100%; + border-collapse: collapse; + border-spacing: 0; } -div.index-meta > label:nth-child(2), -div.index-meta > label:nth-child(4), -div.index-meta > label:nth-child(6) { +table.index-meta tr + tr > * { + padding-block-start: 10px; +} + +table.index-meta :is(th, td) { + padding: 0; + font-weight: 500; +} + +table.index-meta th { + color: var(--secondary); + text-align: left; +} + +table.index-meta td { + padding-inline-start: 10px; color: var(--white); - width: 100%; text-align: right; } diff --git a/resources/views/front/index.blade.php b/resources/views/front/index.blade.php index ce74730..e68b58e 100644 --- a/resources/views/front/index.blade.php +++ b/resources/views/front/index.blade.php @@ -38,14 +38,21 @@ @endisset
-
- - - - - - -
+
+ + + + + + + + + + + + + +
Active Locations Tracked{{$count}}
Total Sources{{$sources}}
Latest Update{{$latest_date}}
@endsection \ No newline at end of file From 5515503117d7991ec4ea70929bdc181e4ddd7c54 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 19:08:06 +0200 Subject: [PATCH 4/6] fix: set meta-index padding --- public/assets/css/front/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/assets/css/front/index.css b/public/assets/css/front/index.css index 2d790ef..f73f367 100644 --- a/public/assets/css/front/index.css +++ b/public/assets/css/front/index.css @@ -50,7 +50,7 @@ form.index-search-form > button > label { } section.index-meta article { - margin-top: 20px; + padding-block: 30px; } table.index-meta { From 2c88d45e529913f6c206c12ffc64b6cb2e84153e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 20:37:34 +0200 Subject: [PATCH 5/6] style: make indentation consistent MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit also adds some HTML tags here and there but doesn’t change any content. --- resources/views/front/about.blade.php | 134 +++++++++++--------------- 1 file changed, 57 insertions(+), 77 deletions(-) diff --git a/resources/views/front/about.blade.php b/resources/views/front/about.blade.php index 7fdbcb0..bf5fc31 100644 --- a/resources/views/front/about.blade.php +++ b/resources/views/front/about.blade.php @@ -1,89 +1,69 @@ -@extends('frame') +@extends('frame') @section('title', 'The Bad Space|About') - @section('main-content') +@section('main-content') @parent
-
-

What is The Bad Space?

-

The Bad Space arose from a need to identify instances that house bad actors, are poorly moderated, and/or contain inappropriate/offensive content (CSAM, hate speech, fascist ideology, etc.) that puts marginalized communities at risk. -

-

- It is an extension of the - #fediblock - hashtag - orginally created by - Artist Marcia X - with additional support from - Ginger - to provide a catalog of instances that seek to cause harm and reduce the quality of experience in the fediverse. -

-

- The searchable online catalog is built and maintained by - Ro. The repo can be found here. -

-

Custom silence and suspend icons graciously provided by puf.

-

How does it work?

-

The Bad Space is a collaboration of communities, referred to as Current Sources, committed to actively moderating against racism, sexism, heterosexism, transphobia, ableism, casteism, or religion.

+
+

What is The Bad Space?

+

The Bad Space arose from a need to identify instances that house bad actors, are poorly moderated, and/or contain inappropriate/offensive content (CSAM, hate speech, fascist ideology, etc.) that puts marginalized communities at risk.

+

It is an extension of the #fediblock hashtag - orginally created by Artist Marcia X with additional support from Ginger to provide a catalog of instances that seek to cause harm and reduce the quality of experience in the fediverse.

+

The searchable online catalog is built and maintained by Ro. The repo can be found here.

+

Custom silence and suspend icons graciously provided by puf.

-

These communities have permitted The Bad Space to ingest their respective blocklists detailing their silences and suspension to create a composite directory of sites that engage in the behavior(s) listed in the section above. For each behavior, the directory of locations can be searched and, through The Bad Space's public API, integrated into external services.

+

How does it work?

+

The Bad Space is a collaboration of communities, referred to as Current Sources, committed to actively moderating against racism, sexism, heterosexism, transphobia, ableism, casteism, or religion.

+

These communities have permitted The Bad Space to ingest their respective blocklists detailing their silences and suspension to create a composite directory of sites that engage in the behavior(s) listed in the section above. For each behavior, the directory of locations can be searched and, through The Bad Space's public API, integrated into external services.

-

Adding Locations

-

- Current Sources continually review the #fediblock hashtag and update their silences and suspensions when warranted. If an instance meets the criteria of a Current Source to be suspended or silenced, The Bad Space will automatically be updated according to said Current Sources' curated data. +

Adding Locations

+

Current Sources continually review the #fediblock hashtag and update their silences and suspensions when warranted. If an instance meets the criteria of a Current Source to be suspended or silenced, The Bad Space will automatically be updated according to said Current Sources' curated data.

+

For an instance to be listed on The Bad Space, at least two (2) Current Sources must have that location silenced and/or suspended. Instances will not display in the directory until two (2) Current Sources have taken moderation action against them.

- For an instance to be listed on The Bad Space, at least two (2) Current Sources must have that location silenced and/or suspended. Instances will not display in the directory until two (2) Current Sources have taken moderation action against them. -

-

Removing Locations

- Locations that are displayed in The Bad Space may petition to be removed from the catalog by sending an appeal request to The Bad Space. The appeal process is outlined here. +

Removing Locations

+

Locations that are displayed in The Bad Space may petition to be removed from the catalog by sending an appeal request to The Bad Space. The appeal process is outlined here.

-

Current Sources:

- Maston:
- @foreach($sources as $source) - @if($source->format == 'json') - {{$source->url}}
- @endif - @endforeach - Custom CSV
- @foreach($sources as $source) - @if($source->format == 'csv') - {{$source->url}}
- @endif - @endforeach +

Current Sources:

+ Maston:
+ @foreach($sources as $source) + @if($source->format == 'json') + {{$source->url}}
+ @endif + @endforeach + Custom CSV
+ @foreach($sources as $source) + @if($source->format == 'csv') + {{$source->url}}
+ @endif + @endforeach -

How do I use it?

-

- The Bad Space is meant to be a resource for anyone looking to improve the quality of their online experience by creating a tool that catalogs sources for harassment and abuse. There are several options for how it can be used. -

Search

- To see if a site is listed in the database, use the - search feature - to search for that URL. If it is in the database, information for that instance will be returned and associated instances if applicable. -

CSV Exports

- For a list of the current locations being tracked, click on one of the links below to download a dynamically generated CSV file that can be consumed as a blocklist. More formats will be added over time. -
- For Mastodon -

API

- The Bad Space has a public api that can be used to search the database programatically and return results in the JSON format. The API can be accsess at
- https://thebad.space/api/v1/search - by posting a JSON object with the following format: - {"url":"search.url"}
- Data from API request will be returned in the follow format:
+

How do I use it?

+

The Bad Space is meant to be a resource for anyone looking to improve the quality of their online experience by creating a tool that catalogs sources for harassment and abuse. There are several options for how it can be used.

- 
-        {
-            data:{
-                "listingCount":1,
-                  "locations":
-                  [
-                    {
-                      "url":"search.url",
-                      "name":"Instance Name",
-                      "description":"instance description",
-                      "link":"bad-space-instance-link"
-                    }
-                  ]
+            
Search

+            
To see if a site is listed in the database, use the search feature to search for that URL. If it is in the database, information for that instance will be returned and associated instances if applicable.

+
+            
CSV Exports

+            
For a list of the current locations being tracked, click on one of the links below to download a dynamically generated CSV file that can be consumed as a blocklist. More formats will be added over time.

+            
For Mastodon

+
+            
API

+            
The Bad Space has a public api that can be used to search the database programatically and return results in the JSON format. The API can be accsess at https://thebad.space/api/v1/search by posting a JSON object with the following format: {"url":"search.url"}. Data from API request will be returned in the follow format:

+
+
+{
+    data:{
+        "listingCount":1,
+          "locations":
+          [
+            {
+              "url":"search.url",
+              "name":"Instance Name",
+              "description":"instance description",
+              "link":"bad-space-instance-link"
             }
-        }
-        

-        

+          ]
+    }
+}
+
- @endsection \ No newline at end of file +@endsection From cf11d246d1e9898f80746033789e2bd32b962ddc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zo=C3=AB?= Date: Fri, 2 May 2025 20:46:10 +0200 Subject: [PATCH 6/6] refactor: current sources MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit changes: - `` → `

` - add a `.strong` class to mimic the `` behaviour - wrap lists in `
    ` - provide feedback when no sources are available --- public/assets/css/global/typography.css | 5 ++++ resources/views/front/about.blade.php | 36 ++++++++++++++++--------- 2 files changed, 28 insertions(+), 13 deletions(-) diff --git a/public/assets/css/global/typography.css b/public/assets/css/global/typography.css index c2bfe01..8e1b0ca 100644 --- a/public/assets/css/global/typography.css +++ b/public/assets/css/global/typography.css @@ -67,6 +67,11 @@ h3 { font-weight: 500; } +h3.strong { + color: var(--secondary); + font-weight: bolder; +} + @media only screen and (max-width: 800px) { h1 { font-size: 2em; diff --git a/resources/views/front/about.blade.php b/resources/views/front/about.blade.php index bf5fc31..cb95fca 100644 --- a/resources/views/front/about.blade.php +++ b/resources/views/front/about.blade.php @@ -21,19 +21,29 @@

    Removing Locations

    Locations that are displayed in The Bad Space may petition to be removed from the catalog by sending an appeal request to The Bad Space. The appeal process is outlined here.

    -

    Current Sources:

    - Maston:
    - @foreach($sources as $source) - @if($source->format == 'json') - {{$source->url}}
    - @endif - @endforeach - Custom CSV
    - @foreach($sources as $source) - @if($source->format == 'csv') - {{$source->url}}
    - @endif - @endforeach +

    Current Sources:

    + +

    Maston:

    +
      + @foreach($sources as $source) + @if($source->format == 'json') +
    • {{$source->url}}
      • + @else +
    • None
      • + @endif + @endforeach +
    + +

    Custom CSV

    +
      + @foreach($sources as $source) + @if($source->format == 'csv') +
    • {{$source->url}}
      • + @else +
    • None
      • + @endif + @endforeach +

    How do I use it?

    The Bad Space is meant to be a resource for anyone looking to improve the quality of their online experience by creating a tool that catalogs sources for harassment and abuse. There are several options for how it can be used.