planiverse

A minimalist, no-JS front-end for Mastodon.
git clone https://git.stjo.hn/planiverse
Log | Files | Refs | README | LICENSE

commit 457da06f22b6cb522306e22a3815146f516e2a16
parent 73d0123d69306a150e4f0df5002296028d630fd2
Author: St John Karp <stjohn@fuzzjunket.com>
Date:   Sun,  7 Oct 2018 17:51:22 -0700

Switch from hr dividers to list items

Switched from using horizontal rules to divide articles to
making each article a list item. This is invisible to graphical
browsers, but makes identifying posts and reposts much easier
in text browsers.

Diffstat:
Mpublic/css/styles.css | 11+++++------
Mresources/views/context.blade.php | 22++++++++++++----------
Mresources/views/home_timeline.blade.php | 10++++++----
Mresources/views/notification.blade.php | 4++--
Mresources/views/notifications.blade.php | 10++++++----
Mresources/views/public_timeline.blade.php | 10++++++----
Mresources/views/status.blade.php | 6++----
Mresources/views/status_content.blade.php | 6++++--
8 files changed, 43 insertions(+), 36 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css @@ -82,18 +82,17 @@ input, textarea { width: 100%; } +ul { + list-style: none; + padding: 0; +} + nav ul { display: flex; justify-content: space-between; - list-style: none; - padding: 0; } nav ul li { display: inline; margin-top: 0; } - -hr { - display: none; -} diff --git a/resources/views/context.blade.php b/resources/views/context.blade.php @@ -15,17 +15,19 @@ @component('navigation') @endcomponent - @foreach ($context['ancestors'] as $ancestor) - @component('status', ['status' => $ancestor]) - @endcomponent - @endforeach - - @component('status', ['status' => $status]) - @endcomponent + <ul> + @foreach ($context['ancestors'] as $ancestor) + @component('status', ['status' => $ancestor]) + @endcomponent + @endforeach - @foreach ($context['descendants'] as $descendant) - @component('status', ['status' => $descendant]) + @component('status', ['status' => $status]) @endcomponent - @endforeach + + @foreach ($context['descendants'] as $descendant) + @component('status', ['status' => $descendant]) + @endcomponent + @endforeach + </ul> </body> </html> diff --git a/resources/views/home_timeline.blade.php b/resources/views/home_timeline.blade.php @@ -22,10 +22,12 @@ {{ csrf_field() }} </form> - @foreach ($statuses as $status) - @component('status', ['status' => $status]) - @endcomponent - @endforeach + <ul> + @foreach ($statuses as $status) + @component('status', ['status' => $status]) + @endcomponent + @endforeach + </ul> @component('pagination', ['links' => $links]) @endcomponent diff --git a/resources/views/notification.blade.php b/resources/views/notification.blade.php @@ -1,4 +1,4 @@ -<article> +<li><article> @component('event_info', [ 'account' => $notification['account'], 'created_at' => $notification['created_at'], @@ -10,4 +10,4 @@ @component('status', ['status' => $notification['status']]) @endcomponent @endif -</article> +</article></li> diff --git a/resources/views/notifications.blade.php b/resources/views/notifications.blade.php @@ -15,10 +15,12 @@ @component('navigation') @endcomponent - @foreach ($notifications as $notification) - @component('notification', ['notification' => $notification]) - @endcomponent - @endforeach + <ul> + @foreach ($notifications as $notification) + @component('notification', ['notification' => $notification]) + @endcomponent + @endforeach + </ul> @component('pagination', ['links' => $links]) @endcomponent diff --git a/resources/views/public_timeline.blade.php b/resources/views/public_timeline.blade.php @@ -15,10 +15,12 @@ @component('navigation') @endcomponent - @foreach ($statuses as $status) - @component('status', ['status' => $status]) - @endcomponent - @endforeach + <ul> + @foreach ($statuses as $status) + @component('status', ['status' => $status]) + @endcomponent + @endforeach + </ul> @component('pagination', ['links' => $links]) @endcomponent diff --git a/resources/views/status.blade.php b/resources/views/status.blade.php @@ -1,5 +1,4 @@ -<hr /> -<article> +<li><article> @component('event_info', [ 'account' => $status['account'], 'created_at' => $status['created_at'], @@ -54,5 +53,4 @@ {{ $status['favourites_count'] }} </span> </div> -</article> -<hr /> +</article></li> diff --git a/resources/views/status_content.blade.php b/resources/views/status_content.blade.php @@ -28,6 +28,8 @@ @endif @endforeach @else - @component('status', ['status' => $status['reblog']]) - @endcomponent + <ul> + @component('status', ['status' => $status['reblog']]) + @endcomponent + </ul> @endif