Briki: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
Line 80: Line 80:
</gallery>
</gallery>


<span style="color: white; font-family: Courier; background-color: black;"> Code:<syntaxhighlight lang="html" line="1">
<span style="color: white; font-family: Courier; background-color: black;"> Code:
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<head>
<head>
<title>Encoding Converter</title>
<title>Encoding Converter</title>
<meta charset="UTF-8">
<meta charset="UTF-8">
     <!-- CSS -->
     <!-- CSS -->
    <link rel="stylesheet" href="./enconv.css">
    <link rel="stylesheet" href="./enconv.css">
<!-- fonts -->
<!-- fonts -->
<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
</head>
</head>
<body>
<body>
<!-- Nav bar -->
<!-- Nav bar -->  
<nav>
<nav>
<ul style="list-style-type:none;">
<nowiki><ul style="list-style-type:none;"></nowiki>
<li><a href="references.html">references</a></li>
<nowiki><li><a href="references.html">references</a></nowiki><nowiki></li></nowiki>
  </ul>
  <nowiki></ul></nowiki>
</nav> 
</nav> 
<h1>Encoding Converter</h1>  
<nowiki><h1>Encoding Converter</h1></nowiki>  
<h2>Type a word, click 'convert' and let the en-coding magic begin!</h2>
<nowiki><h2>Type a word, click 'convert' and let the en-coding magic begin!</h2></nowiki>
</div>
<nowiki></div></nowiki>
<p>The table below is a look behind-the-scenes at what really happens when you type. You know, when you press a key and the computer somehow magically knows what you meant to say? Well, our buddy Javascript is here to break it down for you in all its nerdy glory.<br>
<nowiki><p>The table below is a look behind-the-scenes at what really happens when you type. You know, when you press a key and the computer somehow magically knows what you meant to say? Well, our buddy Javascript is here to break it down for you in all its nerdy glory.<br></nowiki>
<br>
<nowiki><br></nowiki>
Get ready for some wild en-codings, including binary, hexadecimal, decimal, phonetic cyrillic (*Charlie-Yankee-Romeo-India-Lima-Lima-India-Charlie - say that five times fast!), and even the xpub1 emoji alphabet.  
Get ready for some wild en-codings, including binary, hexadecimal, decimal, phonetic cyrillic (*Charlie-Yankee-Romeo-India-Lima-Lima-India-Charlie - say that five times fast!), and even the xpub1 emoji alphabet.  
<br>
<nowiki><br></nowiki>
So kick back, relax, and let's dive into the wacky world of character en-coding. En-joy!</p>
So kick back, relax, and let's dive into the wacky world of character en-coding. En-joy!<nowiki></p></nowiki>
<!-- adding table with all encodings -->
<!-- adding table with all encodings -->
<form>
<form>
<label for="input">Input:</label>
<label for="input">Input:</label>
<input type="text" id="input" name="input" placeholder="Type a word...">
<input type="text" id="input" name="input" placeholder="Type a word...">
<button onclick="convert();">Convert</button>
<button onclick="convert();">Convert</button>
</form>
</form>
<!-- adding table with all encodings -->
<!-- adding table with all encodings -->
<table id="result">
<nowiki><table id="result"></nowiki>
<tr>
<nowiki><tr></nowiki>
<th>Binary</th>
<nowiki><th>Binary</th></nowiki>
<th>Hexadecimal</th>
<nowiki><th>Hexadecimal</th></nowiki>
<th>Decimal</th>
<nowiki><th>Decimal</th></nowiki>
            <th>Cyrillic*</th>
            <nowiki><th>Cyrillic*</th></nowiki>
