93 lines
4.1 KiB
PHP
93 lines
4.1 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="flex-1 overflow-hidden px-6 md:pl-12 md:pr-0 lg:pl-16 xl:pl-16 xl:pr-20 leading-relaxed text-lg" id="top">
|
|
<h1 class="mb-10 text-4xl font-bold text-gray-700 leading-2">What is Karudhaas App?</h1>
|
|
|
|
<div class="border-b bor"></div>
|
|
<p class="my-6 text-gray-800">
|
|
Karudhaas is a Web and a mobile app that helps you Discover Stories, Daily news, and inspirations. All with one app.
|
|
The app filters out articles from various news sites and aggregates them according to the respective article topics
|
|
and its source. We are planning to bring some major feature upgrades later on.
|
|
</p>
|
|
<div class="mb-2 flex flex-col">
|
|
<p class="text-gray-700">Press the icon below to download the android app</p>
|
|
<a href="/download/android"><img class="h-16 w-16" src="/images/icon.png"></a>
|
|
</div>
|
|
<div class="border-b mb-5"></div>
|
|
|
|
<h1 class="mb-10 text-2xl font-bold text-gray-700 leading-2">Late to go somewhere? We got you covered!</h1>
|
|
<p class="my-6 text-gray-800">
|
|
Karudhaas Also lets you save articles for later reading.
|
|
</p>
|
|
<div class="border-b mb-5"></div>
|
|
|
|
<h1 class="mb-10 text-2xl font-bold text-gray-700 leading-none">Got a favorite news site you check every morning?
|
|
</h1>
|
|
<p class="my-6 text-gray-800">
|
|
Karudhaas Also lets you filter out articles by your desired news source.
|
|
</p>
|
|
<div class="border-b mb-5"></div>
|
|
<h1 class="mb-10 text-2xl font-bold text-gray-700 leading-none">Contents</h1>
|
|
<p class="my-6 text-gray-800">
|
|
All the contents, logos, and images listed on the site are own by the respectful news site.
|
|
We respect the news outlets and their way of earning so we will only be showing a summary partial content of the
|
|
article. users still have to visit the original link to view the full article.
|
|
</p>
|
|
<div class="border-b mb-5"></div>
|
|
<h1 class="mb-10 text-2xl font-bold text-gray-700 leading-none">Collection</h1>
|
|
|
|
<div class="mb-5">
|
|
<div class="flex flex-wrap justify-center">
|
|
|
|
<div class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded px-10 mt-3">
|
|
<div class="flex flex-col items-center">
|
|
<lottie-player
|
|
src="https://assets8.lottiefiles.com/datafiles/98a3d0add75fc3c86f6d6f9b148c111e/Newspaper animation.json"
|
|
background="transparent" speed="1" style="width: 80px; height: 80px;" loop autoplay></lottie-player>
|
|
<h1 class="font-bold text-xl text-gray-700">Articles</h1>
|
|
<h1 class="font-bold text-xl text-gray-700">{{$total_articles}}</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded px-10 mt-3">
|
|
<div class="flex flex-col items-center">
|
|
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_TkGfat.json" background="transparent"
|
|
speed="1" style="width: 80px; height: 80px;" loop autoplay></lottie-player>
|
|
<h1 class="font-bold text-xl text-gray-700">Topics</h1>
|
|
<h1 class="font-bold text-xl text-gray-700">{{$total_topics}}</h1>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded px-10 mt-3">
|
|
<div class="flex flex-col items-center">
|
|
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_94KptK.json" background="transparent"
|
|
speed="1" style="width: 80px; height: 80px;" loop autoplay></lottie-player>
|
|
<h1 class="font-bold text-xl text-gray-700">Sources</h1>
|
|
<h1 class="font-bold text-xl text-gray-700">{{$sources->count()}}</h1>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="mb-5">
|
|
<div class="flex flex-wrap justify-center">
|
|
@foreach ($sources as $source)
|
|
<a class="flex flex-col items-center shadow hover:shadow-lg mr-5 rounded p-10 mt-3"
|
|
href="{{route('sources.show', $source->slug)}}">
|
|
<img class="h-16 w-16" src="{{$source->logo}}" alt="{{$source->slug}}" />
|
|
</a>
|
|
@endforeach
|
|
|
|
</div>
|
|
<div class="mb-5">
|
|
|
|
</div>
|
|
@endsection
|
|
|
|
@section('js')
|
|
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
|
|
@endsection |