@ -1,172 +1,49 @@
@extends('layouts.app')
<!DOCTYPE html>
< html lang = "{{ app()->getLocale() }}" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "csrf-token" content = "{{ csrf_token() }}" >
@section('content')
< meta name = "mobile-web-app-capable" content = "yes" >
< title > {{ config('app.name', 'Laravel') }}< / title >
< div class = "jumbotron jumbotron-fluid bg-alt text-white my-0" >
< div class = "container text-center mt-5" >
< h1 class = "display-4 font-weight-ultralight" > Image Sharing for Everyone< / h1 >
< p class = "h3 font-weight-ultralight" > A free and ethical photo sharing platform.< / p >
< / div >
< / div >
< div class = "py-3" > < / div >
< div class = "container slim d-none d-md-block" >
< 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" >
< 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" >
< 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" >
< 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 class = "py-5 d-none d-md-block" > < / div >
< div class = "container slim d-flex justify-content-center" >
< div class = "card" style = "width:500px;" >
< 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 >
< div class = "py-5 my-5" > < / div >
< div class = "container" >
< div class = "row d-flex align-items-center" >
< div class = "col-12 col-md-5" >
< img src = "/img/online_world.svg" class = "img-fluid" >
< / div >
< div class = "col-12 col-md-7 text-center" >
< h1 class = "h1" > Create. Discover. Share.< / h1 >
< p class = "h3 font-weight-light" >
A feature rich photo sharing experience < br >
< / p >
< / div >
< / div >
< / div >
< div class = "py-5 my-5" > < / div >
< div class = "bg-white" >
< section class = "container slim mt-5" >
< div class = "row py-5" >
< div class = "col-12 my-5 py-5" >
< div class = "text-center" >
< h1 class = "display-4" > Powered by People< / h1 >
< p class = "h3 font-weight-light" >
Pixelfed is an open-source, federated platform. < br >
You can run your own instance or join one. < br >
< / p >
{{-- < p class = "pt-5 mb-0" >
< a class = "btn btn-outline-secondary btn-lg font-weight-ultralight mr-3" href = "{{route('site.about')}}" > About this Instance< / a >
< a class = "btn btn-outline-secondary btn-lg font-weight-ultralight" href = "{{route('login')}}" > Login< / a >
< / p > --}}
< / div >
< meta property = "og:site_name" content = "{{ config('app.name', 'pixelfed') }}" >
< meta property = "og:title" content = "{{ config('app.name', 'pixelfed') }}" >
< meta property = "og:type" content = "article" >
< meta property = "og:url" content = "{{request()->url()}}" >
< meta property = "og:description" content = "Federated Image Sharing" >
< meta name = "medium" content = "image" >
< meta name = "theme-color" content = "#10c5f8" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< link rel = "shortcut icon" type = "image/png" href = "/img/favicon.png?v=2" >
< link href = "{{ mix('css/app.css') }}" rel = "stylesheet" data-stylesheet = "light" >
< / head >
< body class = "" >
< main id = "content" >
< landing-page > < / landing-page >
< / main >
< footer >
< div class = "container py-3" >
< p class = "mb-0 text-uppercase font-weight-bold small text-justify" >
< a href = "{{route('site.about')}}" class = "text-primary pr-3" > {{__('site.about')}}< / a >
< a href = "{{route('site.help')}}" class = "text-primary pr-3" > {{__('site.help')}}< / a >
< a href = "{{route('site.opensource')}}" class = "text-primary pr-3" > {{__('site.opensource')}}< / a >
< a href = "{{route('site.terms')}}" class = "text-primary pr-3" > {{__('site.terms')}}< / a >
< a href = "{{route('site.privacy')}}" class = "text-primary pr-3" > {{__('site.privacy')}}< / a >
< a href = "{{route('site.platform')}}" class = "text-primary pr-3" > API< / a >
< a href = "{{route('site.language')}}" class = "text-primary pr-3" > {{__('site.language')}}< / a >
< a href = "https://pixelfed.org" class = "text-muted float-right" rel = "noopener" title = "version {{config('pixelfed.version')}}" data-toggle = "tooltip" > Powered by PixelFed< / a >
< / p >
< / div >
< / footer >
< / body >
< / div >
< / div >
< / section >
< / div >
@endsection
< script type = "text/javascript" src = "{{mix('js/app.js')}}" > < / script >
< script type = "text/javascript" src = "{{mix('js/landing.js')}}" > < / script >
< / html >
@push('meta')
< meta property = "og:description" content = "Federated Image Sharing" >
< style type = "text/css" >
.container.slim {
width: auto;
max-width: 680px;
padding: 0 15px;
}
.bg-alt {
background: #FEAC5E;
background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
}
.jumbotron.bg-alt:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
min-height: 900px;
top: 0;
-webkit-transform: skewY(-12deg);
transform: skewY(-12deg);
background: #FEAC5E;
background: -webkit-linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
background: linear-gradient(to right, #4BC0C8, #C779D0, #FEAC5E);
}
< / style >
@endpush
daniel
6 years ago
committed by
GitHub
