Form:Game: Difference between revisions

Revision as of 11:54, 10 February 2026

add title=Add a new Game

Game

 Game Data Entry

Basic Information

        Game Name:

        Name

Developer:
Developer

Publisher:
Publisher

        Series:

        Series

Release Date:
Release date

Cover Image:
Image

Versions & Links

        Current Version:
Current version

        Store Links:
Store links

        Community Links:
Community

Classification

      Genre:

      Genre

      Setting:

      Setting

      Game Modes:

      Has game mode

Technical Specs

      Original Release Platforms:

      Platform

        System Requirements:

        System requirements

        Multiplayer Tools:

        Multiplayer tools

save preview cancel

{{{end template}}}

@@ Line 2: / Line 2: @@
 {{{for template|Game}}}
-<div style="max-width: 1000px; background: #fcfcfc; border: 1px solid #ccc; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); font-family: sans-serif;">
+<div style="max-width: 1050px; background: #ffffff; border: 1px solid #dcdcdc; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.03); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; color: #333;">
-<div style="display: flex; gap: 30px; flex-wrap: wrap;">
+<div style="border-bottom: 2px solid #3366cc; margin-bottom: 20px; padding-bottom: 10px;">
+  <span style="font-size: 1.5em; font-weight: bold; color: #333;">Game Data Entry</span>
+</div>
-   <div style="flex: 1; min-width: 300px;">
+<div style="display: flex; gap: 40px; flex-wrap: wrap;">
+   <div style="flex: 1; min-width: 350px;">
-     <div style="margin-bottom: 20px; background: #fff; border: 1px solid #e0e0e0; padding: 15px; border-radius: 4px;">
+     <div style="margin-bottom: 25px;">
-        <div style="border-bottom: 2px solid #3366cc; color: #333; margin-bottom: 10px; padding-bottom: 5px; font-weight: bold;">
+        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Basic Information</div>
-         Basic Information
-       </div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 12px;">
           '''Game Name:'''<br>
-          {{{field|Name|input type=text|size=45|placeholder=Full Title}}}
+          {{{field|Name|input type=text|size=50|placeholder=Full Title|class=form-control}}}
         </div>
-        <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+        <div style="display: flex; gap: 15px; margin-bottom: 12px;">
           <div style="flex: 1;">'''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=20}}}</div>
           <div style="flex: 1;">'''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=20}}}</div>
         </div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 12px;">
           '''Series:'''<br>
-          {{{field|Series|input type=tokens|values from category=Series|size=45|placeholder=e.g. Half-Life (Series)}}}
+          {{{field|Series|input type=tokens|values from category=Series|size=50|placeholder=Type and hit Enter}}}
         </div>
-        <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+        <div style="display: flex; gap: 15px; margin-bottom: 12px;">
           <div style="flex: 1;">'''Release Date:'''<br>{{{field|Release date|input type=datepicker|date format=dd.mm.yy}}}</div>
           <div style="flex: 1;">'''Cover Image:'''<br>{{{field|Image|uploadable}}}</div>
@@ Line 34: / Line 36: @@
      </div>
-     <div style="margin-bottom: 20px; background: #fff; border: 1px solid #e0e0e0; padding: 15px; border-radius: 4px;">
+     <div style="margin-bottom: 20px;">
-        <div style="border-bottom: 2px solid #3366cc; color: #333; margin-bottom: 10px; padding-bottom: 5px; font-weight: bold;">
+        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Versions & Links</div>
-         Links & Version
-       </div>
         <div style="margin-bottom: 10px;">
@@ Line 43: / Line 43: @@
         </div>
         <div style="margin-bottom: 10px;">
-          '''Community Links:'''<br>{{{field|Community|input type=text|size=45}}}
+          '''Store Links:'''<br>{{{field|Store links|input type=text|size=50}}}
         </div>
         <div style="margin-bottom: 10px;">
-          '''Store Links:'''<br>{{{field|Store links|input type=text|size=45}}}
+          '''Community Links:'''<br>{{{field|Community|input type=text|size=50}}}
         </div>
      </div>
    </div>