<th>Emoji</th>
<nowiki><th>Emoji</th></nowiki>
</tr>
<nowiki></tr></nowiki>
<tr>
<nowiki><tr></nowiki>
<td id="BIN"></td>
<nowiki><td id="BIN"></nowiki><nowiki></td></nowiki>
<td id="HEX"></td>
<nowiki><td id="HEX"></nowiki><nowiki></td></nowiki>
<td id="DC"></td>
<nowiki><td id="DC"></nowiki><nowiki></td></nowiki>
<td id="CY"></td>
<nowiki><td id="CY"></nowiki><nowiki></td></nowiki>
<td id="E"></td>
<nowiki><td id="E"></nowiki><nowiki></td></nowiki>
</tr>
<nowiki></tr></nowiki>
</table>
<nowiki></table></nowiki>
</body>
</body>
<!-- adding the js converter function -->
<!-- adding the js converter function -->  
<script>
<script>
var d = {
var d = {
    'here there was a dictionary'
    'here there was a dictionary'
}
}
e = {
e = {
    ' ': ' ',
    ' ': ' ',
'here there was a dictionary'
'here there was a dictionary'
}
}
function convert(){
function convert(){
event.preventDefault();
event.preventDefault();
var charles = document.getElementById("input").value;
var charles = document.getElementById("input").value;
var charlesBinary="";
var charlesBinary="";
var charlesHex="";
var charlesHex="";
var charlesDec="";
var charlesDec="";
var charlesCY="";
var charlesCY="";
var charlesE="";
var charlesE="";
for (var i=0;i<charles.length;i++){
for (var i=0;i<charles.length;i++){
console.log(i,charles.charCodeAt(i));
console.log(i,charles.charCodeAt(i));
charlesBinary=charlesBinary+charles.charCodeAt(i).toString(2);
charlesBinary=charlesBinary+charles.charCodeAt(i).toString(2);
charlesHex=charlesHex+charles.charCodeAt(i).toString(16);
charlesHex=charlesHex+charles.charCodeAt(i).toString(16);
charlesDec=charlesDec+charles.charCodeAt(i).toString(10);
charlesDec=charlesDec+charles.charCodeAt(i).toString(10);
if (d[charles[i]]==null){
if (d[charles[i]]==null){
charlesCY=charlesCY+"□";
charlesCY=charlesCY+"□";
}else{
}else{
charlesCY=charlesCY+d[charles[i]];
charlesCY=charlesCY+d[charles[i]];
}
}
if (e[charles[i]]==null){
if (e[charles[i]]==null){
charlesE=charlesE+"□";
charlesE=charlesE+"□";
}else{
}else{
charlesE=charlesE+e[charles[i]];
charlesE=charlesE+e[charles[i]];
}
}
}
}
console.log(charles,charlesBinary,charlesHex,charlesDec,charlesCY,charlesE);
console.log(charles,charlesBinary,charlesHex,charlesDec,charlesCY,charlesE);
document.getElementById("E").innerText=charlesE;
document.getElementById("E").innerText=charlesE;
document.getElementById("BIN").innerText=charlesBinary;
document.getElementById("BIN").innerText=charlesBinary;
document.getElementById("DC").innerText=charlesDec;
document.getElementById("DC").innerText=charlesDec;
document.getElementById("HEX").innerText=charlesHex;
document.getElementById("HEX").innerText=charlesHex;
document.getElementById("CY").innerText=charlesCY;
document.getElementById("CY").innerText=charlesCY;
var tr=document.createElement("tr");
var tr=document.createElement("tr");
tr.innerHTML="<td>"+charlesBinary+"</td>"+"<td>"+charlesHex+"</td>"+"<td>"+charlesDec+"</td>"+"<td>"+charlesCY+"</td>"+"<td>"+charlesE+"</td>";
tr.innerHTML="<nowiki><td></nowiki>"+charlesBinary+"<nowiki></td></nowiki>"+"<nowiki><td></nowiki>"+charlesHex+"<nowiki></td></nowiki>"+"<nowiki><td></nowiki>"+charlesDec+"<nowiki></td></nowiki>"+"<nowiki><td></nowiki>"+charlesCY+"<nowiki></td></nowiki>"+"<nowiki><td></nowiki>"+charlesE+"<nowiki></td></nowiki>";
document.getElementsByTagName("tbody")[0].append(tr);
document.getElementsByTagName("tbody")[0].append(tr);
}
}
</script>
</script>
</html>
</html>
</syntaxhighlight>
<span style="color: white; font-family: Courier; background-color: black;">
----
----


===<span style="color: white; font-family: Courier; background-color: black;">Release 11 | ===
===<span style="color: white; font-family: Courier; background-color: black;">Release 11 | ===




Revision as of 16:42, 30 May 2023

SI21 TTY

Release 1 | April 24, 2023. The Briki.

This release was possible thanks to: Andrea di Serego Alighieri and Martino Morandi, SI21 guest editor. Written, edited and performed by XPUB1 and people inside the WdKA.

Pads: Wikipages on inscription: Questions for publishers:


Images:

  • Tty-week1-1.jpg
  • Tty-week1-2.jpg
  • Tty-week1-3.jpg
  • Tty-week1-4.jpg
  • Tty-week1-5.jpg
  • Tty-week1-6.jpg
  • Tty-week1-7.jpg
  • Tty-week1-8.jpg

