Update Help Center

This commit is contained in:
Daniel Supernault 2019-03-14 23:25:51 -06:00
parent 710b43f98d
commit ca5cb74890
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
2 changed files with 45 additions and 17 deletions

View file

@ -6,8 +6,7 @@
<h3 class="font-weight-bold">Getting Started</h3> <h3 class="font-weight-bold">Getting Started</h3>
</div> </div>
<hr> <hr>
<p class="font-weight-light">Welcome to Pixelfed.</p> <p class="lead font-weight-light">Welcome to Pixelfed!</p>
<p class="font-weight-light">Pixelfed is a federated media sharing platform inspired by Instagram.</p>
<hr> <hr>
<p> <p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1"> <a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">
@ -57,7 +56,7 @@
</a> </a>
<div class="collapse" id="collapse4"> <div class="collapse" id="collapse4">
<div class="mt-2"> <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. Pixelfed is a federated application, changing your username is not supported in every <a href="https://en.wikipedia.org/wiki/ActivityPub">federated software</a> so we cannot allow username changes. Your best option is to create a new account with your desired username.
</div> </div>
</div> </div>
</p> </p>
@ -68,7 +67,7 @@
</a> </a>
<div class="collapse" id="collapse5"> <div class="collapse" id="collapse5">
<div class="mt-2"> <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. Someone may have registered your email by mistake. If you would like your email to be removed from the account please contact an admin of this instance.
</div> </div>
</div> </div>
</p> </p>
@ -79,7 +78,7 @@
</a> </a>
<div class="collapse" id="collapse6"> <div class="collapse" id="collapse6">
<div class="mt-2"> <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. You might have registered before, or someone may have used your email by mistake. Please contact an admin of this instance.
</div> </div>
</div> </div>
</p> </p>

View file

@ -6,9 +6,6 @@
<h3 class="font-weight-bold">Sharing Photos & Videos</h3> <h3 class="font-weight-bold">Sharing Photos & Videos</h3>
</div> </div>
<hr> <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> <p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1"> <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> <i class="fas fa-chevron-down mr-2"></i>
@ -16,14 +13,27 @@
</a> </a>
<div class="collapse" id="collapse1"> <div class="collapse" id="collapse1">
<div> <div>
To create an account using a web browser: To create a post using a desktop web browser:
<ol> <ol>
<li>Go to <a href="{{config('app.url')}}">{{config('app.url')}}</a>.</li> <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>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>Upload your photo(s) or video(s), add an optional caption and set other options.</li>
<li>Click on the <span class="font-weight-bold">Create Post</span> button.</li> <li>Click on the <span class="font-weight-bold">Create Post</span> button.</li>
</ol> </ol>
</div> </div>
<div class="pt-3">
To create a post using a mobile web browser:
<ol>
<li>Go to <a href="{{config('app.url')}}">{{config('app.url')}}</a>.</li>
<li>Click on the <i class="far fa-plus-square fa-lg"></i> button at the bottom of the page.</li>
<li>Upload your photo(s) or video(s), add an optional caption and set other options.</li>
<li>Click on the <span class="font-weight-bold">Create Post</span> button.</li>
</ol>
</div>
<div class="py-3">
To create a post using a mobile app:
<p class="mb-0 pl-4 font-weight-bold text-muted">We do not support any mobile apps yet.</p>
</div>
</div> </div>
</p> </p>
<p> <p>
@ -48,28 +58,47 @@
</div> </div>
</div> </div>
</p> </p>
{{-- <p> <p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse4" role="button" aria-expanded="false" aria-controls="collapse4"> <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> <i class="fas fa-chevron-down mr-2"></i>
How do I add a filter to my photos? How do I add a filter to my photos?
</a> </a>
<div class="collapse" id="collapse4"> <div class="collapse" id="collapse4">
<div> <div>
<p class="text-center">
<span class="alert alert-warning py-2 font-weight-bold">This is an experimental feature, filters are not federated yet!</span>
</p>
To add a filter to media during the compose post process:
<ol>
<li>
Click the <span class="btn btn-sm btn-outline-primary py-0">Options <i class="fas fa-chevron-down fa-sm"></i></span> button if media preview is not displayed.
</li>
<li>Select a filter from the <span class="font-weight-bold small text-muted">Select Filter</span> dropdown.</li>
</ol>
</div> </div>
</div> </div>
</p> --}} </p>
{{-- <p> <p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse5" role="button" aria-expanded="false" aria-controls="collapse5"> <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 class="fas fa-chevron-down mr-2"></i>
How do I add a description to each photo or video for the visually impaired? How do I add a description to each photo or video for the visually impaired?
</a> </a>
<div class="collapse" id="collapse5"> <div class="collapse" id="collapse5">
<div> <div>
<p class="text-center">
<span class="alert alert-warning py-2 font-weight-bold">This is an experimental feature!</span>
</p>
<p>
You need to use the experimental compose UI found <a href="/i/compose">here</a>.
</p>
<ol>
<li>Add media by clicking the <span class="btn btn-outline-secondary btn-sm py-0">Add Photo/Video</span> button.</li>
<li>Set a image description by clicking the <span class="btn btn-outline-secondary btn-sm py-0">Media Description</span> button.</li>
</ol>
<p class="small text-muted"><i class="fas fa-info-circle mr-1"></i> Image descriptions are federated to instances where supported.</p>
</div> </div>
</div> </div>
</p> --}} </p>
<p> <p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse6" role="button" aria-expanded="false" aria-controls="collapse6"> <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 class="fas fa-chevron-down mr-2"></i>
@ -77,7 +106,7 @@
</a> </a>
<div class="collapse" id="collapse6"> <div class="collapse" id="collapse6">
<div> <div>
You can upload the following file types: You can upload the following media types:
<ul> <ul>
@foreach(explode(',', config('pixelfed.media_types')) as $type) @foreach(explode(',', config('pixelfed.media_types')) as $type)
<li class="font-weight-bold">{{$type}}</li> <li class="font-weight-bold">{{$type}}</li>