1
0
Fork 0
forked from mirror/pixelfed

Add Help Center views

This commit is contained in:
Daniel Supernault 2018-10-21 19:45:09 -06:00
parent 77b2e6d3e9
commit ae69af69a0
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
19 changed files with 856 additions and 0 deletions

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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>

View file

@ -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">&mdash;</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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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