Charactersheet: Unterschied zwischen den Versionen

Aus Meddlerde
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(18 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
hallo #
<syntaxhighlight lang="wiki">
<!DOCTYPE html>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<html lang="de">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meine D&D Kampagne</title>
</head>
<body>
    <h1>Willkommen zu unserer D&D Kampagne</h1>
    <div id="content"></div>


     <script>
<div style="border: 2px solid #4CAF50; padding: 20px; width: 350px; background-color: #f9f9f9; border-radius: 10px; font-family: 'Roboto', sans-serif;">
        document.addEventListener('DOMContentLoaded', () => {
     <h2 style="color: #4CAF50; text-align: center;">{{{name}}}</h2>
            const content = document.getElementById('content');
    <p><strong><i class="fas fa-hat-wizard"></i> Class:</strong> {{{class}}}</p>
            content.innerHTML = '<p>Dies ist ein Beispiel für eingebettetes JavaScript.</p>';
    <p><strong><i class="fas fa-level-up-alt"></i> Level:</strong> {{{level}}}</p>
        });
    <p><strong><i class="fas fa-dna"></i> Race:</strong> {{{race}}}</p>
     </script>
    <p><strong><i class="fas fa-book"></i> Background:</strong> {{{background}}}</p>
</body>
    <p><strong><i class="fas fa-fist-raised"></i> Strength:</strong> {{{strength}}}</p>
</html>
    <p><strong><i class="fas fa-running"></i> Dexterity:</strong> {{{dexterity}}}</p>
    <p><strong><i class="fas fa-heart"></i> Constitution:</strong> {{{constitution}}}</p>
    <p><strong><i class="fas fa-brain"></i> Intelligence:</strong> {{{intelligence}}}</p>
    <p><strong><i class="fas fa-eye"></i> Wisdom:</strong> {{{wisdom}}}</p>
     <p><strong><i class="fas fa-theater-masks"></i> Charisma:</strong> {{{charisma}}}</p>
</div>
</syntaxhighlight>


<script>
<templatedata>
     document.addEventListener('DOMContentLoaded', () => {
{
         const content = document.getElementById('content');
     "params": {
         content.innerHTML = '<p>Dies ist ein Beispiel für eingebettetes JavaScript.</p>';
        "name": {
     });
            "description": "Character's name",
</script>
            "example": "Kinski",
            "type": "string",
            "required": true
        },
        "class": {
            "description": "Character's class",
            "example": "Sorcerer",
            "type": "string",
            "required": true
        },
        "level": {
            "description": "Character's level",
            "example": "5",
            "type": "number",
            "required": true
        },
         "race": {
            "description": "Character's race",
            "example": "Elf",
            "type": "string",
            "required": true
        },
        "background": {
            "description": "Character's background",
            "example": "Noble",
            "type": "string",
            "required": true
         },
        "strength": {
            "description": "Strength score",
            "example": "15",
            "type": "number",
            "required": true
        },
        "dexterity": {
            "description": "Dexterity score",
            "example": "14",
            "type": "number",
            "required": true
        },
        "constitution": {
            "description": "Constitution score",
            "example": "13",
            "type": "number",
            "required": true
        },
        "intelligence": {
            "description": "Intelligence score",
            "example": "12",
            "type": "number",
            "required": true
        },
        "wisdom": {
            "description": "Wisdom score",
            "example": "10",
            "type": "number",
            "required": true
        },
        "charisma": {
            "description": "Charisma score",
            "example": "16",
            "type": "number",
            "required": true
        }
    },
    "description": "Generates a D&D character sheet",
     "format": "inline"
}
</templatedata>

Aktuelle Version vom 22. Februar 2025, 15:00 Uhr

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<div style="border: 2px solid #4CAF50; padding: 20px; width: 350px; background-color: #f9f9f9; border-radius: 10px; font-family: 'Roboto', sans-serif;">
    <h2 style="color: #4CAF50; text-align: center;">{{{name}}}</h2>
    <p><strong><i class="fas fa-hat-wizard"></i> Class:</strong> {{{class}}}</p>
    <p><strong><i class="fas fa-level-up-alt"></i> Level:</strong> {{{level}}}</p>
    <p><strong><i class="fas fa-dna"></i> Race:</strong> {{{race}}}</p>
    <p><strong><i class="fas fa-book"></i> Background:</strong> {{{background}}}</p>
    <p><strong><i class="fas fa-fist-raised"></i> Strength:</strong> {{{strength}}}</p>
    <p><strong><i class="fas fa-running"></i> Dexterity:</strong> {{{dexterity}}}</p>
    <p><strong><i class="fas fa-heart"></i> Constitution:</strong> {{{constitution}}}</p>
    <p><strong><i class="fas fa-brain"></i> Intelligence:</strong> {{{intelligence}}}</p>
    <p><strong><i class="fas fa-eye"></i> Wisdom:</strong> {{{wisdom}}}</p>
    <p><strong><i class="fas fa-theater-masks"></i> Charisma:</strong> {{{charisma}}}</p>
</div>

Generates a D&D character sheet

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
namename

Character's name

Beispiel
Kinski
Zeichenfolgeerforderlich
classclass

Character's class

Beispiel
Sorcerer
Zeichenfolgeerforderlich
levellevel

Character's level

Beispiel
5
Nummererforderlich
racerace

Character's race

Beispiel
Elf
Zeichenfolgeerforderlich
backgroundbackground

Character's background

Beispiel
Noble
Zeichenfolgeerforderlich
strengthstrength

Strength score

Beispiel
15
Nummererforderlich
dexteritydexterity

Dexterity score

Beispiel
14
Nummererforderlich
constitutionconstitution

Constitution score

Beispiel
13
Nummererforderlich
intelligenceintelligence

Intelligence score

Beispiel
12
Nummererforderlich
wisdomwisdom

Wisdom score

Beispiel
10
Nummererforderlich
charismacharisma

Charisma score

Beispiel
16
Nummererforderlich