Skip to content

Instantly share code, notes, and snippets.

View biologyscience's full-sized avatar
😜
Nothing Special Here

RelativPerspektiv biologyscience

😜
Nothing Special Here
View GitHub Profile
@biologyscience
biologyscience / popUp.css
Last active June 21, 2022 06:44
Simple pop up on a button in html with css
body
{
background-color: rgb(32, 28, 43);
display: flex;
justify-content: center;
align-items: center;
}
button#popUpButton
{
@biologyscience
biologyscience / a.js
Created August 3, 2022 15:56
send info with events
const a = document.getElementById('a');
const aVal = parseInt(a.value);
const myEvent = new CustomEvent('myEvent', {detail: aVal});
document.dispatchEvent(myEvent);
@biologyscience
biologyscience / a.js
Created August 3, 2022 15:58
take advantage of global scoping
const a = document.getElementById('a');
const aVal = parseInt(a.value);
@biologyscience
biologyscience / file.html
Created August 14, 2022 05:40
sortable dnd problem
<html>
<head>
<style>
ul
{
list-style: none;
margin: 1.2em 0;
padding: .5em;
}
@biologyscience
biologyscience / queue.scss
Created September 14, 2022 14:03
animation not working
#queueListMenu
{
$width: 60vw * .6;
$height: calc(var(--displayHeight) * .75);
font-size: 20px;
width: $width;
height: $height;
top: calc((var(--displayHeight) - $height) / 2);
left: calc((60vw - $width) / 2);