hohoho/index.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">
</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">
            <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 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>
    </footer>
    <script src="js/main.js"></script>
</body>
</html>
Init 2020-12-05 14:30:27 +01:00			`<!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">`
			`</head>`

			`<body class="w3-container">`
			`<header>`
			`<div id="mbmcookie">`
			`<a onClick="var d = new Date(); d = new Date(d.getTime() +1000606024730); 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>`
add a lot of new stuff 2020-12-07 15:57:57 +01:00			`<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>`
Init 2020-12-05 14:30:27 +01:00			`</div>`
			`<div class="w3-container w3-light-gray w3-center">`
			`<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>`
add legal 2020-12-07 16:10:19 +01:00			`<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>`
add usage 2020-12-07 16:06:00 +01:00			`<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>`
Init 2020-12-05 14:30:27 +01:00			`<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 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>`
add legal 2020-12-07 16:10:19 +01:00			`<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>`
Init 2020-12-05 14:30:27 +01:00			`</footer>`
add a lot of new stuff 2020-12-07 15:57:57 +01:00			`<script src="js/main.js"></script>`
Init 2020-12-05 14:30:27 +01:00			`</body>`
			`</html>`