@extends('layouts.app')

@section('styles')
html {
	height: 100%;
}
@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">
					This website index and curates automatically "good" articles from Wikipedia.

<br>
<br>

It does so by fetching the <a href="https://news.ycombinator.com">{!! file_get_contents(public_path() . "/img/y-combinator.svg") !!} Hacker News (HN)</a> API and checking for a specific threshold. The idea is that an article is good, when it is posted to and discussed on HN. And it is even better when it is more often posted and/or sparked a great discussion. To get the best out of it this website links back to every worthy discussion, hence the name.

<br>
<br>

Furthermore, it structures the articles and categorizes them in topics. You can find the respective topics above the article, or <a href="{{ route('topic_index') }}">click here</a> to see all topics alphabetically listed and <a href="{{ route('popular_topics') }}">here to see</a> them sorted by popularity. The topics above the article (those little blue pills) are clickable and link to other articles with the same topic. Those topics are not verbatim copied from the Wikipedia page, but created a custom way. And I may be biased, but I find them far more useful than the categories Wikipedia thinks those articles are in. "English poetry in 1751"? Yeah, sure, that's <em>very</em> specific.

<br>
<br>

For starters I recommend to start with the <a href="{{ route('popular') }}">most popular articles</a> and then go through the stack, or browse the <a href="{{ route('popular_topics') }}">most popular topics</a>. If you are a seasoned reader consider the <a href="{{ route('new') }}">'New' site</a> for newly added articles or the <a href="{{ route('random') }}">'Random' button</a> above, which brings some real gems to light.

<br>
<br>

If you have feedback, want to report a bug or just say hello, hit me up by e-mail: <em>hi @ thisdomain without the www .com</em>

<br>
<br>
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.

<h2>📈 Meanwhile: <strong>Stats!</strong></h2>

Indexed articles: <strong>{{ $count_articles }}</strong>
<br>
Discussions on HN:  <strong>{{ $count_discussions }} </strong>
<br>
Sum of all comments:  <strong>{{ $count_comments}} </strong>
<br>
Sum of all upvotes:  <strong>{{ $count_upvotes }} </strong> (...soo much internet juice 🤤)
<br>
<br>
Keep reading!


<!--
					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
