WIP: new layout for frontpage

This commit is contained in:
Andreas Nedbal 2022-04-08 21:55:05 +02:00 committed by Andreas Nedbal
parent 6f2c2654a1
commit 933b0c2e9f
1 changed files with 70 additions and 89 deletions

View File

@ -1,9 +1,5 @@
- provide(:title, APP_CONFIG['site_name'])
.jumbotron.jumbotron--particles.jumbotron--frontpage
.jumbotron__scroller
%a{ href: '#content' }
%i.fa.fa-chevron-down
.jumbotron__particles#particles
.jumbotron
.jumbotron__content
.container
= render 'layouts/messages'
@ -15,78 +11,72 @@
%small
Already a member?
= link_to 'Sign in', new_user_session_path
.container.text-center#content
%h1
What is #{APP_CONFIG['site_name']}?
%p.lead
A
%abbr{ title: 'Question and Answer' } Q/A
based social network
%p
Most of the people already know how these sorts of networks already work.
You have a profile and other users (or even anonymous people without accounts) can ask you any question to find out more about
you, so can you do the same with others. Finding friends with the same interests, people that share your opinion (and people that probably don't),
you can find everything here!
%p.lead
But what makes
= APP_CONFIG['site_name']
special?
%p
= APP_CONFIG['site_name']
tries to take aspects from other popular or now gone platforms and combine them to get the best result possible.
Also, we take in the ideas and feedback of our community so we can build a service that's even closer to being exactly the service people want to use!
%h2 Awesome Features
.row
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-comments.text-primary
Discussion
%p
With
%svg{:viewbox => "0 0 1440 320", :xmlns => "http://www.w3.org/2000/svg"}
%path{:d => "M0,160L80,186.7C160,213,320,267,480,250.7C640,235,800,149,960,128C1120,107,1280,149,1360,170.7L1440,192L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z", :fill => "var(--primary)", "fill-opacity" => "1"}
.container
.row.my-5
.col-sm-6
%h2.mb-4 Receive and ask questions
%p
After registering on
= APP_CONFIG['site_name']
you can ask and answer questions from other users as well as receive anonymous questions.
Want to know something? Keep the conversation alive with interactive comments."
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-user-plus.text-primary
Following
share your unique link to your profile and receive questions in your inbox to answer
them right away.
%p
You can of course also use your account to ask anyone else on the site
questions, and once you accumulated followers you can send out questions to all of them
at once.
.col-sm-6
%i.fa.fa-envelope
.row.my-5
.col-sm-6
%i.fa.fa-comments
.col-sm-6
%h2.mb-4 Keep the discussion going
%p
Following users allows you to get a personalized feed of all people you want to know more about.
You can also send a question to all your followers at once!
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-share-square-o.text-primary
Sharing
%p
Want to share your answer to a question so that more people read it?
With a simple click on the answer button, your answer is shared wherever you want!
.row
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-list.text-primary
Lists
%p
Want to keep an oversight of things? Organise users in Lists to create timelines of their answers.
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-image.text-primary
Images
%p
Express yourself with images and upload an avatar and a header of your liking.
And soon you'll be able to attach images to answers and questions as well!
.col-md-4.col-sm-4.col-xs-12
%h3
%i.fa.fa-fw.fa-paint-brush.text-primary
Themes
%p
Don't like the default purple or don't like light interfaces in general? On
Someone answered your question and maybe not everything is cleared up? Use comments!
On
= APP_CONFIG['site_name']
you can change every color aspect of the site with Themes!
.row
.col-md-4.col-sm-4.col-xs-12
%h3
you can leave comments on answers to keep the discussion going.
%p
Don't need to say anything, but still like the answer? Leave a smile (our form of likes) on an answer!
.row.my-5
.col-sm-6
%h2.mb-4 Share your answers
%p
Want your followers on another platform to see your
= APP_CONFIG['site_name']
answers? You can configure automatic sharing to your favorite platforms easily.
%p.text-muted
Not sure if it's a favorite, but at the moment only
%b Twitter
is supported.
.col-sm-6
%i.fa.fa-share
.row.my-5
.col-sm-6
%i.fa.fa-paint-brush
.col-sm-6
%h2.mb-4 Customize your experience
%p
Make your
= APP_CONFIG['site_name']
profile your own with the ability to set a custom profile picture and header image.
%p
Going a step further, you can customize all colors of
= APP_CONFIG['site_name']
to your own liking. Don't like purple? Make it blue, red or green!
%p
For a quick demonstration, you can try this out here with a few presets:
.container.text-center
%h2.mb-4 But wait, there's more!
.row.my-5
.col-sm-4
%h3.mb-3
%i.fa.fa-fw.fa-globe.text-primary
Open Source
%p
@ -94,18 +84,15 @@
= APP_CONFIG['site_name']
and all of it's core components are open source!
Everyone can help and improve the service!
.col-md-4.col-sm-4.col-xs-12
%h3
.col-sm-4
%h3.mb-3
%i.fa.fa-fw.fa-eye-slash.text-primary
No Ads
%p
We don't like them ourselves, really.
= APP_CONFIG['site_name']
just runs with community funding over
%a{ href: 'https://patreon.com/retrospring' } Patreon
which is way better than displaying annoying stuff.
.col-md-4.col-sm-4.col-xs-12
%h3
We don't like them ourselves, really. They make websites slow and are
(for the most part) annoying. So there's none!
.col-sm-4
%h3.mb-3
%i.fa.fa-fw.fa-user-secret.text-primary
Your Data is yours
%p
@ -113,12 +100,6 @@
= APP_CONFIG['site_name']
doesn't sell any data that is collected. It remains encrypted on our servers!
.card
.card-body
%p
Any questions? Ask us on
%a{ href: 'https://twitter.com/retrospring' } Twitter
%h2 What are you waiting for?
%p
Registering takes less than 5 minutes!