Merge pull request #1057 from pixelfed/frontend-ui-refactor

Update site pages and help center reported at https://mastodon.social
This commit is contained in:
daniel 2019-03-20 22:33:46 -06:00 committed by GitHub
commit 1e4bb55bc0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 54 additions and 54 deletions

View file

@ -10,33 +10,33 @@
<div class="py-4">
<p class="font-weight-bold h5 pb-3">How to use Discover</p>
<ul>
<li class="mb-3 font-weight-lighter">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 font-weight-lighter">View the latest posts from accounts you don't already follow.</li>
<li class="mb-3 ">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 ">View the latest posts from accounts you don't already follow.</li>
</ul>
</div>
<div class="py-4">
<p class="font-weight-bold h5 pb-3">Discover Categories <span class="badge badge-success">NEW</span></p>
<p>Discover Categories are a new feature that may not be supported on every Pixelfed instance.</p>
<ul>
<li class="mb-3 font-weight-lighter">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 font-weight-lighter">On the discover page, you will see a list of Category cards that links to each Discover Category.</li>
<li class="mb-3 ">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 ">On the discover page, you will see a list of Category cards that links to each Discover Category.</li>
</ul>
</div>
<div class="py-4">
<p class="font-weight-bold h5 pb-3">Personalized Discover <span class="badge badge-success">NEW</span></p>
<p>Discover posts based on hashtags you've used before. This feature might not be supported on every Pixelfed instance.</p>
<ul>
<li class="mb-3 font-weight-lighter">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 font-weight-lighter">Click on the card that says "For You" or <a href="/discover/personal">click here</a>.</li>
<li class="mb-3 ">Click the <i class="far fa-compass fa-sm"></i> icon.</li>
<li class="mb-3 ">Click on the card that says "For You" or <a href="/discover/personal">click here</a>.</li>
</ul>
</div>
<div class="card bg-primary border-primary" style="box-shadow: none !important;border: 3px solid #08d!important;">
<div class="card-header text-light font-weight-bold h4 p-4">Discover Tips</div>
<div class="card-body bg-white p-3">
<ul class="pt-3">
<li class="lead font-weight-lighter mb-4">To make your posts more discoverable, add hashtags to your posts.</li>
<li class="lead font-weight-lighter mb-4">Any public posts that contain a hashtag may be included in discover pages.</li>
<li class="lead font-weight-lighter">No algorithms or behavioral tracking are used in the Discover feature. It may be less personalized than other platforms.</li>
<li class="lead mb-4">To make your posts more discoverable, add hashtags to your posts.</li>
<li class="lead mb-4">Any public posts that contain a hashtag may be included in discover pages.</li>
<li class="lead ">No algorithms or behavioral tracking are used in the Discover feature. It may be less personalized than other platforms.</li>
</ul>
</div>

View file

@ -6,7 +6,7 @@
<h3 class="font-weight-bold">{{__('helpcenter.gettingStarted')}}</h3>
</div>
<hr>
<p class="lead font-weight-light">Welcome to Pixelfed!</p>
<p class="lead ">Welcome to Pixelfed!</p>
<hr>
<p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1">

View file

