init

2024-07-27 00:37:29 +03:00
parent 93cd2e7d53
commit 27e009af41
3 changed files with 377 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Text Transformer</title>
+	<link rel="stylesheet" href="css/style.css">
+<!--	<style>-->
+<!--		body {-->
+<!--			display: flex;-->
+<!--			flex-direction: column;-->
+<!--			font-family: Arial, sans-serif;-->
+<!--			margin: 0;-->
+<!--			padding: 0;-->
+<!--		}-->
+<!--		.settings, .container {-->
+<!--			padding: 10px;-->
+<!--			border-bottom: 1px solid #ccc;-->
+<!--		}-->
+<!--		.container {-->
+<!--			display: flex;-->
+<!--			height: calc(100vh - 100px);-->
+<!--		}-->
+<!--		.input-section, .output-section {-->
+<!--			width: 50%;-->
+<!--			padding: 10px;-->
+<!--		}-->
+<!--		textarea {-->
+<!--			width: 100%;-->
+<!--			height: 100%;-->
+<!--			resize: none;-->
+<!--		}-->
+<!--	</style>-->
+</head>
+<body>
+
+<!-- Yandex.Metrika counter -->
+<script type="text/javascript" >
+   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+   m[i].l=1*new Date();
+   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
+   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+   ym(97929485, "init", {
+        clickmap:true,
+        trackLinks:true,
+        accurateTrackBounce:true,
+        webvisor:true
+   });
+</script>
+<noscript><div><img src="https://mc.yandex.ru/watch/97929485" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+<!-- /Yandex.Metrika counter -->
+
+	<div class="settings">
+		<div class="setting-group">
+			<label for="key">Enter a key</label><input id="key" type="text" placeholder="Enter localization prefix">
+		</div>
+		<div class="setting-group">
+			<div class="input">
+				<label for="add_arg">Enter a new arg</label><input type="text" id="add_arg" placeholder="e.g. player admin arg1 arg2 end press enter">
+			</div>
+			<div class="args" id="args">
+			</div>
+		</div>
+	</div>
+	<div class="content">
+		<div class="buttons">
+			<div class="div"><span>Input</span></div>
+			<div class="div"><span>Output</span><button onclick="copyResult()">Copy to clipboard</button></div>
+		</div>
+		<textarea id="input" placeholder="Paste input"></textarea>
+		<textarea id="output" placeholder="Copy Output" ></textarea>
+	</div>	
+	<footer>
+		<p>2023-<span id="date"></span> &copy; <a href="https://discord.com/users/566255927926456320">DestKoder</a> & <a href="https://quickfirecorp.ru">QuickFire Corp</a> All Rights Reserved</p>
+	</footer>
+<!--<div class="settings">-->
+<!--	<label for="langInput">Language Key: </label>-->
+<!--	<input type="text" id="langInput" placeholder="e.g., chatty">-->
+<!--	<br><br>-->
+<!--	<label for="argsInput">Arguments (comma-separated): </label>-->
+<!--	<input type="text" id="argsInput" placeholder="e.g., {label}, {player}, {players}">-->
+<!--</div>-->
+<!--<div class="container">-->
+<!--	<div class="input-section">-->
+<!--		<h3>Input Text</h3>-->
+<!--		<textarea id="inputText" placeholder="Paste text here..."></textarea>-->
+<!--	</div>-->
+<!--	<div class="output-section">-->
+<!--		<h3>Output Text</h3>-->
+<!--		<textarea id="outputText" readonly></textarea>-->
+<!--	</div>-->
+<!--</div>-->
+<script src="js/main.js"></script>
+</body>
+</html>