Template

Difference between revisions of "Main"

From Shadow Era Wiki

 
(16 intermediate revisions by one user not shown)
Line 1: Line 1:
 
<div style="display: flex; flex-wrap: wrap;">
 
<div style="display: flex; flex-wrap: wrap;">
  
     <!-- Tableau 1 : Welcome to ATOM RPG Wiki -->
+
     <!-- Tableau 1 : Welcome to SE Wiki -->
 
     <div style="flex: 0 0 100%; min-width: 300px;">
 
     <div style="flex: 0 0 100%; min-width: 300px;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title1}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title1}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
Line 12: Line 12:
 
         </table>
 
         </table>
 
     </div>
 
     </div>
</div>
 
 
<div style="display: flex; flex-wrap: wrap; margin-top: 20px;">
 
  
 
     <!-- Tableau 2 : Join our community! -->
 
     <!-- Tableau 2 : Join our community! -->
     <div style="flex: 0 0 45%; min-width: 200px; margin-right: 5%;">
+
     <div class="table-2" style="min-width: 200px;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title2}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title2}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
Line 28: Line 25:
 
     </div>
 
     </div>
  
<div style="flex: 0 0 45%; min-width: 200px; margin-left: auto;">
+
    <!-- Tableau 3 : Random Card -->
<table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
+
    <div class="table-3" style="min-width: 200px;">
<tr>
+
        <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
<th style="text-align:left;">Random Card</th>
+
            <tr>
</tr>
+
                <th style="text-align:center; text-transform: uppercase;">{{{title3}}}</th>
<tr>
+
            </tr>
<td>
+
            <tr>
    <img src="" id="randomCard" alt="Random Card" style="max-width: 80%; height: auto;" />
+
                <td style="text-align: center;">
    <noinclude>
+
                    <img src="" id="randomCard" alt="Random Card" style="max-width: 60%; height: auto;" />
    <script>
+
                </td>
        document.addEventListener('DOMContentLoaded', function() {
+
            </tr>
            var cardCount = 100; // Remplacez par le nombre total de cartes disponibles.
+
        </table>
            var randomIndex = Math.floor(Math.random() * cardCount) + 1; // Générez un nombre aléatoire.
+
    </div>
            document.getElementById('randomCard').src = 'https://www.shadowera.com/cards/card' + randomIndex + '.jpg'; // Modifiez ce chemin selon la structure des URLs des cartes.
+
        });
+
    </script>
+
    </noinclude>
+
</td>
+
</tr>
+
</table>
+
</div>
+
 
+
<div style="display: flex; flex-wrap: wrap; margin-top: 20px;">
+
  
     <!-- Tableau 3 : Overview -->
+
     <!-- Tableau 4 : Overview -->
     <div style="flex: 0 0 100%; min-width: 300px;">
+
     <div style="flex: 0 0 100%; min-width: 300px; margin-top: 20px;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
         <table class="wikitable" style="background-color: #4f545c; color: white; width: 100%;">
 
             <tr>
 
             <tr>
                 <th style="text-align:left;">{{{title3}}}</th>
+
                 <th style="text-align:center; text-transform: uppercase;">{{{title4}}}</th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
                 <td>{{{content3}}}</td>
+
                 <td>{{{content4}}}</td>
 
             </tr>
 
             </tr>
 
         </table>
 
         </table>
 
     </div>
 
     </div>
 
</div>
 
</div>

Latest revision as of 00:01, 7 October 2024

{{{title1}}}
{{{content1}}}
{{{title2}}}
{{{content2}}}
{{{title3}}}
                   Random Card
{{{title4}}}
{{{content4}}}