mirror of https://github.com/pixelfed/pixelfed.git
Add Help Center views
This commit is contained in:
Daniel Supernault
parent
77b2e6d3e9
commit
ae69af69a0
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Abusive/Malicious Activity'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Abusive/Malicious Activity</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Blocking Accounts'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Blocking Accounts</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Community Guidelines'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Community Guidelines</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Controlling Visibility'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Controlling Visibility</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Data Policy'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Data Policy</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Discover'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Discover</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Direct Messages'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Direct Messages</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Embed'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Embed</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Getting Started'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Getting Started</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="font-weight-light">Welcome to Pixelfed.</p>
|
||||
<p class="font-weight-light">Pixelfed is a federated media sharing platform inspired by Instagram.</p>
|
||||
<hr>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I create a Pixelfed account?
|
||||
</a>
|
||||
<div class="collapse" id="collapse1">
|
||||
<div>
|
||||
To create an account using a web browser:
|
||||
<ol>
|
||||
<li>Go to <a href="{{config('app.url')}}">{{config('app.url')}}</a>.</li>
|
||||
<li>Click on the register link at the top of the page.</li>
|
||||
<li>Enter your name, email address, username and password.</li>
|
||||
@if(config('pixelfed.enforce_email_verification') != true)
|
||||
<li>Wait for an account verification email, it may take a few minutes.</li>
|
||||
@endif
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse2" role="button" aria-expanded="false" aria-controls="collapse2">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How to I update profile info like name, bio, email?
|
||||
</a>
|
||||
<div class="collapse" id="collapse2">
|
||||
<div>
|
||||
You can update your account by visiting the <a href="{{route('settings')}}">account settings</a> page.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse3">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
What can I do if a username I want is taken but seems inactive?
|
||||
</a>
|
||||
<div class="collapse" id="collapse3">
|
||||
<div class="mt-2">
|
||||
If your desired username is taken you can add underscores, dashes, or numbers to make it unique.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse4" role="button" aria-expanded="false" aria-controls="collapse4">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Why can't I change my username?
|
||||
</a>
|
||||
<div class="collapse" id="collapse4">
|
||||
<div class="mt-2">
|
||||
Pixelfed is a federated application, changing your username is not supported in every <a href="#">federated software</a> so we cannot allow username changes. Your best option is to create a new account with your desired username.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapse5">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
I recieved an email that I created an account, but I never signed up for one.
|
||||
</a>
|
||||
<div class="collapse" id="collapse5">
|
||||
<div class="mt-2">
|
||||
Someone may have registered your email by mistake. If you would like your email to be removed from the account please <a href="#">contact</a> us.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse6" role="button" aria-expanded="false" aria-controls="collapse6">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
I can't create a new account because an account with this email already exists.
|
||||
</a>
|
||||
<div class="collapse" id="collapse6">
|
||||
<div class="mt-2">
|
||||
You might have registered before, or someone may have used your email by mistake. You can <a href="#">contact</a> us to help you resolve this.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Hashtags'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Hashtags</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<div class="col-12 col-md-3 py-3" style="border-right:1px solid #ccc;">
|
||||
<ul class="nav flex-column settings-nav">
|
||||
<li class="nav-item {{request()->is('*/getting-started')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.getting-started')}}">Getting Started</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/sharing-media')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.sharing-media')}}">Sharing Photos & Videos</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/your-profile')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.your-profile')}}">Your Profile</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/stories')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.stories')}}">Stories</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/hashtags')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.hashtags')}}">Hashtags</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/discover')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.discover')}}">Discover</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/direct-messages')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.dm')}}">Direct Messages</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/timelines')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.timelines')}}">Timelines</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/embed')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.embed')}}">Embed</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<hr>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/community-guidelines')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.community-guidelines')}}">
|
||||
Community Guidelines
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/what-is-the-fediverse')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.what-is-fediverse')}}">What is the fediverse?</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/controlling-visibility')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.controlling-visibility')}}">
|
||||
Controlling Visibility
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/abusive-activity')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.abusive-activity')}}">
|
||||
Abusive Activity
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/blocking-accounts')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.blocking-accounts')}}">
|
||||
Blocking Accounts
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/safety-tips')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.safety-tips')}}">
|
||||
Safety Tips
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/report-something')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.report-something')}}">
|
||||
Report Something
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{request()->is('*/data-policy')?'active':''}}">
|
||||
<a class="nav-link font-weight-light text-muted" href="{{route('help.data-policy')}}">
|
||||
Data Policy
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
@extends('layouts.anon', ['title' => 'Pixelfed Help Center'])
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="container">
|
||||
<div class="col-12">
|
||||
<div class="card mt-5">
|
||||
<div class="card-header font-weight-bold text-muted bg-white py-4">
|
||||
<a href="{{route('site.help')}}" class="text-muted">Help Center</a>
|
||||
<span class="px-2 font-weight-light">—</span>
|
||||
{{ $breadcrumb ?? ''}}
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="row">
|
||||
@include('site.help.partial.sidebar')
|
||||
<div class="col-12 col-md-9 p-5">
|
||||
@if (session('status'))
|
||||
<div class="alert alert-success">
|
||||
{{ session('status') }}
|
||||
</div>
|
||||
@endif
|
||||
@yield('section')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Report Something'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Report Something</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Safety Tips'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Safety Tips</h3>
|
||||
</div>
|
||||
<hr>
|
||||
{{-- <div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="fas fa-exclamation-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">Work In Progress</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
--}}
|
||||
<p class="lead py-4">We are committed to building a fun, easy to use photo sharing platform that is safe and secure for everyone.</p>
|
||||
|
||||
<div class="card border-left-blue mb-3">
|
||||
<div class="card-body">
|
||||
<p class="h5">Know the rules</p>
|
||||
<p class="mb-0">To keep yourself safe, it is important to know the terms of service rules. You can find them <a href="#">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-left-blue mb-3">
|
||||
<div class="card-body">
|
||||
<p class="h5">Know the age guidelines</p>
|
||||
<p class="mb-0">Please keep in mind that Pixelfed is meant for people over the age of 16 or 13 depending on where you live. For more information click <a href="#">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-left-blue mb-3">
|
||||
<div class="card-body">
|
||||
<p class="h5">Report problematic content</p>
|
||||
<p class="mb-0">You can report content that you think is in violation of our policies. For more information click <a href="#">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-left-blue mb-3">
|
||||
<div class="card-body">
|
||||
<p class="h5">Understanding content visibility</p>
|
||||
<p class="mb-0">You can limit the visibility of your content to specific people, followers, public and more. For more information about visibility, click <a href="#">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card border-left-blue mb-3">
|
||||
<div class="card-body">
|
||||
<p class="h5">Make your account or posts private</p>
|
||||
<p class="mb-0">You can limit the visibility of your content to specific people, followers, public and more. For more information about visibility, click <a href="#">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Sharing Photos & Videos'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Sharing Photos & Videos</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="font-weight-light">Welcome to Pixelfed.</p>
|
||||
<p class="font-weight-light">Pixelfed is a federated media sharing platform inspired by Instagram and 500px.</p>
|
||||
<hr>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I create a post?
|
||||
</a>
|
||||
<div class="collapse" id="collapse1">
|
||||
<div>
|
||||
To create an account using a web browser:
|
||||
<ol>
|
||||
<li>Go to <a href="{{config('app.url')}}">{{config('app.url')}}</a>.</li>
|
||||
<li>Click on the <i class="fas fa-camera-retro text-primary"></i> link at the top of the page.</li>
|
||||
<li>Upload your photo(s) or video(s), add a caption and set other options.</li>
|
||||
<li>Click on the <span class="font-weight-bold">Create Post</span> button.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse2" role="button" aria-expanded="false" aria-controls="collapse2">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I share a post with multiple photos or videos?
|
||||
</a>
|
||||
<div class="collapse" id="collapse2">
|
||||
<div>
|
||||
During the compose process, you can select multiple files at a single time, or add each photo/video individually.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse3">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I add a caption before sharing my photos or videos on Pixelfed?
|
||||
</a>
|
||||
<div class="collapse" id="collapse3">
|
||||
<div>
|
||||
During the compose process, you will see the <span class="font-weight-bold">Caption</span> input. Captions are optional and limited to <span class="font-weight-bold">{{config('pixelfed.max_caption_length')}}</span> characters.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse4" role="button" aria-expanded="false" aria-controls="collapse4">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I add a filter to my photos?
|
||||
</a>
|
||||
<div class="collapse" id="collapse4">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapse5">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I add a description to each photo or video for the visually impaired?
|
||||
</a>
|
||||
<div class="collapse" id="collapse5">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse6" role="button" aria-expanded="false" aria-controls="collapse6">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
What types of photos or videos can I upload?
|
||||
</a>
|
||||
<div class="collapse" id="collapse6">
|
||||
<div>
|
||||
You can upload the following file types:
|
||||
<ul>
|
||||
@foreach(explode(',', config('pixelfed.media_types')) as $type)
|
||||
<li class="font-weight-bold">{{$type}}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse7" role="button" aria-expanded="false" aria-controls="collapse7">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
What is the limit for photo and video file sizes?
|
||||
</a>
|
||||
<div class="collapse" id="collapse7">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse8" role="button" aria-expanded="false" aria-controls="collapse8">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
When I share a photo, what's the image resolution?
|
||||
</a>
|
||||
<div class="collapse" id="collapse8">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse9" role="button" aria-expanded="false" aria-controls="collapse9">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Can I edit my post captions, photos or videos after sharing them?
|
||||
</a>
|
||||
<div class="collapse" id="collapse9">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Stories'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Stories</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Timelines'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Timelines</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'What is the fediverse?'])
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">What is the Fediverse?</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3 text-center">
|
||||
<div class="icon-wrapper">
|
||||
<i class="far fa-question-circle fa-3x text-light"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-9 d-flex align-items-center">
|
||||
<div class="text-center">
|
||||
<p class="h3 font-weight-bold mb-0">This page isn't available</p>
|
||||
<p class="font-weight-light mb-0">We haven't finished it yet, it will be updated soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
@extends('site.help.partial.template', ['breadcrumb'=>'Your Profile'])
|
||||
|
||||
@section('section')
|
||||
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Your Profile</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="h5 text-muted font-weight-light">Edit</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I edit my bio, name, email, or password?
|
||||
</a>
|
||||
<div class="collapse" id="collapse1">
|
||||
<div>
|
||||
To create an account using a web browser:
|
||||
<ol>
|
||||
<li>Go to <a href="{{route('settings')}}">{{route('settings')}}</a>.</li>
|
||||
<li>You should see the <span class="font-weight-bold">Name</span>, <span class="font-weight-bold">Website</span>, and <span class="font-weight-bold">Bio</span> fields.</li>
|
||||
<li>Change the desired fields, and then click the <span class="font-weight-bold">Submit</span> button.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse2" role="button" aria-expanded="false" aria-controls="collapse2">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Why can't I update my username?
|
||||
</a>
|
||||
<div class="collapse" id="collapse2">
|
||||
<div>
|
||||
Pixelfed is a federated application, changing your username is not supported in every <a href="">federated software</a> so we cannot allow username changes. Your best option is to create a new account with your desired username.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<hr>
|
||||
<p class="h5 text-muted font-weight-light">Privacy</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse3">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I set my photos and videos to private so that only approved followers can see them?
|
||||
</a>
|
||||
<div class="collapse" id="collapse3">
|
||||
<div>
|
||||
To change your account visibility:
|
||||
<ol>
|
||||
<li>Go to <a href="{{route('settings.privacy')}}">{{route('settings.privacy')}}</a>.</li>
|
||||
<li>Check the <span class="font-weight-bold">Private Account</span> checkbox.</li>
|
||||
<li>The confirmation modal will popup and ask you if you want to keep existing followers and disable new follow requests</li>
|
||||
<li>Click the <span class="font-weight-bold">Submit</span> button.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse4" role="button" aria-expanded="false" aria-controls="collapse4">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Who can like, share or comment on my photos and videos?
|
||||
</a>
|
||||
<div class="collapse" id="collapse4">
|
||||
<div>
|
||||
It depends on the visibility of your post.
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapse5">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I filter out comments that I don't want to appear on my posts?
|
||||
</a>
|
||||
<div class="collapse" id="collapse5">
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse6" role="button" aria-expanded="false" aria-controls="collapse6">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Who can see my posts?
|
||||
</a>
|
||||
<div class="collapse" id="collapse6">
|
||||
<div>
|
||||
You can update your account by visiting the <a href="{{route('settings')}}">account settings</a> page.
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
{{-- <p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse7" role="button" aria-expanded="false" aria-controls="collapse7">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
Who can see my private posts if I add a hashtag?
|
||||
</a>
|
||||
<div class="collapse" id="collapse7">
|
||||
<div>
|
||||
You can update your account by visiting the <a href="{{route('settings')}}">account settings</a> page.
|
||||
</div>
|
||||
</div>
|
||||
</p> --}}
|
||||
<hr>
|
||||
<p class="h5 text-muted font-weight-light">Security</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#sec-collapse8" role="button" aria-expanded="false" aria-controls="sec-collapse8">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How can I secure my account?
|
||||
</a>
|
||||
<div class="collapse" id="sec-collapse8">
|
||||
<div>
|
||||
Here are some recommendations to keep your account secure:
|
||||
<ul class="font-weight-bold">
|
||||
<li>Pick a strong password, don't re-use it on other websites</li>
|
||||
<li>Never share your password</li>
|
||||
<li>Remember to log out on public computers or devices</li>
|
||||
<li>Periodically check your <a href="{{route('settings.security')}}">Account Log</a> for any suspcious activity</li>
|
||||
<li><a href="{{route('settings.security.2fa.setup')}}">Setup Two Factor Authentication</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#sec-collapse9" role="button" aria-expanded="false" aria-controls="sec-collapse9">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How can I add additional protection to my account?
|
||||
</a>
|
||||
<div class="collapse" id="sec-collapse9">
|
||||
<div>
|
||||
You can add an additional layer of security to your account by enabling <span class="font-weight-bold">Two Factor Authentication</span>. For more information, check your <a href="{{route('settings.security')}}">security settings</a>.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#sec-collapse10" role="button" aria-expanded="false" aria-controls="sec-collapse10">
|
||||
<i class="fas fa-chevron-down mr-2"></i>
|
||||
How do I report unauthorized use of my account?
|
||||
</a>
|
||||
<div class="collapse" id="sec-collapse10">
|
||||
<div>
|
||||
Please contact the administrators of this instance{{-- , for contact information <a href="{{route('settings')}}">click here</a> --}}.
|
||||
</div>
|
||||
</div>
|
||||
</p>
|
||||
@endsection
|
||||
Loading…
Reference in New Issue