From 0c8a03ffa79c2cee8561af56a96a0210acbcd09c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicol=C3=A1s=20Duque?= Date: Wed, 14 Feb 2024 19:08:40 -0500 Subject: [PATCH] Add FAQ page (#53) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --------- Co-authored-by: José Benavente --- app/assets/stylesheets/application.scss | 1 + app/assets/stylesheets/downloads.scss | 20 +++++ app/assets/stylesheets/faq.scss | 108 ++++++++++++++++++++++++ app/controllers/faq_controller.rb | 3 + app/views/application/_footer.haml | 2 + app/views/application/_nav.haml | 1 + app/views/downloads/index.haml | 11 ++- app/views/faq/index.haml | 94 +++++++++++++++++++++ config/routes/application.rb | 1 + 9 files changed, 240 insertions(+), 1 deletion(-) create mode 100644 app/assets/stylesheets/faq.scss create mode 100644 app/controllers/faq_controller.rb create mode 100644 app/views/faq/index.haml 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