Add missing FAQ entries (#70)

app/assets/stylesheets/faq.scss

@@ -33,6 +33,19 @@
     p {
       margin-bottom: 5px;
     }
+
+    img {
+      display: block;
+      max-width: 80%;
+      height: auto;
+      margin-top: 1em;
+      margin-bottom: 1em;
+    }
+
+    .parameters {
+      font-size: 120%;
+    }
+
   }
 
   .card .card-header .btn-header-link {
@@ -106,3 +119,9 @@
     border-radius: .25rem;
   }
 }
+
+h6 {
+  font-weight: bold;
+  margin-bottom: 1em;
+  margin-left: 1em;
+}

app/views/faq/index.haml

@@ -8,14 +8,16 @@
 %p
   = t("faq.description")
 
-%hr
+#faq
 
-.container
-  #faq
+  %hr
+  %h6
+    = t("faq.section-1")
+  .container
     .card
       .card-header#faqhead1
         %a.btn.btn-header-link{href: "#", "data-toggle": "collapse", "data-target": "#faq1", "aria-expanded": "true", "aria-controls": "faq1"}= t("faq.accordion.download.title")
-      #faq1.collapse{"aria-labelledby" => "faqhead1", "data-parent" => "#faq"}
+      #faq1.collapse{"aria-labelledby" => "faqhead1", "data-parent" => ""}
         .card-body
           %h4
             = t("faq.accordion.generics.recommended-way")
@@ -36,7 +38,7 @@
     .card
       .card-header#faqhead2
         %a.btn.btn-header-link.collapsed{href: "#", "data-toggle": "collapse", "data-target": "#faq2", "aria-expanded": "true", "aria-controls": "faq2"}= t("faq.accordion.install.title")
-      #faq2.collapse{"aria-labelledby" => "faqhead2", "data-parent" => "#faq"}
+      #faq2.collapse{"aria-labelledby" => "faqhead2", "data-parent" => ""}
         .card-body
           %h4
             = t("faq.accordion.generics.recommended-way")
@@ -50,10 +52,13 @@
             = t("faq.accordion.generics.mobile-players")
           %p
             = t("faq.accordion.install.mobile-players.description-html")
+  %h6.mt-3
+    = t("faq.section-2")
+  .container
     .card
       .card-header#faqhead3
         %a.btn.btn-header-link.collapsed{href: "#", "data-toggle": "collapse", "data-target": "#faq3", "aria-expanded": "true", "aria-controls": "faq3"}= t("faq.accordion.play-online.title")
-      #faq3.collapse{"aria-labelledby" => "faqhead3", "data-parent" => "#faq"}
+      #faq3.collapse{"aria-labelledby" => "faqhead3", "data-parent" => ""}
         .card-body
           %p
             = t("faq.accordion.play-online.description-html")
@@ -66,3 +71,52 @@
                 = t("faq.accordion.play-online.reminder.li-2-html")
               %li
                 = t("faq.accordion.play-online.reminder.li-3")
