Add Element page and redirects for element/*

Author: Fernando-A-Rocha

articles/official/element/article.md

@@ -0,0 +1,5 @@
+# Element
+
+An **element** is a generic class that can represent almost all in-game entities. The built-in element types are:
+
+- TODO

articles/official/element/article.yaml

@@ -0,0 +1,5 @@
+title: "Element"
+content: "article.md"
+author: "multitheftauto"
+date: "January 1, 2025"
+assets: []

elements/player.yaml

@@ -0,0 +1,10 @@
+name: 'Player'
+description: |
+  The player class represents pedestrians controlled by clients. A player element is created when a client connects to the server and destroyed when that client quits. Players cannot be created or destroyed otherwise.
+
+  The element type of this class is **"player"**. 
+
+  TODO
+see_also:
+  - 'category:Player functions'
+  - 'category:Player events'

web/resources/_redirects

@@ -1,2 +1,4 @@
 /wiki/ /
 /wiki/* /:splat
+
+/element/* /:splat

web/resources/assets/style.css

@@ -245,3 +245,8 @@ header {
   margin: 0;
   color: #9F9FA2;
 }
+
+.pad-lr {
+  padding-left: 1em;
+  padding-right: 1em;
+}

web/resources/function.html

@@ -37,7 +37,7 @@ <h3>Pair: <a href="/{{ function[type_name].pair }}">{{ function[type_name].pair
     {% if function[type_name] %}
         {% if function[type_name].version %}
             {% set version = function[type_name].version %}
-            <div style="display:inline-block; padding: 0.5em; margin-bottom: 0.5em; border: 1px solid {{ info_color }}; border-radius: 5px;">
+            <div class="pad-lr" style="display:inline-block; margin-bottom: 0.5em; border: 1px solid {{ info_color }}; border-radius: 5px;">
             {% if version.added %}
                 Added in <strong>{{ version.added }}</strong>
             {% endif %}
@@ -60,7 +60,7 @@ <h3>Pair: <a href="/{{ function[type_name].pair }}">{{ function[type_name].pair
 {% if function[type_name] and function[type_name].meta %}
     {% if function[type_name].meta %}
         {% for meta_item in function[type_name].meta %}
-            <div style="padding-left: 1em; margin-top: 1em; border: 1px solid #aaa; border-radius: 5px; background-color: rgba(255, 255, 255, 0.1);">
+            <div class="pad-lr" style="margin-bottom: 0.5em; border: 1px solid #aaa; border-radius: 5px; background-color: rgba(255, 255, 255, 0.1);">
             {% if meta_item.needs_checking %}
                     <p><strong>Needs checking:</strong> {{ meta_item.needs_checking }}</p>
                 {% endif %}
@@ -75,7 +75,7 @@ <h3>Pair: <a href="/{{ function[type_name].pair }}">{{ function[type_name].pair
     {% if function[type_name] %}
         {% if function[type_name].issues %}
         {% for issue in function[type_name].issues %}
-            <div style="padding-left: 1em; margin-top: 1em; border: 1px solid {{ info_color }}; border-radius: 5px; background-color: rgba(255, 255, 0, 0.1);">
+            <div class="pad-lr" style="margin-bottom: 0.5em; border: 1px solid {{ info_color }}; border-radius: 5px; background-color: rgba(255, 255, 0, 0.1);">
                 <p><a target="_blank" href="https://github.com/multitheftauto/mtasa-blue/issues/{{ issue.id }}">Issue #{{ issue.id }} (mtasa-blue):</a> {{  issue.description_html }}</p>
             </div>
         {% endfor %}
@@ -89,7 +89,7 @@ <h3>Pair: <a href="/{{ function[type_name].pair }}">{{ function[type_name].pair
 
         {% if function[type_name].notes %}
             {% for note in function[type_name].notes %}
-                <div style="padding-left: 1em; margin-top: 1em; border: 1px solid {{ info_color }}; border-radius: 5px; background-color: rgba(0, 255, 0, 0.1);">
+                <div class="pad-lr" style="margin-bottom: 0.5em; border: 1px solid {{ info_color }}; border-radius: 5px; background-color: rgba(0, 255, 0, 0.1);">
                     <p>{{ note }}</p>
                 </div>
             {% endfor %}

web/resources/layout.html

@@ -25,7 +25,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="/assets/style.css?v=1.8">
+    <link rel="stylesheet" href="/assets/style.css?v=1.9">
 </head>
 <body>
     <nav id="mta-global-navbar">