Spaces:

NaA-IA
/

Prenma

Running

App Files Files Community

Clemylia commited on Sep 6

Commit

0dffdc5

verified ·

1 Parent(s): 91497ba

Upload index.html

Browse files

Files changed (1) hide show

index.html +197 -0

index.html ADDED Viewed

	@@ -0,0 +1,197 @@

+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Prenma - Générateur de noms</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #000;
+            color: #ff1493; /* Rose */
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+        }
+        .container {
+            background-color: #1a1a1a;
+            padding: 30px;
+            border-radius: 10px;
+            box-shadow: 0 0 20px rgba(255, 20, 147, 0.5);
+            text-align: center;
+            width: 90%;
+            max-width: 500px;
+        }
+        h1 {
+            color: #fff;
+            margin-bottom: 20px;
+        }
+        .input-group {
+            margin-bottom: 20px;
+            text-align: left;
+        }
+        .input-group label {
+            display: block;
+            margin-bottom: 5px;
+            color: #fff;
+        }
+        .input-group input[type="number"],
+        .input-group select {
+            width: 100%;
+            padding: 10px;
+            border: 2px solid #ff1493;
+            background-color: #2c2c2c;
+            color: #ff1493;
+            border-radius: 5px;
+            box-sizing: border-box;
+            font-size: 16px;
+        }
+        .checkbox-group {
+            display: flex;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+        .checkbox-group input[type="checkbox"] {
+            margin-right: 10px;
+        }
+        .checkbox-group label {
+            color: #fff;
+        }
+        button {
+            background-color: #ff1493;
+            color: #fff;
+            border: none;
+            padding: 12px 25px;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 18px;
+            transition: background-color 0.3s ease;
+        }
+        button:hover {
+            background-color: #e00e7a;
+        }
+        #result {
+            margin-top: 30px;
+            padding: 15px;
+            background-color: #2c2c2c;
+            border: 2px solid #ff1493;
+            border-radius: 5px;
+            font-size: 24px;
+            color: #fff;
+            word-wrap: break-word; /* Pour les longs noms */
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1>Prenma</h1>
+    <p>Ton partenaire de noms et pseudos uniques</p>
+    <div class="input-group">
+        <label for="nameLength">Longueur du nom (3-15) :</label>
+        <input type="number" id="nameLength" min="3" max="15" value="8">
+    </div>
+    <div class="input-group">
+        <label for="nameStyle">Style de nom :</label>
+        <select id="nameStyle">
+            <option value="fantasy">Fantasy</option>
+            <option value="real">Nom réel</option>
+        </select>
+    </div>
+    <div class="checkbox-group">
+        <input type="checkbox" id="includeNumbers">
+        <label for="includeNumbers">Inclure des chiffres</label>
+    </div>
+    <button onclick="generateName()">Générer</button>
+    <div id="result">
+        Nom généré :
+    </div>
+</div>
+<script>
+    const vowels = 'aeiouy';
+    const consonants = 'bcdfghjklmnpqrstvwxyz';
+    const numbers = '0123456789';
+    function getRandomChar(str) {
+        return str[Math.floor(Math.random() * str.length)];
+    }
+    function generateFantasyName(length) {
+        let name = '';
+        let lastCharType = Math.random() < 0.5 ? 'vowel' : 'consonant';
+        for (let i = 0; i < length; i++) {
+            if (lastCharType === 'vowel') {
+                name += getRandomChar(consonants);
+                lastCharType = 'consonant';
+            } else {
+                name += getRandomChar(vowels);
+                lastCharType = 'vowel';
+            }
+        }
+        return name.charAt(0).toUpperCase() + name.slice(1);
+    }
+    function generateRealName() {
+        // Liste de prénoms et noms de familles
+        const firstNames = ['Alex', 'Léa', 'Lucas', 'Emma', 'Hugo', 'Chloé', 'Théo', 'Manon', 'Louise', 'Clementine', 'charlotte', 'Nicole', 'Rose', 'Françoise', 'Elsa', 'Julie', 'Karine', 'Emylie', 'Sylvie', 'Antoine', 'Mïa', "Elena", 'Mathieu', 'Clemence', 'Xavier', 'Laura', 'Veronique', 'Gloria', 'Louna', 'Oceanne', 'Violetine', 'Nora', 'Leo', 'Valentina', 'Nina', 'Lora', 'Dania', 'Sandra', 'Anaselia', 'Anastasia'];
+        const lastNames = ['Martin', 'Dubois', 'Thomas', 'Robert', 'Petit', 'Durand', 'Leroy', 'Moreau', 'Garcia', 'Bonnet', 'Castorina', 'Baril', 'Geneviere', 'Jonia', 'Mazoo', 'Noca', 'Cary', 'Astro', 'Grosiel', 'Lebois', 'Marte', 'Reno', 'Luminis', 'Zexir', 'Norza', 'Zilda', 'Kachallit', 'Vanilla', 'Durand', 'Bonnard', 'Le marseille', 'Nicotouche'];
+        const randomFirstName = firstNames[Math.floor(Math.random() * firstNames.length)];
+        const randomLastName = lastNames[Math.floor(Math.random() * lastNames.length)];
+        return randomFirstName + ' ' + randomLastName;
+    }
+    function addNumbers(name) {
+        let numLength = Math.floor(Math.random() * 4) + 1; // 1 à 4 chiffres
+        let numbersPart = '';
+        for (let i = 0; i < numLength; i++) {
+            numbersPart += getRandomChar(numbers);
+        }
+        return name + numbersPart;
+    }
+    function generateName() {
+        const length = document.getElementById('nameLength').value;
+        const style = document.getElementById('nameStyle').value;
+        const includeNumbers = document.getElementById('includeNumbers').checked;
+        const resultDiv = document.getElementById('result');
+        let generatedName;
+        if (style === 'fantasy') {
+            generatedName = generateFantasyName(length);
+        } else {
+            generatedName = generateRealName();
+        }
+        if (includeNumbers) {
+            generatedName = addNumbers(generatedName);
+        }
+        resultDiv.textContent = 'Nom généré : ' + generatedName;
+    }
+</script>
+</body>
+</html>