@extends('layouts.app')

@section('styles')
@endsection

@section('content')

@if ( "index" == Request::route()->getName() )
<div class="text-center">
   <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">Most Discussed Articles</h1>
    <p class="lead">
	Best of Wikipedia, filtered, tagged and discussed. <br>For the curious reader.
    </p>
    <p class="lead">
      <a href="{{ route('popular') }}" class="btn btn-lg btn-outline-primary">Most Popular</a>
    </p>
    <p class="lead mt-50">
      Not ready to explore?<br> <a href="{{ route('about') }}">Then learn more</a>.
    </p>
  </div>

</div>
</div>
  @endif
@endsection