aris poetry + scuttlebutt & minetest gif

This commit is contained in:
qo-op 2020-06-15 20:56:13 +02:00
parent 50d7761608
commit 2059565e62
12 changed files with 496 additions and 0 deletions

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,476 @@
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="aris_fichiers/js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-137711072-2');
</script>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
div.box {
border:none;
width:100%;
height:180px;
word-wrap:break-word;
font-family: serif;
display:flex;
align-items:center;
text-align:left;
cursor:pointer;
}
div.big {
border:none;
width:100%;
height:250px;
font-family: serif;
display:flex;
align-items:center;
}
</style>
</head>
<body><span id="entrance" style="display: block;">
<div class="box" style="font-size: 150px;">Touch</div>
<div class="box" style="font-size: 150px;">Interrupts</div>
<div class="box" style="font-size: 98px;">The continuity of consciousness</div>
<br><br><br><br><br><br><br><br><br><br>
</span>
<span id="site" style="text-align: center; color: black; background-color: white; font-family: serif; display: none;">
<br><br>
<h1 id="header">ari's website</h1>
<p>please enjoy the internet</p>
<br><br>
<h4 id="text-piece" style="cursor:pointer;">text piece v0.1.0</h4>
<h4 id="about-me" style="cursor:pointer;">about me</h4>
<h4 id="theater-1" style="cursor:pointer;">some theater v2.0.17</h4>
<h4 id="chatbot" style="cursor: pointer; display: none;">socrates v0.0.1</h4>
</span>
<span id="lrt" style="display: none;">
<h3 style="text-align:right;cursor:pointer;" id="play"><img style="height:50px;width:auto;" src="aris_fichiers/play-triangle-button-symbols-76689.png"></h3>
<div id="first" class="box" style="font-size: 150px;">Love</div>
<div id="second" class="box" style="font-size: 150px;">Ruptures</div>
<div id="third" class="box" style="font-size: 150px;">Time</div>
<footer style="text-align:right;cursor:pointer;" id="return-1"><h3><strong>back</strong></h3></footer>
</span>
<span id="feels" style="text-align: center; color: black; background-color: white; font-family: serif; display: none;">
<br><br><br>
<h2>ari's done a lot of theater<br>lol</h2>
<p><strong>the feels... (KMS) 2017 at New Ohio Theater, NYC</strong></p>
<iframe src="aris_fichiers/242768475.html" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="640" height="360" frameborder="0"></iframe><br><br>
Written by Jeremy O Harris. Presented as a part of American AF Festival<br>with: Madeline Wise, Jonathan Higginbotham, Alexander Paris, Aleah Quiñones, Greogry Cuellar, and Jordan Bellow.
<footer style="text-align:right;cursor:pointer;" id="return-2"><h3><strong>back</strong></h3></footer>
</span>
<span id="about" style="text-align: center; color: black; background-color: white; font-family: serif; display: none;">
<br><br><br><br><br><br>
<table width="65%" align="center">
<tbody><tr>
<td style="border-color:grey;border:2px solid black;padding-left:8px">I'm Ari, a theater artist and computer enthusiast clowning around on the internet and irl.<br>This is my homemade website.<br><br>email:<strong> superarius@gmail.com</strong><br>github: <a target="_blank" href="https://github.com/superarius" style="text-decoration:none;color:black;"><strong>https://github.com/superarius</strong></a><br>anti-facebook bot: <a target="_blank" href="https://www.facebook.com/ari.rodriguez.73997" style="text-decoration:none;color:black;"><strong>friend me!</strong></a><br>public key:<strong> 02f6cc0b0ce4583b9260bcc6abf8f4aaf007933baaa7ca2f9c0d637b8bf5d44ddf</strong></td>
<td>
<img style="width:200px;height:auto;" src="aris_fichiers/mememe.jpg">
</td>
</tr>
<tr>
<td>message me securely: <a target="_blank" href="https://posthumanarchive.herokuapp.com/messages">here</a></td>
</tr>
</tbody></table>
<footer style="text-align:right;cursor:pointer;" id="return-3"><h3><strong>back</strong></h3></footer>
</span>
<span id="chat-here" style="text-align: center; display: none;">
<br><br><br><br><br>
<p id="chats"><span style="color:maroon;"><strong>Socrates:</strong></span> Want to talk philosophy?<br></p>
<input id="entered"><button id="send">send</button>
<footer style="text-align:right;cursor:pointer;" id="return-4"><h3><strong>back</strong></h3></footer>
</span>
<script>
if (screen && screen.width > 480) {
document.getElementById("entrance").style.display = "block";
document.getElementById("site").style.display = "none";
document.getElementById("lrt").style.display = "none";
document.getElementById("feels").style.display = "none";
document.getElementById("about").style.display = "none";
document.getElementById("chat-here").style.display = "none";
document.getElementById("chatbot").style.display = "none";
var all_1 = ["Love", "The ability to move and to be moved", "The possibility of communication, of having effects and being affected, of forces of attraction and repulsion, of the production of change through relationship", "A fiction", "Writing", "What is between bodies, given substance and fed potential by mutual awareness and attention", "Touch"];
var all_2 = ["Ruptures", "Creates a structural breach in", "Interrupts", "Breaks", "Overrides", "Makes knots in", "Collapses"];
var all_3 = ["Time", "The continuous progress of events", "The homogeneous linear dimension travelled in a singular determined direction by which we model existence, the occurrence of things, and how these things that exist and occur are ordered and related", "The continuity of consciousness", "The causal chain", "Thought", "The rhythm of experience"];
var div = document.querySelectorAll('div');
var icon = document.querySelector('h3');
var pausehtml = "<img style='height:50px;width:auto;' src='http://simpleicon.com/wp-content/uploads/pause.png'>"
var playhtml = "<img style='height:50px;width:auto;' src='http://www.free-icons-download.net/images/play-triangle-button-symbols-76689.png'>"
var div1 = div[0];
var div2 = div[1];
var div3 = div[2];
var div4 = div[3];
var div5 = div[4];
var div6 = div[5];
var dummy = document.createElement('div');
dummy.className = 'dummy';
var inSingleLineMode, inMultilineMode;
div1.innerHTML = all_1[0];
div2.innerHTML = all_2[0];
div3.innerHTML = all_3[0];
div4.innerHTML = all_1[0];
div5.innerHTML = all_2[0];
div6.innerHTML = all_3[0];
var t1 = 0;
var t2 = 0;
var t3 = 0;
var t4 = 0;
var t5 = 0;
var t6 = 0;
adjustFontSize(div1, false);
adjustFontSize(div2, false);
adjustFontSize(div3, false);
adjustFontSize(div4, false);
adjustFontSize(div5, false);
adjustFontSize(div6, false);
var pause = true;
window.onload = function () {
window.setInterval(function(){
var x =Math.random();
if (x <= .333) {change_text1();}
else if (x > .333 && x < .666){change_text2();}
else if (x>=.666){change_text3();}
else {change_text1();}
if (pause==false) {
var y =Math.random();
if (y <= .333) {change_text4();}
else if (y > .333 && y < .666){change_text5();}
else if (y>=.666){change_text6();}
else {change_text4();}
}
}, 2000);
$.ajaxSetup({
beforeSend: function(xhr, settings) {
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
// Only send the token to relative URLs i.e. locally.
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
}
});
};
document.getElementById('entrance').onclick = function (){
$("#entrance").hide(500);
document.getElementById("site").style.display = "block";
}
function change_text1(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t1){
rand = Math.floor(Math.random() * all_1.length);
}
t1 = rand;
div1.innerHTML = all_1[t1];
adjustFontSize(div1, false);
}
function change_text2(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t2){
rand = Math.floor(Math.random() * all_1.length);
}
t2 = rand;
div2.innerHTML = all_2[t2];
adjustFontSize(div2, false);
}
function change_text3(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t3){
rand = Math.floor(Math.random() * all_1.length);
}
t3 = rand;
div3.innerHTML = all_3[t3];
adjustFontSize(div3, false);
}
function change_text4(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t4){
rand = Math.floor(Math.random() * all_1.length);
}
t4 = rand;
div4.innerHTML = all_1[t4];
adjustFontSize(div4, false);
}
function change_text5(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t3){
rand = Math.floor(Math.random() * all_1.length);
}
t5 = rand;
div5.innerHTML = all_2[t5];
adjustFontSize(div5, false);
}
function change_text6(){
var rand = Math.floor(Math.random() * all_1.length);
while (rand==t6){
rand = Math.floor(Math.random() * all_1.length);
}
t6 = rand;
div6.innerHTML = all_3[t6];
adjustFontSize(div6, false);
}
function ct(num){
document.getElementById("site").style.display = "none";
pause = true;
icon.innerHTML = playhtml;
if (num == 1) {change_text4();}
else if (num == 2){change_text5();}
else if (num == 3){change_text6();}
document.getElementById("site").style.display = "none";
}
document.getElementById("play").onclick = function (){
document.getElementById("site").style.display = "none";
if (pause == true){
pause = false;
icon.innerHTML = pausehtml;
} else {
pause = true;
icon.innerHTML = playhtml;
}
}
document.getElementById("text-piece").onclick = function (){
$("#site").hide(500);
document.getElementById("lrt").style.display = "block";
}
document.getElementById("about-me").onclick = function (){
$("#site").hide(500);
document.getElementById("about").style.display = "block";
}
document.getElementById("theater-1").onclick = function (){
$("#site").hide(500);
document.getElementById("feels").style.display = "block";
}
document.getElementById("chatbot").onclick = function (){
$("#site").hide(500);
document.getElementById("chat-here").style.display = "block";
}
document.getElementById("return-1").onclick = function (){
$("#site").show(500);
document.getElementById("lrt").style.display = "none";
}
document.getElementById("return-2").onclick = function (){
$("#site").show(500);
document.getElementById("feels").style.display = "none";
}
document.getElementById("return-3").onclick = function (){
$("#site").show(500);
document.getElementById("about").style.display = "none";
}
document.getElementById("return-4").onclick = function (){
$("#site").show(500);
document.getElementById("chat-here").style.display = "none";
}
document.getElementById("first").onclick = function (){ct(1);}
document.getElementById("second").onclick = function (){ct(2);}
document.getElementById("third").onclick = function (){ct(3);}
document.getElementById("send").onclick = function() {
addtext();
document.getElementById('entered').innerHTML="";
}
var all_lines = ["<span style='color:maroon;'><strong>Socrates:</strong></span> Want to talk philosophy?<br>"];
document.getElementById('chats').innerHTML = all_lines[0];
function addtext() {
newtext = $("#entered").val();
all_lines.push("<span style='color:maroon;'><strong>you:</strong></span> " + newtext + "<br>");
text = ""
if (all_lines.length > 6){
x = all_lines.length - 6;
} else {
x = 0
}
for(i=x; i<all_lines.length; i++){
text += all_lines[i];
}
document.getElementById('entered').value="";
document.getElementById('chats').innerHTML = text;
$.ajax({
url: "/async-chat/",
type: "POST",
data: {'newtext': newtext},
success: function (data) {
bot_text = "<span style='color:maroon;'><strong>Socrates:</strong></span> " + data.text + "<br>";
all_lines.push(bot_text)
text += bot_text;
document.getElementById('chats').innerHTML = text;
}
});
}
function adjustFontSize(element, singleLine){
if(!element.innerHTML) return;
var elementStyle = getComputedStyle(element);
dummy.style.font = elementStyle.font;
initMode(singleLine, function(){ dummy.style.width = elementStyle.width });
dummy.style.padding = elementStyle.padding;
dummy.style.boxSizing = elementStyle.boxSizing;
dummy.innerHTML = element.innerHTML;
document.body.appendChild(dummy);
var dummyStyle = getComputedStyle(dummy);
while(singleLine ? parseInt(dummyStyle.width) < parseInt(elementStyle.width) :
parseInt(dummyStyle.height) < parseInt(elementStyle.height)){
dummy.style.fontSize = parseFloat(dummyStyle.fontSize) + 1 + 'px';
dummyStyle = getComputedStyle(dummy);
}
while(singleLine ? parseInt(dummyStyle.width) > parseInt(elementStyle.width) :
parseInt(dummyStyle.height) > parseInt(elementStyle.height)){
dummy.style.fontSize = parseFloat(dummyStyle.fontSize) - 1 + 'px';
dummyStyle = getComputedStyle(dummy);
}
element.style.fontSize = dummyStyle.fontSize;
document.body.removeChild(dummy);
}
function initMode(singleLine, callback){
if(!dummy) return;
if(singleLine&&!inSingleLineMode) {
dummy.style.whiteSpace = 'nowrap';
dummy.style.width = 'auto';
dummy.style.display = "inline-block";
inSingleLineMode = true;
inMultiLineMode = false;
}
else if(!singleLine&&!inMultilineMode) {
if(callback) callback();
dummy.style.whiteSpace = 'initial';
dummy.style.display = "block";
dummy.style.wordWrap = 'break-word';
inMultilineMode = true;
inSingleLineMode = false;
}
}
}
</script>
<script src="aris_fichiers/jquery-3.js"></script><div id="wrapper-auto-scrolling" style="display: none;"><div id="modal-auto-scrolling" class="modal">
<a href="#close" class="modal-overlay" data-close-modal-auto-scrolling="" aria-label="Close"></a>
<div class="modal-container">
<div class="modal-header">
<a href="#close" class="btn btn-clear float-right" data-close-modal-auto-scrolling="" aria-label="Close"></a>
<div class="modal-title h3">Options | AutoScrolling</div>
</div>
<div class="modal-body">
<div id="speed-wrapper-auto-scrolling">
<strong>Scrolling speed(scroll/sec):</strong>
<input type="number" class="scrolling-speed" id="scrolling-speed" value="3000">
<p>The value is scrolling speed. A unit is scroll / sec.<br>
Max is 3000, and min is 1.</p>
</div>
<div>
<strong>Enable transmission scrolling:</strong>
<input type="checkbox" id="enable-transmission-scrolling">
<p class="mb-0">
If enabled, you can change scrolling speed per gear.
The gears are Slow / Middle / Fast.
The gears are cycled between
<mark>Slow</mark>, <mark>Middle</mark>, <mark>Fast</mark>
by <i>single/double-clicking</i> browser icon.
</p>
<table id="transmission-wrapper-auto-scrolling" class="d-hide">
<tbody>
<tr>
<th>Fast:</th>
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-fast" value="2000">
</td>
</tr>
<tr>
<th>Middle:</th>
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-middle" value="500">
</td>
</tr>
<tr>
<th>Slow:</th>
<td><input type="number" class="scrolling-speed" id="transmission-gear-of-slow" value="20">
</td>
</tr>
</tbody>
</table>
<p></p>
</div>
<div>
<strong>Scrolling stop by click:</strong>
<input type="checkbox" id="stop-scrolling-by-click">
<p>If enabled the option, scrolling is stopped when you click the scrolling window.</p>
</div>
<div>
<strong>Stop scrolling by cursor hovering over something:</strong>
<input type="checkbox" id="stop-scrolling-by-click-on-hover">
<p>If enabled the option, scrolling is stopped temporally when mouse cursor is hovering over something.</p>
</div>
<div>
<strong>Keyboard shortcut for single-click action:</strong>
<input type="text" id="keybind-single-click" value="Alt+Shift+PageDown">
<p class="mb-0">Fire a single-click action by keyboard shortcut<br>
</p><ul>
<li>Start scrolling when window is stopped</li>
<li>Stop scrolling when window is scrolling</li>
<li>Close option modal window when the window is opened</li>
</ul>
The keybind should be a combination of keycodes concatenated with the '+' sign. <br>
<i>Ex: Ctrl+Shift+Insert.</i><br>
Check out the link for the keycodes: <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands#Key_combinations" target="_blank">Key combinations</a><br>
<span class="text-gray">Notice: Some key combinations are reserved by the browser and can't be reassigned to this.<span><p></p>
</span></span></div>
<div>
<strong>Stop scrolling on focus out:</strong>
<input type="checkbox" id="stop-scrolling-on-focus-out">
<p>If enabled the option, scrolling is stopped when focus for the browser is moved to another application or browser window.</p>
</div>
<div>
<strong>Disable double click action:</strong>
<input type="checkbox" id="disable-double-click">
<p class="mb-0">If enabled the option</p>
<ul>
<li>cannot open modal window</li>
<li>start/stop scrolling is immediately</li>
</ul>
<p></p>
</div>
<div>
<strong>Restore scrolling from switch back:</strong>
<input type="checkbox" id="restore-scrolling-from-switch-back">
<p>If this option is enabled, scrolling which stopped by tab changing restarts when user is back to a tab that was scrolling.</p>
</div>
<div>
<strong>Stop when bottom of window:</strong>
<input type="checkbox" id="stop-when-bottom-of-window" checked="checked">
<p>If enabled, scrolling is stopped when window position is reached at bottom.</p>
</div>
</div>
</div>
</div></div></body></html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB