Charactersheet - Versionsgeschichte

Xeada am 22. Februar 2025 um 14:00 Uhr

2025-02-22T14:00:27Z

@@ Zeile 1: / Zeile 1: @@
 <syntaxhighlight lang="wiki">
 <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">
-<syntaxhighlight lang="wiki">
+<div style="border: 2px solid #4CAF50; padding: 20px; width: 350px; background-color: #f9f9f9; border-radius: 10px; font-family: 'Roboto', sans-serif;">
-<div style="border: 2px solid #4CAF50; padding: 20px; width: 300px; 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>
@@ Zeile 52: / Zeile 17: @@
 </div>
 </syntaxhighlight>

Xeada am 22. Februar 2025 um 13:57 Uhr

2025-02-22T13:57:23Z

Änderungen zeigen

Xeada am 22. Februar 2025 um 13:55 Uhr

2025-02-22T13:55:29Z

@@ Zeile 1: / Zeile 1: @@
 <syntaxhighlight lang="wiki">
-<div style="text-align: center;">
+<div style="border: 1px solid #ccc; padding: 10px; width: 300px;">
-     <a href="{{{link}}}" class="button" style="background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">
+     <h2>{{{name}}}</h2>
-        {{{label}}}
+    <p><strong>Class:</strong> {{{class}}}</p>
-     </a>
+    <p><strong>Level:</strong> {{{level}}}</p>
 </div>
 </syntaxhighlight>
