aboutsummaryrefslogtreecommitdiff
path: root/meow
diff options
context:
space:
mode:
authoramelia squires <[email protected]>2025-01-11 15:35:37 -0600
committeramelia squires <[email protected]>2025-01-11 15:35:37 -0600
commitdf776c14e7937a66f6ce45a7675611f7f36dc5a7 (patch)
tree7285291d74e68d8afa0502c08aefd4f362506284 /meow
parent586636064bac10e8848372dd17937ed4a4d1c6f6 (diff)
oops
Diffstat (limited to 'meow')
-rw-r--r--meow364
1 files changed, 0 insertions, 364 deletions
diff --git a/meow b/meow
deleted file mode 100644
index c82ee29..0000000
--- a/meow
+++ /dev/null
@@ -1,364 +0,0 @@
-HTTP/1.1 200 OK
-Date: Thu, 09 Jan 2025 21:48:45 GMT
-Content-Type: text/html
-Transfer-Encoding: chunked
-Connection: close
-alt-svc: h3=":443"; ma=86400
-content-disposition: inline;
-cf-cache-status: DYNAMIC
-Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=HoLapdkVmVNNOWOPHLfVaLulPcOZhVCo5Rc7etuMv4Qg%2FYpg9agn%2B2v5kO1WDKmhj5XLL97PbdHfcOnJmuCRK87qnlSJdx6DfRlQlbIBJwxXWjPNeTrZhCgl"}],"group":"cf-nel","max_age":604800}
-NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
-Server: cloudflare
-CF-RAY: 8ff7a222e9214df9-MCI
-server-timing: cfL4;desc="?proto=TCP&rtt=3935&min_rtt=3648&rtt_var=1573&sent=5&recv=6&lost=0&retrans=0&sent_bytes=2810&recv_bytes=469&delivery_rate=793859&cwnd=249&unsent_bytes=0&cid=86505eb6c8333f64&ts=102&x=0"
-
-365b
-<html lang="en">
- <head>
- <title>amyy!</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital@0;1&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="style.css">
- <script>
- let yellow = document.getElementById("yellow-here")
- function yellowing(){
- if(yellow == null) yellow = document.getElementById("yellow-here")
- let h = window.innerHeight;
- let count = Math.ceil(h/1000) + 2;
- let out = ""
- for(let i = 0; i < count; i++){
- out += "<div>0x6a09e667; 0xbb67ae85; 0x3c6ef372; 0xa54ff53a; 0x510e527f; 0x9b05688c; 0x1f83d9ab; 0x5be0cd19;&nbsp;</div>"
- }
-
- yellow.innerHTML = out
-
- }
- window.addEventListener('resize', yellowing, true);
-
- function css(element, property){
- return window.getComputedStyle(element, null).getPropertyValue(property);
- }
-
- function appendHtml(el, str) {
- var div = document.createElement('div');
- div.innerHTML = str;
- while (div.children.length > 0) {
- el.appendChild(div.children[0]);
- }
- }
-
-
- function translate(elem, x, y, delay) {
- return new Promise((res, rej) => {
- let left = parseInt(css( elem, 'left' ), 10),
- top = parseInt(css( elem, 'top' ), 10),
- dx = left - x,
- dy = top - y,
- i = 1,
- count = 20;
-
- function loop() {
- if (i >= count) return res();
- i += .02;
- elem.style.left = (left - (dx * i / count)).toFixed(0) + 'px';
- elem.style.top = (top - (dy * i / count)).toFixed(0) + 'px';
- setTimeout(loop, delay/5);
- }
-
- loop();
- })
- }
-
- async function awa(parent, i){
- for(;;){
- appendHtml(parent, "<div style='width:"+(Math.random() * 50 + 120)+"px;top:"+window.innerHeight*1.1+"px; left:"+window.innerWidth* Math.random()+"px;' class='circle' id='circle-"+i+"'></div>")
- let el = document.getElementById("circle-"+i)
- await translate(el, 500 * Math.random(), -200, 50 + 50 * Math.random())
- el.remove()
- }
- }
- function circles(){
- let circle_root = document.getElementById("circle-cont")
- let count = 17;
- let i = 1;
- function f(){
- awa(circle_root, i)
- i++
- if(i >= count) return;
- setTimeout(f, 500);
- }
- f()
-
- }
-
- const smoothing = 1
- function fade_out(elem, up){
- return new Promise((res, rej) => {
-
- if(up) elem.classList.add("fade_out_up")
- else elem.classList.add("fade_out_down")
-
- setTimeout(()=>{
- elem.style.opacity = "0%"
-
- //chrome is stupid, and would mess the up if it was structured like fade_in
- setTimeout(()=>{
- elem.classList.add("hide")
-
- if(up) elem.classList.remove("fade_out_up")
- else elem.classList.remove("fade_out_down")
-
- elem.style.opacity = "100%"
- res()
- },40)
-
- }, 320)
- })
- }
- function fade_in(elem, up){
- return new Promise((res, rej) => {
-
- if(up) elem.classList.add("fade_in_up")
- else elem.classList.add("fade_in_down")
- elem.classList.remove("hide")
-
- setTimeout(()=>{
- if(up) elem.classList.remove("fade_in_up")
- else elem.classList.remove("fade_in_down")
- res()
- }, 560)
-
- })
- }
- let cont_arr = []
- let item = 1;
-
- function populate_dots(count){
- let left = document.getElementsByClassName("left-hand")[0];
-
- for(let i = 1; i != count; i++){
- appendHtml(left, '<div class="dot" id="dot-'+i+'"></div>');
- let new_dot = document.getElementById("dot-"+i)
- new_dot.onclick = async () => {
- if(item == i) return;
- let direction = item < i;
- await fade_out(cont_arr[item], direction);
- item = i;
- light_dot(item);
- await fade_in(cont_arr[item], direction);
- }
- }
- }
-
- function light_dot(n){
- let elems = document.getElementsByClassName("dot")
-
- for(let d of elems){
- d.classList.remove("dot-lit")
- }
-
- elems[n - 1].classList.add("dot-lit")
- }
-
- async function move_main(up){
- if(up){
- if(item >= 2){
- await fade_out(cont_arr[item], false);
- item--;
- light_dot(item);
- await fade_in(cont_arr[item], false);
- }
- } else {
- if(item < cont_arr.length - 1){
- await fade_out(cont_arr[item], true);
- item++;
- light_dot(item);
- await fade_in(cont_arr[item], true);
- }
- }
- }
- async function wheel_fun(ev){
- document.body.onwheel = undefined
- if(ev.deltaY < 0){
- await move_main(true)
- } else if(ev.deltaY > 0) {
- await move_main(false)
- }
- document.body.onwheel = wheel_fun
- }
-
- let tX = 0;
- let tY = 0;
-
- function touch_start_fun(e){
- e = e.touches.item(0)
- tX = e.screenX;
- tY = e.screenY;
- }
-
- async function touch_end_fun(e){
- document.body.removeEventListener('touchstart', touch_start_fun)
- document.body.removeEventListener('touchend', touch_end_fun)
- e = e.changedTouches.item(0)
- const thresh = 65
- if(tY < e.screenY && e.screenY - tY > thresh){
- //down
- await move_main(true)
- } else if (tY > e.screenY && tY - e.screenY > thresh){
- //up
- await move_main(false)
- }
- document.body.addEventListener('touchstart', touch_start_fun)
- document.body.addEventListener('touchend', touch_end_fun)
- }
-
- function get(u){
- var xmlHttp = new XMLHttpRequest()
- xmlHttp.open("GET", u, false)
- xmlHttp.send(null)
- return xmlHttp.responseText
- }
-
- function load(){
- yellowing()
- circles()
-
- let links = document.getElementsByClassName("ico")
-
- for(let link of links){
-
- link.onerror = () => {
- //fallback image
- link.src = "link.png"
- link.onerror = undefined;
- }
- link.src = link.src
- }
-
- let tcont = document.getElementById("cont-1");
-
- for(let i = 1;tcont != null; i++){
- cont_arr.push(tcont);
- tcont = document.getElementById("cont-"+i);
- }
-
- populate_dots(cont_arr.length)
- light_dot(1)
-
- document.getElementById("version").innerHTML = get("version")
-
- document.body.onwheel = wheel_fun
-
- document.body.addEventListener('touchstart', touch_start_fun)
- document.body.addEventListener('touchend', touch_end_fun)
- }
-
-
-
- </script>
- </head>
- <body onload="load()">
- <div class="c">
- <div class="blur" id="circle-cont">
-
- </div>
- <div class="filter filter-dodge"></div>
- <div class="filter filter-burn"></div>
- </div>
- <div class="huh"></div>
- <div class="oflex">
- <div class="cont" id="cont-1">
- <div class="inner">
- <a style="padding-right:25px; position: relative;" href="https://mangadex.org/title/bd6d0982-0091-4945-ad70-c028ed3c0917/mushoku-tensei-isekai-ittara-honki-dasu"><img alt="pfp" height="180" src="pfp.png"></a>
-
- <div class="items">
- <h1>amelia (ame | amy) <b style="font-size:17px;">she/it</b></h1>
-
- <div class="info">
- <div class="l">bio</div>
- <div class="l"><b>;</b> being silly</div>
- <div class="l">links</div>
- <div class="l" style="max-width:450px;"><b>;</b>
- <a class="link" href="https://git.disroot.org/amelia"><img alt="icon" class="ico" src="https://git.disroot.org/favicon.ico">git</a>(<a class="link" href="https://git.amyy.cc"><img alt="icon" class="ico" src=".">alt</a>)
- <a class="link" href="https://github.com/ameliasquires/"><img alt="icon" class="ico" src="https://github.com/favicon.ico">github</a>
- <a class="link" href="https://keyoxide.org/592843A0BE5EE9FA6960C63897CEC24F4AB637EB"><img alt="icon" class="ico" src="https://keyoxide.org/favicon.svg">keyoxide</a>
- <a class="link" href="https://pronouns.cc/@amelia"><img alt="icon" class="ico" src="https://en.pronouns.page/_nuxt/icons/icon_64x64.dbf401.png">pronouns</a>
- </div>
- </div>
- <b style="font-size:15px;">(scroll for more)</b>
-
- </div>
-
-
- </div>
- </div>
- <div class="cont hide" id="cont-2">
- <div class="hflex">
- <div class="cbox">
- <h3>languages and skills:3</h3>
- <ul>
- <li>c/c++</li>
- <li>zig</li>
- <li>js + webdev</li>
- <li>sysadmin/linux</li>
- <li>low level stuff</li>
- </ul>
- </div>
- <div class="vflex">
- <div class="cbox">i enjoy some gaming too, competitive and casual,<br>
- terraria, cs2, and pokemon notably along with some shiny hunting:)</div>
- <div class="cbox">i watch anime too:3 anything from romance to action<br>i will usually enjoy:3</div>
- </div>
- </div>
- </div>
- <div class="cont hide" id="cont-3">
- clean project page coming soon:3
- </div>
- <div class="cont hide" id="cont-4">
- made with <span id="red">&lt;3</span> <br>
- tested on firefox <br>
- running on <a href="https://github.com/ameliasquires/lullaby">lullaby</a><b id="version">version</b>
- <a href="https://github.com/nyoom-engineering/base16-oxocarbon/tree/main">
- <div style="display:flex; background:red; height: 40px; flex-wrap: wrap; margin-top:3px;">
- <div style="background:#161616; flex-grow: 1;"></div>
- <div style="background:#262626; flex-grow: 1;"></div>
- <div style="background:#393939; flex-grow: 1;"></div>
- <div style="background:#525252; flex-grow: 1;"></div>
- <div style="background:#dde1e6; flex-grow: 1;"></div>
- <div style="background:#f2f4f8; flex-grow: 1;"></div>
- <div style="background:#ffffff; flex-grow: 1;"></div>
- <div style="background:#08bdba; flex-grow: 1;"></div>
- </div>
- <div style="display:flex; background:red; height: 40px; flex-wrap: wrap;">
- <div style="background:#42be65; flex-grow: 1;"></div>
- <div style="background:#3ddbd9; flex-grow: 1;"></div>
- <div style="background:#82cfff; flex-grow: 1;"></div>
- <div style="background:#33b1ff; flex-grow: 1;"></div>
- <div style="background:#78a9ff; flex-grow: 1;"></div>
- <div style="background:#be95ff; flex-grow: 1;"></div>
- <div style="background:#ee5396; flex-grow: 1;"></div>
- <div style="background:#ff7eb6; flex-grow: 1;"></div>
- </div>
- </a>
- </div>
- <div class="peeb"></div>
- <div class="sc-out">
- <div class="sc-in" id="yellow-here">
- <!--sha256/224 iv, why? didnt know what else to do:p-->
- <div>0x6a09e667; 0xbb67ae85; 0x3c6ef372; 0xa54ff53a; 0x510e527f; 0x9b05688c; 0x1f83d9ab; 0x5be0cd19;&nbsp;</div><div>
- 0x6a09e667; 0xbb67ae85; 0x3c6ef372; 0xa54ff53a; 0x510e527f; 0x9b05688c; 0x1f83d9ab; 0x5be0cd19;</div></div>
-
- </div>
- <div class="peeb"></div>
- </div>
- <div class="left-hand"></div>
-
- <a href="https://www.pokencyclopedia.info/sprites/menu-icons/ico-a_old/ico-a_old_637.gif"><img alt="volcarona" src="./volcarona.gif" style="position: absolute; bottom:5px; left:5px; width: 40px;"></a>
- </body>
-</html>
-
-0
-
generated by cgit v1.2.3 (git 2.25.1) at 2026-01-13 07:56:28 +0000