From 264302f6cdc630097e45ac76509da20ea4ccf684 Mon Sep 17 00:00:00 2001
From: horus
Date: Tue, 16 Jan 2024 01:12:23 +0100
Subject: changes in design

---
 resources/views/about.blade.php          | 11 +----------
 resources/views/index.blade.php          | 16 ++++++++++++++--
 resources/views/layouts/app.blade.php    |  1 +
 resources/views/layouts/footer.blade.php |  2 +-
 resources/views/list.blade.php           | 10 ++++++++--
 5 files changed, 25 insertions(+), 15 deletions(-)

(limited to 'resources/views')

diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index 14b62dc..b8547f2 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -4,15 +4,6 @@
 html {
 	height: 100%;
 }
-.hn {
-  display: inline-block;
-  font-size: inherit;
-  height: 1em;
-  overflow: visible;
-  vertical-align: -.125em;
-  fill: #ff6600;
-}
-
 @endsection
 
 @section('content')
@@ -48,7 +39,7 @@ If you have feedback, want to report a bug or just say hello, hit me up by e-mai
 
 <br>
 <br>
-You can now also follow on Mastodon <a href="https://mstdn.social/@MostDiscussed" target=_blank>@MostDiscussed</a>.
+You can now also follow on Mastodon <a title="Follow on Mastodon {{ env('MASTODON_HANDLE') }}" href="{{ env('MASTODON_URL') }}" target=_blank>{!! file_get_contents(public_path() . "/img/mastodon.svg") !!} @MostDiscussed</a> to stay up to date.
 
 <!--
 					I was curious what HN may find interesting, so I used upvoted or discussed articles from Wikipedia as a proxy and build this. All articles are <a href="{{ route('popular_topics') }}">structured and categorized</a> to get a better overview. Unsurprisingly <a href="{{ route('topic', 'computing') }}">computing</a> was on the top, but then it might get interesting.
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index c4e3402..712cc36 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -9,6 +9,13 @@
 		width: 100%;
 	}
 }
+html {
+	height: 100%;
+}
+.cover-heading {
+	margin-top: 4rem;
+}
+
 @endsection
 
 @section('content')
@@ -18,16 +25,21 @@
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
 
   <div role="main" class="inner cover">
-    <h1 class="cover-heading">Top Discussed Wikipedia Articles</h1>
+    <h1 class="cover-heading">The Most Interesting Articles On Wikipedia</h1>
+<br>
     <p class="lead">
 	Best of Wikipedia, filtered, tagged and discussed. <br>For the curious reader.
     </p>
+<br>
     <p class="lead">
       <a href="{{ route('popular') }}" class="btn btn-lg btn-outline-primary">Most Popular</a>
       <a href="{{ route('popular_topics') }}" class="btn btn-lg btn-outline-primary btn-mobile-second">Popular Topics</a>
     </p>
     <p class="lead mt-50">
-      Find out more, why and how<br> <a href="{{ route('about') }}">About MostDiscussed.com</a>
+      <a href="{{ route('about') }}">What, why and how❔</a>
+	<br>
+	<br>
+	Follow on <a title="Follow on Mastodon {{ env('MASTODON_HANDLE') }}" href="{{ env('MASTODON_URL') }}" target="_blank">{!! file_get_contents(public_path() . "/img/mastodon.svg") !!} Mastodon</a>
     </p>
   </div>
 
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 64bc3dc..ca59000 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -8,6 +8,7 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     <link rel="me" href="https://mstdn.social/@MostDiscussed">
+    <link rel="me" href="https://mastodon.social/@MostDiscussed">
 
     <title>{{ config('app.name', 'Laravel') }}@if( "index" != Request::route()->getName() ) - {{ ucwords(Request::route()->getName()) }} Articles @endif</title>
 
diff --git a/resources/views/layouts/footer.blade.php b/resources/views/layouts/footer.blade.php
index 1f56b8e..5a8c6e8 100644
--- a/resources/views/layouts/footer.blade.php
+++ b/resources/views/layouts/footer.blade.php
@@ -12,7 +12,7 @@
 		<strong>
 			<a href="{{ route('about') }}">About {{ env('APP_NAME') }}</a>
 			<br>
-			<a href="https://mstdn.social/@MostDiscussed">Follow on Mastodon</a>
+			<a target="_blank" title="Follow on Mastodon {{ env('MASTODON_HANDLE') }}" href="{{ env('MASTODON_URL') }}">Follow on {!! file_get_contents(public_path() . "/img/mastodon.svg") !!} Mastodon</a>
 		</strong>
 	</div>
 </footer>
diff --git a/resources/views/list.blade.php b/resources/views/list.blade.php
index 575af7c..344de46 100644
--- a/resources/views/list.blade.php
+++ b/resources/views/list.blade.php
@@ -96,6 +96,12 @@
 					<em>You are looking at the most popular articles. If you are interested in </em><strong>popular topics</strong><em> instead, <a href="{{ route('popular_topics') }}" title="popular topics">click here</a>.</em>
 				</p>
 			</div>
+		@elseif ( "new" == Request::route()->getName() )
+			<div class="card-body">
+				<p class="card-text">
+					To stay up to date you can also follow on <a title="Follow on Mastodon {{ env('MASTODON_HANDLE') }}" href="{{ env('MASTODON_URL') }}" target="_blank">{!! file_get_contents(public_path() . "/img/mastodon.svg") !!} Mastodon</a>.
+				</p>
+			</div>
 		@endif
 		
 	@endif
@@ -106,14 +112,14 @@
 		<div class="card">
 				<h1 class="card-header">
 					<a style="color:inherit;" href="{{ $article->url }}" title="{{ $article->title }}">
-						{{ $article->title }}
+						🔗 {{ $article->title }}
 					</a>
 				</h1>
 			<div class="card-body">
 				@if ( ! is_null($article->getCategories()) )
 					@foreach ( $article->getCategories()->get() as $cat )
 						<a class="badge badge-pill badge-primary" href="/topic/{{ $cat->name }}">
-						{{ $cat->name }}
+						🔗 {{ $cat->name }}
 						</a>
 					@endforeach
 				@endif
-- 
cgit v1.2.3