+    .card
+      .card-header#faqhead4
+        %a.btn.btn-header-link{href: "#", "data-toggle": "collapse", "data-target": "#faq4", "aria-expanded": "true", "aria-controls": "faq4"}= t("faq.accordion.password-sessions.title")
+      #faq4.collapse{"aria-labelledby" => "faqhead4", "data-parent" => ""}
+        .card-body
+          %p
+            = t("faq.accordion.password-sessions.description")
+          .parameters
+            %b -lobby [IP address] -pass [password]
+          %h5 RVGL Launcher
+          %p
+            = t("faq.accordion.password-sessions.launcher.description")
+          = image_tag "faq/launcher.png", :class => "img-fluid rounded mx-auto"
+          %h5
+            = t("faq.accordion.password-sessions.shortcut.title")
+          %p
+            = t("faq.accordion.password-sessions.shortcut.description")
+          = image_tag "faq/shortcut.png", :class => "img-fluid rounded mx-auto"
+          %h5 Android
+          %ol
+            %li
+              = t("faq.accordion.password-sessions.android.li-1-html")
+            %li
+              = t("faq.accordion.password-sessions.android.li-2-html")
+          = image_tag "faq/android.png", :class => "img-fluid rounded mx-auto"
+    .card
+      .card-header#faqhead5
+        %a.btn.btn-header-link{href: "#", "data-toggle": "collapse", "data-target": "#faq5", "aria-expanded": "true", "aria-controls": "faq5"}= t("faq.accordion.rankings.title")
+      #faq5.collapse{"aria-labelledby" => "faqhead5", "data-parent" => ""}
+        .card-body
+          %h4
+            = t("faq.accordion.rankings.seasons.title")
+          %p
+            = t("faq.accordion.rankings.seasons.description")
+          = image_tag "faq/schedule.png", :class => "img-fluid rounded mx-auto d-block"
+          %h4
+            = t("faq.accordion.rankings.punctuation.title")
+          %p
+            = t("faq.accordion.rankings.punctuation.description-1")
+          %ul
+            %li
+              = t("faq.accordion.rankings.punctuation.list.li-1")
+            %li
+              = t("faq.accordion.rankings.punctuation.list.li-2")
+            %li
+              = t("faq.accordion.rankings.punctuation.list.li-3")
+          %p
+            = t("faq.accordion.rankings.punctuation.description-2-html")
+

config/locales/en.yml

@@ -110,6 +110,8 @@ en:
   faq:
     title: "Frequently Asked Questions"
     description: "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."
+    section-1: "Installing and setup"
+    section-2: "Playing online"
     accordion:
       download:
         title: "How do I download Re-Volt?"
@@ -157,6 +159,30 @@ en:
           li-2-html: "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-3: "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."
+      password-sessions:
+        title: "How to join a session with password?"
+        description: "Write the following Launch Parameters (Don't write the brackets [])."
+        launcher:
+          description: "Enter the IP and password at Launch Parameters field in the following way, for example:"
+        shortcut:
+          title: "Game shortcut"
+          description: "Press Alt+Enter in your RVGL shortcut, then at the end of Target field write the parameters as shown in the screenshot below."
+        android:
+          li-1-html: "Download and install \"<b>Termux</b>\", if you can't find it at the Play Store, then use this <a href='https://f-droid.org/en/packages/com.termux/', target='_blank', rel='noopener noreferrer'>link (F-Droid)</a> to download it."
+          li-2-html: "Copy and paste inside the app this command; <code> am start -n com.rvgl.rvgl/.RVGLActivity -e args \"-lobby &lt;ip&gt  -pass &lt;password&gt </code> you ought write the IP and password inside the text before pressing Enter as shown in the screenshot; if the game doesn't open up inmediatly, close the app from the notifications and try again, you may have copied something wrong."
+      rankings:
+        title: "How does works rankings and punctuations?"
+        seasons:
+          title: "Seasons and Rankings"
+          description: "Each of our seasons consists of 6 rankings, and each ranking consists of 18 individual sessions and 10 team sessions, in this way, each ranking will have a duration of one month and each season will last approximately 6 months. A session announced in discord #lobby-rva channel consists of playing the 20 tracks assigned for the day with the corresponding category, the weekly schedule that determines the races to be played each day are announced every Monday and looks as follows:"
+        punctuation:
+          title: "Punctuation of a Session"
+          description-1: "At the end of each session the results obtained by each player are published in the #rank-global channel, in RVA we have a unique way of determining the scores where the Car Multiplier, the Accumulated Points, the Average Position and the Completed Races influence."
+          description-2-html: "You can see in detail how the points are calculated in a session in the following <a href='points', rel='noopener noreferrer'>link</a>."
+          list:
+            li-1: "The Car Multiplier gives each car a value that determines its difficulty, the higher its multiplier number, the more points you can add, but it won't help if you finish the races last by trying to drive the most difficult cars."
+            li-2: "The Accumulated Points is the sum of the points obtained according to your final position in each race. More points will be awarded in a session if it starts with 10 or more players."
+            li-3: " Average Position and Races Completed affect your points accumulated in a session, finishing in low positions or completing few races will decrease the amount of points you can get in a session."
       generics:
         recommended-way: "Recommended way: RVGL Launcher"
         classic-way: "Classic way"