Skip to content

Commit

Permalink
Add FAQ page (#53)
Browse files Browse the repository at this point in the history
---------

Co-authored-by: José Benavente <jose@bgm.cl>
  • Loading branch information
nickskyline and BGMP committed Feb 15, 2024
1 parent 692513e commit 0c8a03f
Show file tree
Hide file tree
Showing 9 changed files with 240 additions and 1 deletion.
1 change: 1 addition & 0 deletions app/assets/stylesheets/application.scss
Expand Up @@ -3,6 +3,7 @@
@import "cars";
@import "downloads";
@import "footer";
@import "faq";
@import "kaminari";
@import "nav";
@import "play";
Expand Down
20 changes: 20 additions & 0 deletions app/assets/stylesheets/downloads.scss
Expand Up @@ -71,3 +71,23 @@
line-height: inherit;
}
}

#faq-box {
background-color: #000000;
border: 1px solid #ccc;
padding: 20px;
margin: 5px;
display: inline-block;

p {
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
}

button, input, optgroup, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
}
108 changes: 108 additions & 0 deletions app/assets/stylesheets/faq.scss
@@ -0,0 +1,108 @@
#faq {
.card .card-header {
border: 0;
border-radius: 0 !important;
padding: 0;
}

.card .card-body {
a {
color: #eaeaea;
font-weight: bold;
text-decoration: underline;
}

a:hover {
color: #ffffff;
}

h4:first-of-type {
font-weight: bold;
}

h4:not(:first-child) {
padding-top: 15px;
font-weight: bold;
}

h5 {
font-weight: bold;
padding-top: 15px;
}

p {
margin-bottom: 5px;
}
}

.card .card-header .btn-header-link {
font-weight: bold;
font-size: large;
display: block;
text-align: left;
background: #1a1a1a;
color: #fff;
padding: 20px;
}

.card .card-header .btn-header-link:hover {
font-weight: bold;
font-size: large;
display: block;
text-align: left;
background: #1a1a1a;
padding: 20px;
}

.card .card-header .btn-header-link:after {
font-family: 'Font Awesome 5 Free', serif;
content: "\f107";
font-weight: bold;
float: right;
}

.card .card-header .btn-header-link.collapsed:hover {
background: #1a1a1a;
color: #fff;
}

.card .collapsing {
background: #212121;
color: #beb8bc;

h1, h2, h3, h4, h5 {
color: #fff;
}
}

.card .collapse.show {
background: #212121;
color: #beb8bc;

h1, h2, h3, h4, h5 {
color: #fff;
}
}

.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}

.btn {
color: #fff;
background-color: transparent;
border: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border-radius: .25rem;
}
}
3 changes: 3 additions & 0 deletions app/controllers/faq_controller.rb
@@ -0,0 +1,3 @@
class FaqController < ApplicationController
def index; end
end
2 changes: 2 additions & 0 deletions app/views/application/_footer.haml
Expand Up @@ -21,6 +21,8 @@
= link_to t('footer.organization.logs'), web_repo_or_first
%li
= link_to t('footer.organization.bugs'), ORG::GIT_ISSUES_URL, :target => "_blank"
%li
= link_to "Frequently Asked Questions", faq_path
%div.col-xl-3.col-lg-3.col-md-3.col-sm-6.col-xs-6.col-6
%ul.list-unstyled
%li.heading
Expand Down
1 change: 1 addition & 0 deletions app/views/application/_nav.haml
Expand Up @@ -45,6 +45,7 @@
%a.nav-link{:href => downloads_path}
%i.fa.fa-download{:"aria-hidden" => "true"}
= t('nav.downloads')
%li.nav-item
%ul.navbar-nav
%li.dropdown
%a.nav-link.dropdown-toggle{:id => "access-toggle", :style => "outline: none; #{user_signed_in? ? 'line-height: 0px' : ''};", :"data-toggle" => "dropdown", :href => "#"}
Expand Down
11 changes: 10 additions & 1 deletion app/views/downloads/index.haml
@@ -1,8 +1,14 @@
- content_for :title, "Re-Volt America - Downloads"

%h1 Downloads
%hr

%p Pending video...
.container
.text-center
#faq-box
%p If you are new to the community, we strongly recommend that you read the our Frequently Asked Questions page
%a{ href: faq_path }
%button.btn.btn-sm{type: "button"} Take me there!

%h2 Legacy Downloads

Expand All @@ -11,3 +17,6 @@
= render :partial => "downloads/download_card", :locals => {:icon => "fa-folder-open", :name => "RVGL Launcher", :img_file => "rvgl_launcher.png", :download_link => DISTRIBUTE::RVGL_LAUNCHER, :target => "_blank"}
= render :partial => "downloads/download_card", :locals => {:icon => "fa-folder-open", :name => "RVA Car Pack", :img_file => "rva-logo-dark.png", :download_link => DISTRIBUTE::RVA_CARS, :target => "_self"}
= render :partial => "downloads/download_card", :locals => {:icon => "fa-folder-open", :name => "RVA Track Pack", :img_file => "rva-logo-dark.png", :download_link => DISTRIBUTE::RVA_TRACKS, :target => "_self"}