@ -10,18 +10,18 @@
<div class="py-4">
<p class="font-weight-bold h5 pb-3">Using hashtags to categorize posts by keyword</p>
<ul>
<li class="mb-3 font-weight-lighter">People use the hashtag symbol (#) before a relevant phrase or keyword in their post to categorize those posts and make them more discoverable.</li>
<li class="mb-3 font-weight-lighter">Any hashtags will be linked to a hashtag page with other posts containing the same hashtag.</li>
<li class="font-weight-lighter">Hashtags can be used anywhere in a post.</li>
<li class="mb-3 ">People use the hashtag symbol (#) before a relevant phrase or keyword in their post to categorize those posts and make them more discoverable.</li>
<li class="mb-3 ">Any hashtags will be linked to a hashtag page with other posts containing the same hashtag.</li>
<li class="">Hashtags can be used anywhere in a post.</li>
</ul>
</div>
<div class="card bg-primary border-primary" style="box-shadow: none !important;border: 3px solid #08d!important;">
<div class="card-header text-light font-weight-bold h4 p-4">Hashtag Tips</div>
<div class="card-body bg-white p-3">
<ul class="pt-3">
<li class="lead font-weight-lighter mb-4">You cannot add spaces or punctuation in a hashtag, or it will not work properly.</li>
<li class="lead font-weight-lighter mb-4">Any public posts that contain a hashtag may be included in search results or discover pages.</li>
<li class="lead font-weight-lighter">You can search hashtags by typing in a hashtag into the search bar.</li>
<li class="lead mb-4">You cannot add spaces or punctuation in a hashtag, or it will not work properly.</li>
<li class="lead mb-4">Any public posts that contain a hashtag may be included in search results or discover pages.</li>
<li class="lead ">You can search hashtags by typing in a hashtag into the search bar.</li>
</ul>
</div>

View file

@ -7,7 +7,7 @@
<h3 class="font-weight-bold">Your Profile</h3>
</div>
<hr>
<p class="h5 text-muted font-weight-light">Edit</p>
<p class="h5 text-muted ">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>
@ -16,7 +16,7 @@
<div class="collapse" id="collapse1">
<div>
To edit your account using a web browser:
<ol class="font-weight-light">
<ol class="">
<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>
@ -36,7 +36,7 @@
</div>
</p>
<hr>
<p class="h5 text-muted font-weight-light">Privacy</p>
<p class="h5 text-muted ">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>
@ -45,7 +45,7 @@
<div class="collapse" id="collapse3">
<div>
To change your account visibility:
<ol class="font-weight-light">
<ol class="">
<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>
@ -99,7 +99,7 @@
</div>
</p> --}}
<hr>
<p class="h5 text-muted font-weight-light" id="security">Security</p>
<p class="h5 text-muted " id="security">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>
@ -108,7 +108,7 @@
<div class="collapse" id="sec-collapse8">
<div>
Here are some recommendations to keep your account secure:
<ul class="font-weight-light">
<ul class="">
<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>
@ -141,7 +141,7 @@
</div>
</p>
<hr>
<p class="h5 text-muted font-weight-light" id="delete-your-account">Delete Your Account</p>
<p class="h5 text-muted " id="delete-your-account">Delete Your Account</p>
<p>
<a class="text-dark font-weight-bold" data-toggle="collapse" href="#del-collapse1" role="button" aria-expanded="false" aria-controls="del-collapse1">
<i class="fas fa-chevron-down mr-2"></i>
@ -150,7 +150,7 @@
<div class="collapse" id="del-collapse1">
<div>
<p>If you temporarily disable your account, your profile, photos, comments and likes will be hidden until you reactivate it by logging back in. To temporarily disable your account:</p>
<ol class="font-weight-light">
<ol class="">
<li>Log into <a href="{{config('app.url')}}">{{config('pixelfed.domain.app')}}</a></li>
<li>Tap or click the <i class="far fa-user text-dark"></i> menu and select <span class="font-weight-bold text-dark"><i class="fas fa-cog pr-1"></i> Settings</span></li>
<li>Scroll down and click on the <span class="font-weight-bold">Temporarily Disable Account</span> link.</li>
@ -178,7 +178,7 @@
@endif
<p>After you delete your account, you can't sign up again with the same username on this instance or add that username to another account on this instance, and we can't reactivate deleted accounts.</p>
<p>To permanently delete your account:</p>
<ol class="font-weight-light">
<ol class="">
<li>Go to <a href="{{route('settings.remove.permanent')}}">the <span class="font-weight-bold">Delete Your Account</span> page</a>. If you're not logged into pixelfed on the web, you'll be asked to log in first. You can't delete your account from within a mobile app.</li>
<li>Confirm your account password.</li>
<li>On the <span class="font-weight-bold">Delete Your Account</span> page click or tap on the <span>Permanently Delete My Account</span> button.</li>

View file

@ -7,7 +7,7 @@
</div>
<hr>
<section>
<p class="lead">The software that powers this website is called <a href="https://pixelfed.org">PixelFed</a> and anyone can <a href="https://github.com/pixelfed/pixelfed">download</a> the source code and run their own instance!</p>
<p class="lead">The software that powers this website is called <a href="https://pixelfed.org">Pixelfed</a> and anyone can <a href="https://github.com/pixelfed/pixelfed">download</a> or <a href="https://github.com/pixelfed/pixelfed">view</a> the source code and run their own instance!</p>
</section>
@endsection

View file