@@ Zeile 12: / Zeile 18: @@
+{
      "params": {
-         "label": {
+         "name": {
-             "description": "The text to display on the button",
+             "description": "Character's name",
-             "example": "Click Me!",
+             "example": "Kinski",
              "type": "string",
              "required": true
          },
-         "link": {
+         "level": {
-             "description": "The URL the button should link to",
+             "description": "Character's level",
-             "example": "https://example.com",
+             "example": "5",
              "type": "string",
              "required": true
+         }
      },
-     "description": "Generates a clickable button with a link",
+     "description": "Generates a D&D character sheet",
      "format": "inline"
+}
 </templatedata>

Xeada am 22. Februar 2025 um 13:54 Uhr

2025-02-22T13:54:02Z

← Nächstältere Version		Version vom 22. Februar 2025, 15:54 Uhr
Zeile 1:		Zeile 1:
	<button ~~class~~="my-button">Click Me!</~~button~~>		{{Button\|label=Click Me!\|link=https://example.com}}

			<syntaxhighlight lang="wiki">
			<div style="text-align: center;">
			<a href="{{{link}}}" class="button" style="background-color: #4CAF50; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px;">
			{{{label}}}
			</a>
			</div>
			</syntaxhighlight>

			<templatedata>
			{
			"params": {
			"label": {
			"description": "The text to display on the button",
			"example": "Click Me!",
			"type": "string",
			"required": true
			},
			"link": {
			"description": "The URL the button should link to",
			"example": "https://example.com",
			"type": "string",
			"required": true
			}
			},
			"description": "Generates a clickable button with a link",
			"format": "inline"
			}
			</templatedata>

Xeada: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „“

2025-02-22T13:39:47Z

Der Seiteninhalt wurde durch einen anderen Text ersetzt: „<button class="my-button">Click Me!</button>“

← Nächstältere Version		Version vom 22. Februar 2025, 15:39 Uhr
Zeile 1:		Zeile 1:
	~~<code><button class="my-button">Click Me!</button></code>~~
	<button class="my-button">Click Me!</button>		<button class="my-button">Click Me!</button>

	~~<!DOCTYPE html>~~
	~~<html lang="de">~~
	~~<head>~~
	~~<meta charset="UTF-8">~~
	~~<meta name="viewport" content="width=device-width, initial-scale=1.0">~~
	~~<title>Interaktiver Charakterbogen</title>~~
	~~<style>~~
	~~body {~~
	~~font-family: Arial, sans-serif;~~
	~~background-color: #f4f4f4;~~
	~~margin: 0;~~
	~~padding: 20px;~~
	}
	~~#character-sheet {~~
	~~max-width: 600px;~~
	~~margin: 0 auto;~~
	~~background: #fff;~~
	~~padding: 20px;~~
	~~box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);~~
	}
	~~label {~~
	~~display: block;~~
	~~margin-top: 10px;~~
	}
	~~input, select {~~
	~~width: 100%;~~
	~~padding: 8px;~~
	~~margin-top: 5px;~~
	}
	~~button {~~
	~~margin-top: 20px;~~
	~~padding: 10px 20px;~~
	~~background-color: #007BFF;~~
	~~color: #fff;~~
	~~border: none;~~
	~~cursor: pointer;~~
	}
	~~button:hover {~~
	~~background-color: #0056b3;~~
	}
	~~</style>~~
	~~</head>~~
	~~<body>~~
	~~<div id="character-sheet">~~
	~~<h1>Charakterbogen</h1>~~
	~~<label for="name">Name:</label>~~
	~~<input type="text" id="name" name="name">~~

	~~<label for="class">Klasse:</label>~~
	~~<select id="class" name="class">~~
	~~<option value="Krieger">Krieger</option>~~
	~~<option value="Zauberer">Zauberer</option>~~
	~~<option value="Schurke">Schurke</option>~~
	~~<!-- Weitere Klassen hier hinzufügen -->~~
	~~</select>~~

	~~<label for="level">Level:</label>~~
	~~<input type="number" id="level" name="level" min="1" max="20">~~

	~~<button id="save-button">Speichern</button>~~
	~~</div>~~

	~~<script>~~
	~~document.addEventListener('DOMContentLoaded', () => {~~
	~~const saveButton = document.getElementById('save-button');~~
	~~saveButton.addEventListener('click', () => {~~
	~~const name = document.getElementById('name').value;~~
	~~const charClass = document.getElementById('class').value;~~
	~~const level = document.getElementById('level').value;~~

	~~alert(`Charakter gespeichert:\nName: ${name}\nKlasse: ${charClass}\nLevel: ${level}`);~~
	~~});~~
	~~});~~
	~~</script>~~
	~~</body>~~
	~~</html>~~

Xeada am 22. Februar 2025 um 13:39 Uhr

2025-02-22T13:39:16Z

← Nächstältere Version		Version vom 22. Februar 2025, 15:39 Uhr
Zeile 1:		Zeile 1:
	<code><button class="my-button">Click Me!</button></code>		<code><button class="my-button">Click Me!</button></code>
			<button class="my-button">Click Me!</button>

	<!DOCTYPE html>		<!DOCTYPE html>

Xeada am 22. Februar 2025 um 13:38 Uhr

2025-02-22T13:38:53Z

← Nächstältere Version		Version vom 22. Februar 2025, 15:38 Uhr
Zeile 1:		Zeile 1:
			<code><button class="my-button">Click Me!</button></code>


	<!DOCTYPE html>		<!DOCTYPE html>
	<html lang="de">		<html lang="de">

Xeada am 22. Februar 2025 um 11:45 Uhr

2025-02-22T11:45:45Z

← Nächstältere Version		Version vom 22. Februar 2025, 13:45 Uhr
Zeile 1:		Zeile 1:
	~~<!DOCTYPE html>~~
	~~<html lang="de">~~
	~~<head>~~
	~~<meta charset="UTF-8">~~
	~~<meta name="viewport" content="width=device-width, initial-scale=1.0">~~
	~~<title>Interaktiver Charakterbogen</title>~~
	~~<style>~~
	~~body {~~
	~~font-family: Arial, sans-serif;~~
	~~background-color: #f4f4f4;~~
	~~margin: 0;~~
	~~padding: 20px;~~
	}
	~~#character-sheet {~~
	~~max-width: 600px;~~
	~~margin: 0 auto;~~
	~~background: #fff;~~
	~~padding: 20px;~~
	~~box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);~~
	}
	~~label {~~
	~~display: block;~~
	~~margin-top: 10px;~~
	}
	~~input, select {~~
	~~width: 100%;~~
	~~padding: 8px;~~
	~~margin-top: 5px;~~
	}
	~~button {~~
	~~margin-top: 20px;~~
	~~padding: 10px 20px;~~
	~~background-color: #007BFF;~~
	~~color: #fff;~~
	~~border: none;~~
	~~cursor: pointer;~~
	}
	~~button:hover {~~
	~~background-color: #0056b3;~~
	}
	~~</style>~~
	~~</head>~~
	~~<body>~~
	~~<div id="character-sheet">~~
	~~<h1>Charakterbogen</h1>~~
	~~<label for="name">Name:</label>~~
	~~<input type="text" id="name" name="name">~~

	~~<label for="class">Klasse:</label>~~
	~~<select id="class" name="class">~~
	~~<option value="Krieger">Krieger</option>~~
	~~<option value="Zauberer">Zauberer</option>~~
	~~<option value="Schurke">Schurke</option>~~
	~~<!-- Weitere Klassen hier hinzufügen -->~~
	~~</select>~~

	~~<label for="level">Level:</label>~~
	~~<input type="number" id="level" name="level" min="1" max="20">~~

	~~<button id="save-button">Speichern</button>~~
	~~</div>~~

	~~<script>~~
	~~document.addEventListener('DOMContentLoaded', () => {~~
	~~const saveButton = document.getElementById('save-button');~~
	~~saveButton.addEventListener('click', () => {~~
	~~const name = document.getElementById('name').value;~~
	~~const charClass = document.getElementById('class').value;~~
	~~const level = document.getElementById('level').value;~~

	~~alert(`Charakter gespeichert:\nName: ${name}\nKlasse: ${charClass}\nLevel: ${level}`);~~
	~~});~~
	~~});~~
	~~</script>~~
	~~</body>~~
	~~</html>~~
	<!DOCTYPE html>		<!DOCTYPE html>
	<html lang="de">		<html lang="de">

