You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
pvcure/index.html

216 lines
8.8 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>pvcure.js</title>
<meta name="robots" content="index, follow" />
<meta name="keywords" content="pvcure, cipher, encode, encrypt" />
<meta name="description" content="pvcure" />
<meta name="author" content="Salif Mehmed" />
<link rel="canonical" href="https://pvcure.salif.eu/" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script>
var disqus_config = function () {
this.page.url = "https://pvcure.salif.eu/";
this.page.identifier = "/";
};
</script>
<script src="./pvcure.js"></script>
<script src="./script.js"></script>
</head>
<body>
<div class="container">
<div class="p-4 p-sm-5">
<h2>pvcure.js</h2>
</div>
<div class="mb-3">
<textarea class="form-control" rows="8" id="input" placeholder="Input"></textarea>
</div>
<div class="row mb-3">
<div class="col col-auto mb-3">
<div class="input-group">
<span class="input-group-text">N:</span>
<input type="number" class="form-control" id="n" value="13" />
</div>
</div>
<div class="col col-auto mb-3">
<div class="btn-group" role="group">
<input type="radio" class="btn-check" id="shiftIsN" name="shiftIs" checked="checked" />
<label class="btn btn-outline-primary" for="shiftIsn">Shift = N</label>
<input type="radio" class="btn-check" id="shiftIs1ToN" name="shiftIs" />
<label class="btn btn-outline-primary" for="shiftIs1ToN">Shift = 1..N</label>
</div>
</div>
<div class="col col-auto mb-3">
<input class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#selectDiv"
aria-expanded="false" aria-controls="selectDiv" value="Select" />
</div>
<div class="collapse mb-3" id="selectDiv">
<div class="card">
<div class="card-body">
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slDigits" checked="checked" />
<label class="form-check-label" for="slDigits">Digits</label>
</div>
</div>
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEn" checked="checked" />
<label class="form-check-label" for="slEn">English</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEnVc" />
<label class="form-check-label" for="slEnVc">English (v., c.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEnV" />
<label class="form-check-label" for="slEnV">English (v.)</label>
</div>
</div>
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slTr" />
<label class="form-check-label" for="slTr">Turkish</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slTrVc" />
<label class="form-check-label" for="slTrVc">Turkish (v., c.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slTrV" />
<label class="form-check-label" for="slTrV">Turkish (v.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slTrA" />
<label class="form-check-label" for="slTrA">Turkish (a.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slTrVca" />
<label class="form-check-label" for="slTrVca">Turkish (v., c., a.)</label>
</div>
</div>
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEo" />
<label class="form-check-label" for="slEo">Esperanto</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEoVc" />
<label class="form-check-label" for="slEoVc">Esperanto (v., c.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEoV" />
<label class="form-check-label" for="slEoV">Esperanto (v.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEoA" />
<label class="form-check-label" for="slEoA">Esperanto (a.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slEoVca" />
<label class="form-check-label" for="slEoVca">Esperanto (v., c., a.)</label>
</div>
</div>
<div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slBg" />
<label class="form-check-label" for="slBg">Bulgarian</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slBgVc" />
<label class="form-check-label" for="slBgVc">Bulgarian (v., c.)</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="slBgV" />
<label class="form-check-label" for="slBgV">Bulgarian (v.)</label>
</div>
</div>
<div>
<div class="form-check form-check-inline mt-2 mb-2">
<input class="form-check-input" type="checkbox" id="slCustom" value="custom" />
<label class="form-check-label" for="slCustom">Custom</label>
</div>
<div class="col form-check-inline d-none" id="sAlphabet">
<input type="text" class="form-control" id="alphabet" />
</div>
</div>
</div>
</div>
</div>
<div class="col col-auto mb-3">
<input type="button" class="btn btn-success" id="encode" value="Encode" />
<input type="button" class="btn btn-danger" id="clear" value="Clear" />
</div>
<div class="col col-auto mb-3">
<input type="button" class="btn btn-primary" id="info" data-bs-toggle="collapse"
data-bs-target="#infoDiv" aria-expanded="false" aria-controls="infoDiv" value="Info" />
<input type="button" class="btn btn-primary" id="settings" data-bs-toggle="collapse"
data-bs-target="#settingsDiv" aria-expanded="false" aria-controls="settingsDiv" value="Settings" />
<input type="button" class="btn btn-primary" id="comments" value="Comments" />
</div>
<div class="collapse mb-3" id="infoDiv">
<div class="card">
<div class="card-body row">
<div class="col col-12 col-sm-6 col-md-4 col-xl-3">
<div class="h5 fw-bold">Info</div>
<ul class="list-unstyled">
<li>Author: <a class="text-decoration-none" href="https://github.com/salif"
target="_blank">Salif Mehmed</a></li>
<li>License: <a class="text-decoration-none"
href="https://github.com/salif/pvcure/blob/main/LICENSE" target="_blank">Apache
License 2.0</a></li>
</ul>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-xl-3 col-xxl-2">
<div class="h5 fw-bold">Source code</div>
<ul>
<li><a class="text-decoration-none" href="https://github.com/salif/pvcure"
target="_blank">Github</a></li>
<li><a class="text-decoration-none" href="https://codeberg.org/salif/pvcure"
target="_blank">Codeberg</a></li>
</ul>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-xl-3 col-xxl-2">
<div class="h5 fw-bold">Abbreviations</div>
<ul class="list-unstyled">
<li>a. - ASCII</li>
<li>v. - vowels</li>
<li>c. - consonants</li>
</ul>
</div>
</div>
</div>
</div>
<div class="collapse mb-3" id="settingsDiv">
<div class="card">
<div class="card-body">
Not developed yet
</div>
</div>
</div>
</div>
<div class="mb-3">
<table class="table table-bordered table-hover" style="table-layout: fixed;" id="output">
<tr>
<th style="width: 60px;">Shift</th>
<th>Output</th>
</tr>
</table>
</div>
<div id="commentsDiv" class="card card-body mb-3 d-none">
<div id="disqus_thread"></div>
</div>
</div>
</body>
</html>