leet-speak-converter
Version:
A smart and simple utility to convert text into leet speak.
139 lines (112 loc) • 5.19 kB
HTML
<html class="no-js" lang="en-gb" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>L33t Speak Converter</title>
<meta name="description" content="A simple utility to convert text into leet speak.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="handheldFriendly" content="true">
<meta name="subject" content="L33t Speak Converter">
<meta name="language" content="English">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="index,follow">
<meta name="coverage" content="Worldwide">
<meta name="rating" content="General">
<!-- <meta name="url" content="https://www.url.cz"> -->
<!-- <meta name="identifier-URL" content="https://www.url.cz"> -->
<!-- Facebook OpenGraph tags -->
<meta property="og:title" content="L33t Speak Converter">
<meta property="og:type" content="website">
<meta property="og:description" content="A simple utility to convert text into leet speak.">
<!-- <meta property="og:url" content="https://www.rul.cz"> -->
<meta property="og:locale" content="cs_CZ">
<meta property="og:site_name" content="L33t Speak Converter">
<meta property="article:author" content="Alex Devero">
<!-- Twitter cards tags -->
<meta name="twitter:card" content="summary">
<!-- <meta name="twitter:site" content="https://www.url.cz"> -->
<meta name="twitter:creator" content="Alex Devero">
<!-- <meta name="twitter:url" content="https://www.url.cz"> -->
<meta name="twitter:title" content="L33t Speak Converter">
<meta name="twitter:description" content="A simple utility to convert text into leet speak.">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-40173486-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-40173486-5');
</script>
<!-- Google+ / Schema.org -->
<meta itemprop="name" content="L33t Speak Converter">
<meta itemprop="description" content="A simple utility to convert text into leet speak.">
<!-- Font Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Main stylesheet -->
<link rel="stylesheet" href="./styles/styles.compiled.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<div class="wrapper">
<div class="col__full">
<h1 class="heading">L337 5p34k C0nv3r73r</h1>
</div>
<div class="col__full">
<div class="col__half">
<label for="leet-textarea">Original text:</label>
<textarea name="leet-textarea" id="leet-textarea" class="leet-textarea"></textarea>
</div>
<div class="col__half">
<label for="leet-result">Result:</label>
<textarea name="leet-result" id="leet-result" class="leet-result"></textarea>
</div>
</div>
<div class="col__full">
<label class="switch" for="leet-advanced">
<input id="leet-advanced" class="leet-advanced switch__input" name="leet-advanced" type="checkbox">
<span class="switch__paddle">
<span class="switch__paddle--yes" aria-hidden="true">Yes</span>
<span class="switch__paddle--no" aria-hidden="true">No</span>
</span>
<span class="switch__label">Use advanced l33t alphabet</span>
</label>
</div>
<div class="col__full">
<label class="switch" for="leet-reverse">
<input id="leet-reverse" class="leet-reverse switch__input" name="leet-reverse" type="checkbox">
<span class="switch__paddle">
<span class="switch__paddle--yes" aria-hidden="true">Yes</span>
<span class="switch__paddle--no" aria-hidden="true">No</span>
</span>
<span class="switch__label">Covert from l33t speak</span>
</label>
</div>
<div class="col__full btn-container">
<button class="leet-button btn" type="button">Translate</button>
</div>
</div>
<footer>
<ul>
<li>
<a href="https://github.com/alexdevero"><span class="fa fa-github"></span></a>
</li>
<li>
<a href="https://alexdevero.com/"><span class="fa fa-globe"></span></a>
</li>
<li>
<a href="https://twitter.com/alexdevero"><span class="fa fa-twitter"></span></a>
</li>
<li>
<a href="https://dribbble.com/alexdevero"><span class="fa fa-dribbble"></span></a>
</li>
</ul>
</footer>
<!-- Main scripts -->
<script src="./scripts/main.compiled.js"></script>
</body>
</html>