changes in design

1 files changed, 14 insertions, 2 deletions

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>