Xeada am 22. Februar 2025 um 11:43 Uhr

2025-02-22T11:43:44Z

← Nächstältere Version		Version vom 22. Februar 2025, 13:43 Uhr
Zeile 1:		Zeile 1:
			<!DOCTYPE html>
			<html lang="de">
			<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Interaktiver Charakterbogen</title>
			<style>
			body {
			font-family: Arial, sans-serif;
			background-color: #f4f4f4;
			margin: 0;
			padding: 20px;
			}
			#character-sheet {
			max-width: 600px;
			margin: 0 auto;
			background: #fff;
			padding: 20px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			}
			label {
			display: block;
			margin-top: 10px;
			}
			input, select {
			width: 100%;
			padding: 8px;
			margin-top: 5px;
			}
			button {
			margin-top: 20px;
			padding: 10px 20px;
			background-color: #007BFF;
			color: #fff;
			border: none;
			cursor: pointer;
			}
			button:hover {
			background-color: #0056b3;
			}
			</style>
			</head>
			<body>
			<div id="character-sheet">
			<h1>Charakterbogen</h1>
			<label for="name">Name:</label>
			<input type="text" id="name" name="name">

			<label for="class">Klasse:</label>
			<select id="class" name="class">
			<option value="Krieger">Krieger</option>
			<option value="Zauberer">Zauberer</option>
			<option value="Schurke">Schurke</option>
			<!-- Weitere Klassen hier hinzufügen -->
			</select>

			<label for="level">Level:</label>
			<input type="number" id="level" name="level" min="1" max="20">

			<button id="save-button">Speichern</button>
			</div>

			<script>
			document.addEventListener('DOMContentLoaded', () => {
			const saveButton = document.getElementById('save-button');
			saveButton.addEventListener('click', () => {
			const name = document.getElementById('name').value;
			const charClass = document.getElementById('class').value;
			const level = document.getElementById('level').value;

			alert(`Charakter gespeichert:\nName: ${name}\nKlasse: ${charClass}\nLevel: ${level}`);
			});
			});
			</script>
			</body>
			</html>
	<!DOCTYPE html>		<!DOCTYPE html>
	<html lang="de">		<html lang="de">

Xeada am 22. Februar 2025 um 11:41 Uhr

2025-02-22T11:41:18Z

@@ Zeile 1: / Zeile 1: @@
 <!DOCTYPE html>
 <html lang="de">
@@ Zeile 30: / Zeile 29: @@
+         }
          button {
-px;
+            margin-top: 20px;
              padding: 10px 20px;
              background-color: #007BFF;
@@ Zeile 76: / Zeile 75: @@
 </body>
 </html>