diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index db947d88..a823f4af 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -3,6 +3,7 @@
@import "cars";
@import "downloads";
@import "footer";
+@import "faq";
@import "kaminari";
@import "nav";
@import "play";
diff --git a/app/assets/stylesheets/downloads.scss b/app/assets/stylesheets/downloads.scss
index 8581e70e..8cb82897 100644
--- a/app/assets/stylesheets/downloads.scss
+++ b/app/assets/stylesheets/downloads.scss
@@ -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;
+ }
+}
diff --git a/app/assets/stylesheets/faq.scss b/app/assets/stylesheets/faq.scss
new file mode 100644
index 00000000..3d9b3284
--- /dev/null
+++ b/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;
+ }
+}
diff --git a/app/controllers/faq_controller.rb b/app/controllers/faq_controller.rb
new file mode 100644
index 00000000..6d24a8f2
--- /dev/null
+++ b/app/controllers/faq_controller.rb
@@ -0,0 +1,3 @@
+class FaqController < ApplicationController
+ def index; end
+end
diff --git a/app/views/application/_footer.haml b/app/views/application/_footer.haml
index d62ce532..0e387edc 100644
--- a/app/views/application/_footer.haml
+++ b/app/views/application/_footer.haml
@@ -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
diff --git a/app/views/application/_nav.haml b/app/views/application/_nav.haml
index 57913ad3..f831d3d9 100644
--- a/app/views/application/_nav.haml
+++ b/app/views/application/_nav.haml
@@ -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 => "#"}
diff --git a/app/views/downloads/index.haml b/app/views/downloads/index.haml
index c941af76..463b5646 100644
--- a/app/views/downloads/index.haml
+++ b/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
@@ -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"}
+
+
+
diff --git a/app/views/faq/index.haml b/app/views/faq/index.haml
new file mode 100644
index 00000000..accbbc22
--- /dev/null
+++ b/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:
+ Re-Volt Launcher
+ %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 link
+ 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 link 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 do not 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 link 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". Here 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: "Lobby is UP! - IP: gforce-rva.ddns.net"
+ %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.
diff --git a/config/routes/application.rb b/config/routes/application.rb
index 098cdde0..93cebf31 100644
--- a/config/routes/application.rb
+++ b/config/routes/application.rb
@@ -13,6 +13,7 @@
get 'staff' => 'staff#index'
get 'points' => 'points#index'
get 'stats' => 'stats#index'
+ get 'faq' => 'faq#index'
resources :repositories