Add Help Center views

resources/views/site/help/abusive-activity.blade.php

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

resources/views/site/help/blocking-accounts.blade.php

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

resources/views/site/help/community-guidelines.blade.php

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

resources/views/site/help/controlling-visibility.blade.php

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

resources/views/site/help/data-policy.blade.php

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

resources/views/site/help/discover.blade.php

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

resources/views/site/help/dm.blade.php

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

resources/views/site/help/embed.blade.php

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

resources/views/site/help/getting-started.blade.php

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

resources/views/site/help/hashtags.blade.php

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

resources/views/site/help/partial/sidebar.blade.php

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

resources/views/site/help/partial/template.blade.php

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

resources/views/site/help/report-something.blade.php

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

resources/views/site/help/safety-tips.blade.php

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

resources/views/site/help/sharing-media.blade.php

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

resources/views/site/help/stories.blade.php

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

resources/views/site/help/timelines.blade.php

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

resources/views/site/help/what-is-fediverse.blade.php

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

resources/views/site/help/your-profile.blade.php

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