94 changes: 94 additions & 0 deletions app/views/faq/index.haml
@@ -0,0 +1,94 @@
- content_for :title, "Re-Volt America - FAQ"

%h2.mb-3
%i.fa.fa-comment{:"aria-hidden" => true}
%b
Frequently Asked Questions
%p
This is a collection of the most frequently asked questions (FAQ) by new community members when they first want
to play Re-Volt online with us in RVA. Make sure to give them a read if you're new to our community.
%hr
.container
#faq
.card
.card-header#faqhead1
%a.btn.btn-header-link{href: "#", "data-toggle": "collapse", "data-target": "#faq1", "aria-expanded": "true", "aria-controls": "faq1"} How do I download Re-Volt?
#faq1.collapse{"aria-labelledby" => "faqhead1", "data-parent" => "#faq"}
.card-body
%h4
Recommended way: RVGL Launcher
%p
With this program, you can download and manage custom content for the game with just a few clicks. Go to the
following link to download it:
<a href="https://re-volt.gitlab.io/rvgl-launcher/#download" target="_blank" rel="noopener noreferrer">Re-Volt Launcher</a>
%p
When you open the launcher for the first time, you will be able to select the folder where the game will be
installed, along with a \"Game Preset\". For the latter, we recommend that you select "Original".
%h4
Classic way
%p
Enter the following <a href="https://re-volt.io/downloads/game" target="_blank">link</a>
and choose the version of the game for your operating system (Windows, Linux or MacOS).
%p
When the download is finished, unzip the archive in a folder of your choice and run RVGL to start playing.
%h4
Mobile players
%p
In the case of Android, when you try to run the game installer
(click this <a href= "https://distribute.re-volt.io/releases/rvgl_full_android_original.apk" target="_blank", rel="noopener noreferrer">link</a> to download)
you need to grant permissions to install external applications.
%p
After accepting granting the permissions and installing the game, the app can be opened normally from the app
drawer of your phone.
%p
IOS is still not supported :(.
%h4
Steam Re-Volt
%p
The Steam version of Re-Volt is not compatible to play online races because it is an obsolete version.
For this and many other reasons we <b>do not</b> recommend its purchase and cannot host online events for
it either.
.card
.card-header#faqhead2
%a.btn.btn-header-link.collapsed{href: "#", "data-toggle": "collapse", "data-target": "#faq2", "aria-expanded": "true", "aria-controls": "faq2"} How do I install the RVA packs?
#faq2.collapse{"aria-labelledby" => "faqhead2", "data-parent" => "#faq"}
.card-body
%h4
Recommended way: RVGL Launcher
%p
In the Packs tab check the rva_cars and rva_tracks options at the bottom of the list,
then click the Install Packages button in the lower right corner to start downloading and installing them.
%h4
Classic way
%p
Enter the following <a href="downloads" target="_blank" rel="noopener noreferrer">link</a> and download RVA Car Pack and RVA Track Pack.
%p
Open the folder where you have RVGL installed and unzip the newly downloaded files there.
%h4
Mobile players
%p
Perform the steps of the classic method, only that on Android you need a file manager capable of decompressing ZIP files,
you can search in the Play Store applications such as ZArchiver, RAR or others if your phone does not incorporate a file manager.
%p
Inside the file manager go to the Downloads folder (or wherever you have downloaded the packs) and unzip them in the RVGL folder that is in the internal memory.
.card
.card-header#faqhead3
%a.btn.btn-header-link.collapsed{href: "#", "data-toggle": "collapse", "data-target": "#faq3", "aria-expanded": "true", "aria-controls": "faq3"} How can I play online?
#faq3.collapse{"aria-labelledby" => "faqhead3", "data-parent" => "#faq"}
.card-body
%p
In Re-Volt America, we host racing sessions daily at 23:00 UTC, and they are all announced via Discord, on
a channel called "#lobby-rva". <a href="play">Here</a> you can see the countdown for the next session.
%h5
Keep this in mind
%ul
%li
Before joining our rooms, you must install the RVA Pack. Check the FAQ entry for more information.
%li
When there is an open room to join and enter to play a message will appear in #lobby-rva,
%br for example: "<b>Lobby is UP! - IP: gforce-rva.ddns.net</b>"
%li
Open RVGL, go to Play Multiplayer >> Join Game, and copy and paste the IP address. This is an example IP, each organizer will have a different IP address.
1 change: 1 addition & 0 deletions config/routes/application.rb
Expand Up @@ -13,6 +13,7 @@
get 'staff' => 'staff#index'
get 'points' => 'points#index'
get 'stats' => 'stats#index'
get 'faq' => 'faq#index'

resources :repositories

Expand Down

0 comments on commit 0c8a03f

Please sign in to comment.