@extends('layouts.app')

@section('styles')
html {
	height: 100%;
}
.hn {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
  fill: #ff6600;
}

@endsection

@section('content')
	<div style="margin-top: 20px" class="container">

		<div class="card">
			<h1 class="card-header">
				More about <strong>{{ env('APP_NAME') }}</strong>
			</h1>
			<div class="card-body">
				<p class="card-text">
					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.
					<br>
					<br>
					So I keep this as a resource of curious, obscure, inspiring and interesting bits and insights.
					Other way to phrase it: Reading Wikipedia was my hobby, so I automated it. (Sure, what else.)
					<br>
					<br>
					Enter <a href="{{ route('index') }}">mostdiscussed.com</a>. This is a collection of curated Wikipedia articles, sourced primarily (for now) from <a href="https://news.ycombinator.com">{!! file_get_contents(public_path() . "/img/y-combinator.svg") !!} Hacker News</a>. For structured consuming most of them are further categorized in topics. For starting, I recommend <a href="{{ route('popular') }}">reading the most popular articles</a> or <a href="{{ route('popular_topics') }}">browse by topics</a>.
				</p>
			</div>
		</div>
<!--
	<div style="margin-bottom: 20px"></div>

	<div class="card">
			<h1 class="card-header">
			</h1>
		<div class="card-body">
			<p class="card-text">
			</p>
		</div>
	</div>

	<div style="margin-bottom: 20px"></div>

-->
	</div>
@endsection

@section ('footer')
	@include ('layouts.footer')
@endsection