@ -8,7 +8,7 @@
<hr>
<div class="terms">
<h5 class="font-weight-bold" id="1">1. What information do we collect?</h5>
<ul class="font-weight-light pl-4">
<ul class=" pl-4">
<li>
Basic account information: If you register on this server, you may be asked to enter a username, an e-mail address and a password. You may also enter additional profile information such as a display name and biography, and upload a profile picture and header image. The username, display name, biography and avatar image are always listed publicly.
</li>
@ -24,8 +24,8 @@
</ul>
<h5 class="font-weight-bold" id="2">2. What do we use your information for?</h5>
<p class="font-weight-light">Any of the information we collect from you may be used in the following ways:</p>
<ul class="font-weight-light pl-4">
<p class="">Any of the information we collect from you may be used in the following ways:</p>
<ul class=" pl-4">
<li>
To provide the core functionality of PixelFed. You can only interact with other peoples content and post your own content when you are logged in. For example, you may follow other people to view their combined posts in your own personalized home timeline.
</li>
@ -38,12 +38,12 @@
</ul>
<h5 class="font-weight-bold" id="3">3. How do we protect your information?</h5>
<p class="font-weight-light">We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information. Among other things, your browser session, as well as the traffic between your applications and the API, are secured with SSL, and your password is hashed using a strong one-way algorithm. You may enable two-factor authentication to further secure access to your account.</p>
<p class="">We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information. Among other things, your browser session, as well as the traffic between your applications and the API, are secured with SSL, and your password is hashed using a strong one-way algorithm. You may enable two-factor authentication to further secure access to your account.</p>
<h5 class="font-weight-bold" id="4">4. What is our data retention policy?</h5>
<p class="font-weight-light">We will make a good faith effort to:</p>
<ul class="font-weight-light pl-4">
<p class="">We will make a good faith effort to:</p>
<ul class=" pl-4">
<li>
Retain server logs containing the IP address of all requests to this server, in so far as such logs are kept, no more than 90 days.
</li>
@ -54,32 +54,32 @@
You can request and download an archive of your content, including your posts, media attachments, profile picture, and header image.
</li>
</ul>
<p class="font-weight-light">You may irreversibly delete your account at any time.</p>
<p class="">You may irreversibly delete your account at any time.</p>
<h5 class="font-weight-bold" id="5">5. Do we use cookies?</h5>
<p class="font-weight-light">Yes. Cookies are small files that a site or its service provider transfers to your computers hard drive through your Web browser (if you allow). These cookies enable the site to recognize your browser and, if you have a registered account, associate it with your registered account.
<p class="">Yes. Cookies are small files that a site or its service provider transfers to your computers hard drive through your Web browser (if you allow). These cookies enable the site to recognize your browser and, if you have a registered account, associate it with your registered account.
</p>
<p class="font-weight-light">We use cookies to understand and save your preferences for future visits.</p>
<p class="">We use cookies to understand and save your preferences for future visits.</p>
<h5 class="font-weight-bold" id="6">6. Do we disclose any information to outside parties?</h5>
<p class="font-weight-light">We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our site, conducting our business, or servicing you, so long as those parties agree to keep this information confidential. We may also release your information when we believe release is appropriate to comply with the law, enforce our site policies, or protect ours or others rights, property, or safety.</p>
<p class="font-weight-light">Your public content may be downloaded by other servers in the network. Your public and followers-only posts are delivered to the servers where your followers reside, and direct messages are delivered to the servers of the recipients, in so far as those followers or recipients reside on a different server than this.</p>
<p class="font-weight-light">When you authorize an application to use your account, depending on the scope of permissions you approve, it may access your public profile information, your following list, your followers, your lists, all your posts, and your favourites. Applications can never access your e-mail address or password.</p>
<p class="">We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our site, conducting our business, or servicing you, so long as those parties agree to keep this information confidential. We may also release your information when we believe release is appropriate to comply with the law, enforce our site policies, or protect ours or others rights, property, or safety.</p>
<p class="">Your public content may be downloaded by other servers in the network. Your public and followers-only posts are delivered to the servers where your followers reside, and direct messages are delivered to the servers of the recipients, in so far as those followers or recipients reside on a different server than this.</p>
<p class="">When you authorize an application to use your account, depending on the scope of permissions you approve, it may access your public profile information, your following list, your followers, your lists, all your posts, and your favourites. Applications can never access your e-mail address or password.</p>
<h5 class="font-weight-bold" id="7">7. Site usage by children</h5>
<p class="font-weight-light">If this server is in the EU or the EEA: Our site, products and services are all directed to people who are at least 16 years old. If you are under the age of 16, per the requirements of the GDPR (General Data Protection Regulation) do not use this site.</p>
<p class="">If this server is in the EU or the EEA: Our site, products and services are all directed to people who are at least 16 years old. If you are under the age of 16, per the requirements of the GDPR (General Data Protection Regulation) do not use this site.</p>
<p class="font-weight-light">If this server is in the USA: Our site, products and services are all directed to people who are at least 13 years old. If you are under the age of 13, per the requirements of COPPA (Children's Online Privacy Protection Act) do not use this site.</p>
<p class="">If this server is in the USA: Our site, products and services are all directed to people who are at least 13 years old. If you are under the age of 13, per the requirements of COPPA (Children's Online Privacy Protection Act) do not use this site.</p>
<p class="font-weight-light">Law requirements can be different if this server is in another jurisdiction.</p>
<p class="">Law requirements can be different if this server is in another jurisdiction.</p>
<h5 class="font-weight-bold" id="8">8. Changes to our Privacy Policy</h5>
<p class="font-weight-light">If we decide to change our privacy policy, we will post those changes on this page.</p>
<p class="">If we decide to change our privacy policy, we will post those changes on this page.</p>
<p class="font-weight-light">This document is CC-BY-SA. It was last updated Jun 12, 2018.</p>
<p class="">This document is CC-BY-SA. It was last updated Jun 12, 2018.</p>
<p class="font-weight-light">Originally adapted from the <a href="https://mastodon.social/terms">Mastodon</a> privacy policy.</p>
<p class="">Originally adapted from the <a href="https://mastodon.social/terms">Mastodon</a> privacy policy.</p>
</div>
@endsection

View file

@ -7,11 +7,11 @@
</div>
<hr>
<h5 class="font-weight-bold">1. Terms</h5>
<p class="font-weight-light">By accessing the website at <a href="{{config('app.url')}}">{{config('app.url')}}</a>, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.</p>
<p class="">By accessing the website at <a href="{{config('app.url')}}">{{config('app.url')}}</a>, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.</p>
<h5 class="font-weight-bold">2. Use License</h5>
<ol class="font-weight-light" type="a">
<ol class="" type="a">
<li>Permission is granted to temporarily download one copy of the materials (information or software) on Pixelfed's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
<ol class="font-weight-light" type="i">
<ol class="" type="i">
<li>modify or copy the materials;</li>
<li>use the materials for any commercial purpose, or for any public display (commercial or non-commercial);</li>
<li>attempt to decompile or reverse engineer any software contained on Pixelfed's website;</li>
@ -22,22 +22,22 @@
<li>This license shall automatically terminate if you violate any of these restrictions and may be terminated by Pixelfed at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.</li>
</ol>
<h5 class="font-weight-bold">3. Disclaimer</h5>
<ol class="font-weight-light" type="a">
<ol class="" type="a">
<li>The materials on Pixelfed's website are provided on an 'as is' basis. Pixelfed makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.</li>
<li>Further, Pixelfed does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site.</li>
</ol>
<h5 class="font-weight-bold">4. Limitations</h5>
<p class="font-weight-light">In no event shall Pixelfed or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Pixelfed's website, even if Pixelfed or a Pixelfed authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.</p>
<p class="">In no event shall Pixelfed or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Pixelfed's website, even if Pixelfed or a Pixelfed authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.</p>
<h5 class="font-weight-bold">5. Accuracy of materials</h5>
<p class="font-weight-light">The materials appearing on Pixelfed's website could include technical, typographical, or photographic errors. Pixelfed does not warrant that any of the materials on its website are accurate, complete or current. Pixelfed may make changes to the materials contained on its website at any time without notice. However Pixelfed does not make any commitment to update the materials.</p>
<p class="">The materials appearing on Pixelfed's website could include technical, typographical, or photographic errors. Pixelfed does not warrant that any of the materials on its website are accurate, complete or current. Pixelfed may make changes to the materials contained on its website at any time without notice. However Pixelfed does not make any commitment to update the materials.</p>
<h5 class="font-weight-bold">6. Links</h5>
<p class="font-weight-light">Pixelfed has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Pixelfed of the site. Use of any such linked website is at the user's own risk.</p>
<p class="">Pixelfed has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Pixelfed of the site. Use of any such linked website is at the user's own risk.</p>
<h5 class="font-weight-bold">7. Modifications</h5>
<p class="font-weight-light">Pixelfed may revise these terms of service for its website at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service.</p>
<p class="">Pixelfed may revise these terms of service for its website at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service.</p>
<h5 class="font-weight-bold">8. Governing Law</h5>
<p class="font-weight-light">These terms and conditions are governed by and construed in accordance with the laws of Canada and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
<p class="">These terms and conditions are governed by and construed in accordance with the laws of Canada and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
<h5 class="font-weight-bold">9. Additional Rules</h5>
<p class="font-weight-light">This website does not have any additional rules.</p>
<p class="">This website does not have any additional rules.</p>
@endsection