72 lines
No EOL
4.1 KiB
HTML
72 lines
No EOL
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>HoHoHo!</title>
|
|
<meta name="author" content="Jakob Senkl">
|
|
<meta name="description" content="HoHoHo to Brainfuck converter">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="css/w3.css">
|
|
<link rel="stylesheet" href="css/cookiebanner.css">
|
|
<style>
|
|
img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 25%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="w3-container">
|
|
<header>
|
|
<div id="mbmcookie">
|
|
<a onClick="var d = new Date(); d = new Date(d.getTime() +1000*60*60*24*730); document.cookie = 'mbmcookie=1; expires='+ d.toGMTString() + ';'; document.getElementById('mbmcookie').style.display = 'none';" class="button">Accept</a>
|
|
<p class="cookiemessage">This website uses technical cookies. By continuing you agree to the use of these cookies. No personal data is stored or shared.</p>
|
|
</div>
|
|
<script>
|
|
var r = 0;
|
|
a = document.cookie;while(a != ''){while(a.substr(0,1) == ' '){a = a.substr(1,a.length);}cn = a.substring(0,a.indexOf('='));if(a.indexOf(';') != -1){cw = a.substring(a.indexOf('=')+1,a.indexOf(';'));}else{cw = a.substr(a.indexOf('=')+1,a.length);}if(cn == 'mbmcookie'){r = cw;}i = a.indexOf(';')+1;if(i == 0){i = a.length}a = a.substring(i,a.length);}if(r == '1') document.getElementById('mbmcookie').style.display = 'none';
|
|
</script>
|
|
</header>
|
|
<main>
|
|
<h1 class="w3-center">HoHoHo! / Brainfuck converter</h1>
|
|
<div class="w3-row">
|
|
<div class="w3-col m4 w3-red w3-center">
|
|
<h3><button onclick="ho();">HoHoHo</button></h3>
|
|
<p><textarea style="width: 90%; height: 30vh;" id="hohoho_code"></textarea></p>
|
|
</div>
|
|
<div class="w3-col m4 w3-green w3-center">
|
|
<h3><button onclick="bf();">Brainfuck</button></h3>
|
|
<p><textarea style="width: 90%; height: 30vh;" id="brainfuck_code"></textarea></p>
|
|
</div>
|
|
<div class="w3-col m4 w3-dark-grey w3-center">
|
|
<h3><button onclick="txt();">Text</button></h3>
|
|
<p><textarea style="width: 90%; height: 30vh;" id="text_code"></textarea></p>
|
|
</div>
|
|
</div>
|
|
<div class="w3-container w3-light-gray w3-center" style="display: none;">
|
|
<p>
|
|
<input type="checkbox" id="simple_hoho" name="Simple Hoho">
|
|
<label for="simple_hoho">Simple Hoho</label>
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<h2>About this</h2>
|
|
<p>This website was created to convert between the esoteric programming languages HoHoHo! and Brainfuck easily. The source code of this website can be <a href="https://github.com/fyr77/hohoho/" target="_blank">found here</a>. More information regarding Brainfuck can be found <a href="https://de.wikipedia.org/wiki/Brainfuck" target="_blank">on Wikipedia</a>.</p>
|
|
<h3>How to use</h3>
|
|
<p>Use any of the three textareas above and press the corresponding button. <br>
|
|
<b>Example:</b> Enter any text in the "Text" field, then click the "Text" button to convert it to Brainfuck and HoHoHo!</p>
|
|
<h3>About HoHoHo!</h3>
|
|
<p>HoHoHo! was created in the year 2017 by researchers P. Reichl and S. Claus at the University of Vienna. It is based on Ook! and Brainfuck and creates a way to interpret the exclamations of Santa Claus as a Turing-complete programming language.</p>
|
|
<p>There is also a simplified, less Turing-complete version called "Simple Hoho".</p>
|
|
<p>All details regarding HoHoHo! can be found in the <a href="https://arxiv.org/pdf/1712.06259.pdf" target="_blank">corresponding paper</a>.</p>
|
|
<h3>Third-party code</h3>
|
|
<p>The API used by this website is made possible thanks to the great work by Andreas Gohr, <a href="https://github.com/splitbrain/ook" target="_blank">whose repository can be found on GitHub.</a></p>
|
|
<img src="hohoho.svg" alt="Hohoho!">
|
|
</footer>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |