Grace unrealapex

🏳️‍⚧️

trans rights are human rights!

see my codeberg

unrealapex / cornell-notes-template.md

Created September 3, 2021 04:47

Cues	Notes

Summary

unrealapex / fade.css

Last active October 19, 2021 22:26

css fade in and out animation

	.fade {
	animation: fade 2s ease-in infinite;
	}

	@keyframes fade {
	0% {
	opacity: 0;
	}
	25% {
	opacity: 0.5;

unrealapex / boilerplate.html

Created October 3, 2021 21:40

HTML Boilerplate

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title></title>
	</head>
	<body>

unrealapex / XMLHttpRequest.js

Last active October 3, 2021 21:41

	// code taken from https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
	function reqListener () {
	console.log(this.responseText);
	}

	var oReq = new XMLHttpRequest();
	oReq.addEventListener("load", reqListener);
	oReq.open("GET", "http://www.example.org/example.txt");
	oReq.send();

unrealapex / created-with-vim.md

Last active November 17, 2021 02:53

This file was edited using the power of

unrealapex / word-count.js

Created January 12, 2022 00:49

return string.split(/\s+/).length;

unrealapex / emoji-favicon.html

Created January 12, 2022 06:02

	<!-- code taken from here: https://css-tricks.com/emoji-as-a-favicon/ -->
	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎯</text></svg>">

unrealapex / steam-deck-rgb.css

Last active March 8, 2025 22:09

	/* The rgb gradient found in sections of the Steam Deck website: https://www.steamdeck.com/en/
	https://www.steamdeck.com/public/css/global.css?v=OKFbGyMfa7Jk&_cdn=cloudflare */

	.gradient {
	background: linear-gradient(137.42deg, #1a75ff, #6a5df8, #c957e6, #d2486b, #bf44ac, #ab47d0, #9460f3, #46aced, #4ec4a3, #b8ba05, #d2486b);
	background-size: 2200% 2200%;
	-webkit-animation: DeckGradient 60s ease infinite;
	-moz-animation: DeckGradient 60s ease infinite;
	animation: DeckGradient 60s ease infinite;
	}

unrealapex / do-something-when-user-changes-tab.js

Created January 26, 2022 08:42

	// taken from Stack Overflow: https://stackoverflow.com/a/63695199/14111707

	document.addEventListener("visibilitychange", (event) => {
	if (document.visibilityState == "visible") {
	console.log("tab is active")
	} else {
	console.log("tab is inactive")
	}
	});

unrealapex / font-awesome.html

Created January 29, 2022 20:08

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">