JoanaChicau
2 years ago
1 changed files with 214 additions and 0 deletions
@ -0,0 +1,214 @@ |
|||
//--------------------------------------------------------------------------
|
|||
// CHOREOGRAPHIC CODE by Joana Chicau
|
|||
//--------------------------------------------------------------------------
|
|||
|
|||
// THEME
|
|||
// errors we live by
|
|||
// margin(s) and errors
|
|||
|
|||
// ACTIONS
|
|||
|
|||
// TAKE 00 marquee
|
|||
// TAKE 01 multiple marquee + remove
|
|||
// TAKE 02 marquee matrix 3D + errorList()
|
|||
// TAKE 03 marquee matrix + iframe breathing()
|
|||
// TAKE 04 enter()
|
|||
// TAKE 05 newHTMLskin() + errorList()
|
|||
// TAKE 06 newHTMLskin() + iframe
|
|||
|
|||
// LIVE SESSION
|
|||
|
|||
// on marquee:
|
|||
// transform: matrix(1, 2, 50, 3, 4, 1);
|
|||
|
|||
// create function new message:
|
|||
|
|||
// var c = document.getElementById("err");
|
|||
// var c = c.cloneNode(true);
|
|||
// document.querySelector(".all").append(c);
|
|||
|
|||
|
|||
// on marquee:
|
|||
// transform: matrix3D(-20, -200, 0, -10, 10, 1, 0, 1, 1, 0, 1, 0, 200, 1, 0, 1);
|
|||
|
|||
// tempo = setInterval(colourify, 1000);
|
|||
// clearInterval(tempo);
|
|||
|
|||
// on span.oval:
|
|||
// background-size: 1rem 5rem !important
|
|||
|
|||
// document.getElementById("type").value = "2000"
|
|||
// enter()
|
|||
|
|||
// timeArray = setInterval("errorList()",6000);
|
|||
// clearInterval(timeArray);
|
|||
|
|||
// copy into iframe
|
|||
// timeStretch = setInterval(stretching, 4000);
|
|||
// clearInterval(timeStretch);
|
|||
|
|||
// change URL iframe
|
|||
// breathing()
|
|||
// noBreathing()
|
|||
|
|||
// newHTMLskin()
|
|||
|
|||
|
|||
|
|||
// iframe journey starting from:
|
|||
// https://upload.wikimedia.org/wikipedia/commons/a/a9/Empirical_Rule.PNG
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
// ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
|
|||
|
|||
var delay="1"; |
|||
var count='0'; |
|||
var tempo="500"; |
|||
|
|||
var textarray = [ |
|||
"ヽ(´∇´)ノ (∇´ノ) ヽ( )ノ (ヽ´∇) ヽ(´∇`)ノ \ (^_^ ) ノ", |
|||
"(。・・。) 401 Unauthorized", |
|||
" 402 Payment Required 💸 💱 ", |
|||
" (゚ρ゚; 403 Forbidden", |
|||
" 404 Not Found ヾ(´・ ・`。)ノ” ", |
|||
" 406 Not Acceptable ⊙ ﹏ ⊙", |
|||
" 408 Request Timeout ☼☼¸.•*", |
|||
" 409 Conflict (゜゜)", |
|||
"ˏ 𓏧 𓏲 𓏲 𓏲 𓋒 410 Gone 𓏲 𓏲 𓏲 𓏲 𓏧 ˎ", |
|||
"415 Unsupported Media Type (◔_◔)", |
|||
" △ 416 Range ▼ △ ▼ Not △ ▼ △ Satisfiable ▼ ", |
|||
" 417 Expectation ٩( ∩_∩ )۶ Failed (¸.꒳.¸) ", |
|||
" 418 I'm a teapot ☕ the server refuses the attempt to brew coffee with a teapot.", |
|||
" 425 ⏰ ⌛ ⏱️ Too Early ⏱️ ⌛ ⏰ ・.⋆。⋆☂˚。⋆。˚☽˚。⋆", |
|||
"【☆】★【☆】★【 426 Upgrade Required 】★【☆】★【☆】", |
|||
"。°。°。°。°。°。°。°。 429 °。°。 Too °。° Many 。°。 Requests 。°。°。°。°。°。°。°。", |
|||
"⤹ ⋆ ⸙͎۪۫ 。۰˚ 451 Unavailable For Legal Reasons ˚ ⁀ ➷ 。˚⸙͎۪۫⋆ ༄ ", |
|||
"■ □ ■ □ ■ 502 Bad Gateway ■ □ ■ □ ■", |
|||
"‿︵‿︵‿︵‿ 508 Loop Detected ︵‿︵‿︵‿︵", |
|||
"○ꊞ○ꊞ○ꊞ○ꊞ○ꊞ 507 Insufficient Storage ꊞ○ꊞ○ꊞ○ꊞ○ꊞ○", |
|||
" 100 Continue ♪ ● ☽ ♩ ○ ♬ ☆ ༝̩̩̥͙ ", |
|||
"٩(✿∂‿∂✿)۶ 200 OK ✿ ✿ ✿ " |
|||
]; |
|||
|
|||
//textarray.push(" ♪ ♪ ♪ ┌(・ 。・)┘ ♩♪ ♫ ♬");
|
|||
|
|||
|
|||
function errorList () { |
|||
document.querySelector('#stage02').innerHTML = textarray[count]; |
|||
count++; |
|||
if(count==textarray.length){count='0';} |
|||
} |
|||
|
|||
|
|||
// - - - - - - - - some more * errors * - - - - - - - -
|
|||
|
|||
|
|||
|
|||
function enter () { |
|||
const message = document.getElementById("result"); |
|||
message.innerHTML = ""; |
|||
let x = document.getElementById("type").value; |
|||
try { |
|||
if(x == "") throw " 【 empty 】"; |
|||
if(isNaN(x)) throw "not ━━━━━━━ a number."; |
|||
x = Number(x); |
|||
if(x < 5) throw "too low (─ ‿ ─) "; |
|||
if(x > 10 ) throw "too high (・ 。・)/ "; |
|||
} |
|||
catch(err) { |
|||
message.innerHTML = "Input is " + err; |
|||
} |
|||
} |
|||
|
|||
|
|||
// - - - - - - - - Print Error Messages - - - - - - - -
|
|||
|
|||
|
|||
$(document).ready(function(){ |
|||
if (typeof console != "undefined") |
|||
if (typeof console.log != 'undefined') |
|||
console.olog = console.log; |
|||
else |
|||
console.olog = function() {}; |
|||
|
|||
console.log = function(message) { |
|||
console.olog(message); |
|||
$('#err').append(message); |
|||
// $('#err').append('<span>' + message + '</span>');
|
|||
}; |
|||
console.error = console.debug = console.info = console.log |
|||
}); |
|||
|
|||
|
|||
window.onerror = function (msg, url, lineNo, columnNo, error) { |
|||
var string = msg.toLowerCase(); |
|||
var substring = 'script error'; |
|||
if (string.indexOf(substring) > -1){ |
|||
alert('Script Error: See Browser Console for Detail'); |
|||
} else { |
|||
var message = [ |
|||
'Message: ' + msg, |
|||
'URL: ' + url, |
|||
'Line: ' + lineNo, |
|||
'Column: ' + columnNo, |
|||
'Error object: ' + JSON.stringify(error) |
|||
].join(' - '); |
|||
|
|||
alert(message); |
|||
console.log(message); |
|||
} |
|||
return false; |
|||
}; |
|||
|
|||
function colourify () { |
|||
var divs = document.querySelectorAll('span'), i; |
|||
for (i = 0; i < divs.length; ++i) { |
|||
divs[i].style.background = "linear-gradient(" + Math.floor(Math.random() * 1000) + "deg, Aquamarine, MistyRose, Blue)"; |
|||
} |
|||
} |
|||
// colourify()
|
|||
|
|||
// tempo = setInterval(colourify, 1000);
|
|||
// clearInterval(tempo);
|
|||
|
|||
function breathing() { |
|||
var zooming = document.querySelector("#stage03"); |
|||
currentScale = 1; |
|||
currenttime = setInterval(function() { |
|||
zooming.style.transform="scale(" + currentScale + ")"; |
|||
currentScale = Math.random() * 5 |
|||
}, 800); |
|||
} |
|||
|
|||
function noBreathing() { |
|||
clearInterval(currenttime); |
|||
} |
|||
|
|||
function newHTMLskin() { |
|||
var element = document.querySelector("body"); |
|||
element.classList.toggle("move"); |
|||
} |
|||
|
|||
function remove () { |
|||
var divs = document.getElementsByTagName("img"), i; |
|||
for (i = 0; i < divs.length; ++i) { |
|||
divs[i].src=""; |
|||
divs[i].srcset =""; |
|||
divs[i].style.background = "linear-gradient(" + Math.floor(Math.random() * 1000) + "deg, #000000, blue, #ececec)"; |
|||
} |
|||
} |
|||
|
|||
function stretching (){ |
|||
var x = document.getElementsByTagName("div"); |
|||
var i; |
|||
for (i = 0; i < x.length; i++) { |
|||
x[i].style.transform = "scaleY(" + Math.random() * 4 + ")"; |
|||
x[i].style.transition = "all 1s ease-in-out"; |
|||
} |
|||
} |
|||
// clearInterval(timeStretch);
|
|||
// timeStretch = setInterval(stretching, 2000);
|
|||
|
Loading…
Reference in new issue