Video compilation. XPUB1 meets TTY:

File:Tty-week1-video-18mb.mp4

Audio recoding of Kamau Brathwaite, Barbadian poet:

File:Tty-week1-KamauBrathwaite.mp3


(part of) The publication

  • SI21-2404-1.jpg
  • SI21-2404-2.jpg
  • SI21-2404-3.jpg
  • SI21-2404-4.jpg
  • SI21-2404-5.jpg
  • SI21-2404-6.jpg
  • SI21-2404-7.jpg
  • SI21-2404-8.jpg

Release 10 | May 15, 2023. Encoding Converter.

This release was possible thanks to: Roel Roscam Abbing and Martino Morandi, SI21 guest editor.

Pads: Git: Questions for publishers:


Images:

  • Encoding.png
  • References.png

Code: 

<!DOCTYPE html>
<html>
<head>
	<title>Encoding Converter</title>
	<meta charset="UTF-8">
    <link rel="stylesheet" href="./enconv.css">
	<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
</head>
<body>
<nav>
	<ul style="list-style-type:none;">
	<li><a href="references.html">references</a></li>
  </ul>
</nav>  	
<h1>Encoding Converter</h1> 
	<h2>Type a word, click 'convert' and let the en-coding magic begin!</h2>
	</div>
	<p>The table below is a look behind-the-scenes at what really happens when you type. You know, when you press a key and the computer somehow magically knows what you meant to say? Well, our buddy Javascript is here to break it down for you in all its nerdy glory.<br>
	<br>	
	Get ready for some wild en-codings, including binary, hexadecimal, decimal, phonetic cyrillic (*Charlie-Yankee-Romeo-India-Lima-Lima-India-Charlie - say that five times fast!), and even the xpub1 emoji alphabet. 
	<br>
	So kick back, relax, and let's dive into the wacky world of character en-coding. En-joy!</p>
	
	<form>
		<label for="input">Input:</label>
		<input type="text" id="input" name="input" placeholder="Type a word...">
		<button onclick="convert();">Convert</button>
	</form>
	<table id="result">
		<tr>
			<th>Binary</th>
			<th>Hexadecimal</th>
			<th>Decimal</th>
            <th>Cyrillic*</th>
			<th>Emoji</th>
		</tr>
		<tr>
			<td id="BIN"></td>
			<td id="HEX"></td>
			<td id="DC"></td>
			<td id="CY"></td>
			<td id="E"></td>
		</tr>
	</table>		
</body>
<script>
	var d = {
    'here there was a dictionary'
}
e = {
    ' ': ' ',
	'here there was a dictionary'
}
	function convert(){
		event.preventDefault();
		var charles = document.getElementById("input").value;
		var charlesBinary="";
		var charlesHex="";
		var charlesDec="";
		var charlesCY="";
		var charlesE="";
		for (var i=0;i<charles.length;i++){
			console.log(i,charles.charCodeAt(i));
			charlesBinary=charlesBinary+charles.charCodeAt(i).toString(2);
			charlesHex=charlesHex+charles.charCodeAt(i).toString(16);
			charlesDec=charlesDec+charles.charCodeAt(i).toString(10);
			if (d[charles[i]]==null){
				charlesCY=charlesCY+"□";
			}else{
				charlesCY=charlesCY+d[charles[i]];
			}
			if (e[charles[i]]==null){
				charlesE=charlesE+"□";
			}else{
				charlesE=charlesE+e[charles[i]];
			}
		}
		console.log(charles,charlesBinary,charlesHex,charlesDec,charlesCY,charlesE);
		document.getElementById("E").innerText=charlesE;
		document.getElementById("BIN").innerText=charlesBinary;
		document.getElementById("DC").innerText=charlesDec;
		document.getElementById("HEX").innerText=charlesHex;
		document.getElementById("CY").innerText=charlesCY;
		var tr=document.createElement("tr");
		tr.innerHTML="<td>"+charlesBinary+"</td>"+"<td>"+charlesHex+"</td>"+"<td>"+charlesDec+"</td>"+"<td>"+charlesCY+"</td>"+"<td>"+charlesE+"</td>";
		document.getElementsByTagName("tbody")[0].append(tr);
	}
</script>
</html>

Release 11 |

Release 100 | TBD

Release 101 | TBD

Release 110 | TBD

Release 111 | TBD

Release 1000 | TBD

Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=Briki&oldid=241080"