forked from mirror/pixelfed
138 lines
4.4 KiB
PHP
138 lines
4.4 KiB
PHP
@extends('layouts.anon')
|
|
|
|
@section('content')
|
|
<div class="jumbotron jumbotron-fluid bg-primary text-white mb-0 py-4">
|
|
<div class="container">
|
|
<p class="h1 font-weight-light">About</p>
|
|
<p class="h3 font-weight-light py-4">Pixelfed is an image sharing platform, an ethical alternative to centralized platforms.</p>
|
|
</div>
|
|
</div>
|
|
<div class="bg-white">
|
|
<div class="container d-flex justify-content-center">
|
|
<div class="card mr-3" style="width:500px;margin-top:-30px;">
|
|
<div class="card-header d-inline-flex align-items-center bg-white">
|
|
<img src="/storage/avatars/default.png" width="32px" height="32px" style="border-radius: 32px; border: 1px solid #ccc">
|
|
<span class="username font-weight-bold pl-2 text-dark">
|
|
username
|
|
</span>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<img class="img-fluid" src="/img/sample-post.jpeg">
|
|
</div>
|
|
<div class="card-footer bg-white">
|
|
<div class="likes font-weight-bold mb-2">
|
|
<span class="like-count">124k</span> likes
|
|
</div>
|
|
<div class="caption">
|
|
<p class="mb-1">
|
|
<span class="username font-weight-bold">
|
|
<bdi>username</bdi>
|
|
</span>
|
|
<span class="caption-body" data-processed="false">Hello world! <a href="#">#introduction</a></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="width:300px;margin-top:-30px;text-align: center;">
|
|
<div class="card border-left-blue mb-3">
|
|
<div class="card-body">
|
|
<p class="h2 mb-0">{{$stats['posts']}}</p>
|
|
<p class="font-weight-bold mb-0">Posts</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border-left-blue mb-3">
|
|
<div class="card-body">
|
|
<p class="h2 mb-0">{{$stats['users']}}</p>
|
|
<p class="font-weight-bold mb-0">Users</p>
|
|
</div>
|
|
</div>
|
|
|
|
@if($stats['admin'])
|
|
<div class="card border-left-blue mb-3">
|
|
<div class="card-body">
|
|
<p class="h2 mb-0">
|
|
<a href="{{$stats['admin']->url()}}">
|
|
@{{$stats['admin']->username}}
|
|
</a>
|
|
</p>
|
|
<p class="font-weight-bold mb-0">Instance Admin</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="container py-5">
|
|
</div>
|
|
</div>
|
|
<div class="bg-primary pt-5 pb-4">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Ad Free
|
|
</p>
|
|
<p class="font-weight-light mb-0">No Ads or Trackers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Chronological
|
|
</p>
|
|
<p class="font-weight-light mb-0">Timelines in order</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Federated
|
|
</p>
|
|
<p class="font-weight-light mb-0">A network of millions</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Discover
|
|
</p>
|
|
<p class="font-weight-light mb-0">Discover popular posts</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Photo Filters
|
|
</p>
|
|
<p class="font-weight-light mb-0">Add an optional filter</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 mb-4">
|
|
<div class="card bg-transparent" style="box-shadow: none;border:1px solid #fff">
|
|
<div class="card-body text-white text-center">
|
|
<p class="font-weight-bold lead mb-0">
|
|
Stories
|
|
</p>
|
|
<p class="font-weight-light mb-0">Coming Soon!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('meta')
|
|
<meta property="og:description" content="Pixelfed is an image sharing platform, an ethical alternative to centralized platforms.">
|
|
@endpush |