array-in-a-matrix/arrayinamatrix.xyz
array-in-a-matrix/arrayinamatrix.xyz
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Activity

tryin make the banner change colors after refresh

Browse source
This commit is contained in:
superdimensional 2021-04-14 00:13:01 -04:00
parent bc96705aae
commit d9e731b49e
3 changed files with 36 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -7,6 +7,7 @@
<title>superdimensional</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#157878">
<script src="/script.js" defer></script>
</head>
<body data-new-gr-c-s-check-loaded="8.872.0" data-gr-ext-installed="">

30
script.js Normal file
View file

@ -0,0 +1,30 @@
let randomthemes = [
["#ff8008", "#ffc837"],
["#4A00E0", "#8E2DE2"],
["#FF512F", "#F09819"],
["#FF5F6D", "#FFC371"],
["#FF416C", "#FF4B2B"],
["#ee0979", "#ff6a00"],
["#ec008c", "#fc6767"],
["#f857a6", "#ff5858"],
["#00c3ff", "#ffff1c"],
["#e1eec3", "#f05053"],
["#a8ff78", "#78ffd6"],
["#B3FFAB", "#12FFF7"],
["#AAFFA9", "#11FFBD"],
["#5433FF", "#20BDFF"],
["#00c6ff", "#0072ff"],
["#4e54c8", "#8f94fb"],
["#396afc", "#2948ff"],
["#673AB7", "#512DA8"],
["#4776E6", "#8E54E9"],
["#DA22FF", "#9733EE"]
];
//grab a random gradient
function rand(items) {
return items[~~(items.length * Math.random())];
}
let randcolor = rand(randomthemes);
document.documentElement.style.setProperty("--left", randcolor[0]);
document.documentElement.style.setProperty("--right", randcolor[1]);

6
style.css
View file

@ -454,11 +454,15 @@ a:hover {
margin-left:0
}
}
:root {
--left: #4A00E0;
--right: #8E2DE2;
}
.page-header {
color:#fff;
text-align:center;
background-color:#159957;
background-image:linear-gradient(120deg, #155799, #159957)
background-image:linear-gradient(120deg,var(--left), var(--right))
}
@media screen and (min-width: 64em) {
.page-header {