Update about views

This commit is contained in:
Daniel Supernault 2019-06-19 19:51:29 -06:00
parent 13ceef0f9e
commit 2fbcd6dbbf
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
2 changed files with 235 additions and 117 deletions

View file

@ -0,0 +1,119 @@
@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">{{$page->title ?? '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:800px;margin-top:-30px;">
<div class="card-body">
{!! $page->content !!}
</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()}}">
&commat;{{$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

View file

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