-   <div style="flex: 1; min-width: 300px;">
+   <div style="flex: 1; min-width: 350px;">
-     <div style="margin-bottom: 20px; background: #fff; border: 1px solid #e0e0e0; padding: 15px; border-radius: 4px;">
+     <div style="margin-bottom: 25px;">
-        <div style="border-bottom: 2px solid #3366cc; color: #333; margin-bottom: 10px; padding-bottom: 5px; font-weight: bold;">
+        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Classification</div>
-         Classification
-       </div>
         '''Genre:'''
-        <div style="margin-bottom: 8px; font-size: 90%;">
+        <div style="column-width: 120px; column-gap: 20px; margin-bottom: 12px;">
-        {{{field|Genre|input type=checkboxes|values=Action, Adventure, MMO, Racing, RPG, Shooter, Simulation, Sports, Strategy|delimiter=,|columns=3}}}
+        {{{field|Genre|input type=checkboxes|values=Action, Adventure, MMO, Racing, RPG, Shooter, Simulation, Sports, Strategy|delimiter=,}}}
         </div>
-       <hr style="border: 0; border-top: 1px dashed #eee; margin: 8px 0;">
         '''Setting:'''
-        <div style="margin-bottom: 8px; font-size: 90%;">
+        <div style="column-width: 120px; column-gap: 20px; margin-bottom: 12px;">
-        {{{field|Setting|input type=checkboxes|values=Modern Era, Fantasy, Sci-Fi, Historical, Post-Apocalyptic|delimiter=,|columns=3}}}
+        {{{field|Setting|input type=checkboxes|values=Modern Era, Fantasy, Sci-Fi, Historical, Post-Apocalyptic|delimiter=,}}}
         </div>
-       <hr style="border: 0; border-top: 1px dashed #eee; margin: 8px 0;">
-        '''Modes:'''
+        '''Game Modes:'''
-        <div style="font-size: 90%;">
+        <div style="display: flex; gap: 20px; margin-bottom: 10px;">
-        {{{field|Has game mode|input type=checkboxes|values=Singleplayer, Multiplayer, Co-op|delimiter=,|columns=3}}}
+        {{{field|Has game mode|input type=checkboxes|values=Singleplayer, Multiplayer, Co-op|delimiter=,}}}
         </div>
      </div>
-     <div style="margin-bottom: 20px; background: #fff; border: 1px solid #e0e0e0; padding: 15px; border-radius: 4px;">
+     <div style="margin-bottom: 20px;">
-        <div style="border-bottom: 2px solid #3366cc; color: #333; margin-bottom: 10px; padding-bottom: 5px; font-weight: bold;">
+        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Technical Specs</div>
-         Technical Specs
-       </div>
-        '''Original Release Platform:'''
+        '''Original Release Platforms:'''
-        <div style="margin-bottom: 10px; font-size: 90%;">
+        <div style="column-width: 130px; column-gap: 10px; margin-bottom: 15px; padding: 10px; background: #f9f9f9; border-radius: 4px;">
-        {{{field|Platform|input type=checkboxes|values=MS-DOS, Windows 95, Windows 98, Windows XP, Windows 7, Windows 10, Windows 11, Linux, Mac OS|delimiter=,|columns=3}}}
+        {{{field|Platform|input type=checkboxes|values=MS-DOS, Windows 95, Windows 98, Windows XP, Windows 7, Windows 10, Windows 11, Linux, Mac OS|delimiter=,}}}
         </div>
         <div style="margin-bottom: 10px;">
           '''System Requirements:'''<br>
-          {{{field|System requirements|input type=textarea|rows=4|style=width: 100%; box-sizing: border-box;}}}
+          {{{field|System requirements|input type=textarea|rows=4|style=width: 100%; box-sizing: border-box; font-family: monospace;}}}
         </div>
@@ Line 99: / Line 93: @@
    </div>
    </div>
-<div style="margin-top: 20px; padding-top: 15px; border-top: 1px solid #ddd; text-align: right;">
+<div style="margin-top: 20px; padding-top: 15px; border-top: 2px solid #3366cc; text-align: right; background: #fcfcfc; padding: 15px;">
-{{{standard input|save}}} {{{standard input|preview}}} {{{standard input|cancel}}}
+{{{standard input|save}}} <span style="margin-left: 10px;">{{{standard input|preview}}}</span> <span style="margin-left: 10px;">{{{standard input|cancel}}}</span>
 </div>
 </div>
 {{{end template}}}