mirror of
https://github.com/uhIgnacio/igna.rocks.git
synced 2024-08-15 02:23:12 +00:00
a
This commit is contained in:
parent
cf96f7d62d
commit
0c1f4e1c79
18 changed files with 790 additions and 37 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
@ -1 +0,0 @@
|
||||||
2.txt
|
|
BIN
Amegakure.gif
Normal file
BIN
Amegakure.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 843 KiB |
BIN
a.mp4
BIN
a.mp4
Binary file not shown.
BIN
antipasto.light-webfont.woff
Normal file
BIN
antipasto.light-webfont.woff
Normal file
Binary file not shown.
BIN
antipasto.light-webfont.woff2
Normal file
BIN
antipasto.light-webfont.woff2
Normal file
Binary file not shown.
6
embed.json
Normal file
6
embed.json
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
{
|
||||||
|
"type": "link",
|
||||||
|
"version": "1.0",
|
||||||
|
"author_name": "exactly, noname",
|
||||||
|
"provider_name": "who are you?"
|
||||||
|
}
|
BIN
favicon.jpg
Normal file
BIN
favicon.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 56 KiB |
BIN
font-webfont.woff
Normal file
BIN
font-webfont.woff
Normal file
Binary file not shown.
BIN
font-webfont.woff2
Normal file
BIN
font-webfont.woff2
Normal file
Binary file not shown.
BIN
font.otf
Normal file
BIN
font.otf
Normal file
Binary file not shown.
5
generator_config.txt
Normal file
5
generator_config.txt
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
# Font Squirrel Font-face Generator Configuration File
|
||||||
|
# Upload this file to the generator to recreate the settings
|
||||||
|
# you used to create these fonts.
|
||||||
|
|
||||||
|
{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
|
142
index.html
142
index.html
|
@ -1,43 +1,117 @@
|
||||||
<html>
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>shitcord.xyz - home</title>
|
<title> </title>
|
||||||
<meta content="igna#1337" property="og:title">
|
|
||||||
<meta content='https://cdn.discordapp.com/attachments/859297371628240896/871372386988097596/image1.jpg'
|
<meta property="og:title" content="this is beste site" />
|
||||||
property='og:image'>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
<title>shitcord.xyz - home</title>
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:description" content="igna > you" />
|
||||||
|
<meta property="og:image" content="favicon.jpg" />
|
||||||
|
<meta property="og:image:type" content="image/jpg" />
|
||||||
|
<meta property="og:url" content="https://igna.rocks" />
|
||||||
|
<meta property="twitter:card" content="summary_large_image" />
|
||||||
|
<meta name="theme-color" content="#9ccaff">
|
||||||
|
<link type="application/json+oembed" href="embed.json" />
|
||||||
|
<link rel="shortcut icon" type="image/png" href="favicon.jpg" />
|
||||||
|
<script src="jquery-3.6.0.min.js" type="text/javascript">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<title> </title>
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"
|
|
||||||
type="ac07b7f0ca4afd503f432a03-text/javascript"></script>
|
|
||||||
|
|
||||||
<body>
|
<script type="text/javascript">
|
||||||
<div id="clickToPlay">
|
function clock() {
|
||||||
<span class="center">click</span>
|
var date = new Date()
|
||||||
</div>
|
|
||||||
<div id="main">
|
|
||||||
<div class="center">
|
|
||||||
<pre>
|
|
||||||
|
|
||||||
(_) __ _ _ __ __ _
|
var month = date.getMonth()
|
||||||
| | / _` | | '_ \ / _` |
|
|
||||||
| | | (_| | | | | | | (_| |
|
var hour = date.getHours()
|
||||||
|_| \__, | |_| |_| \__,_|
|
var minute = date.getMinutes()
|
||||||
|___/
|
var second = date.getSeconds()
|
||||||
|
if (hour > 12) {
|
||||||
igna#1337 | <a href="https://discord.com/users/881376072015417375">Discord</a> | <a href="https://bio.horizon.pics/igna">Bio</a> | <a href="https://steamcommunity.com/id/nulIed">Steam</a> | <a href="https://matrix.to/#/@lgna:matrix.org">Matrix</a>
|
hour = hour - 12
|
||||||
|
}
|
||||||
</pre>
|
if (minute < 10) {
|
||||||
</div>
|
minute = "0" + minute
|
||||||
|
}
|
||||||
|
document.title = hour + ":" + minute
|
||||||
|
setTimeout(clock, 1000)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
<body onLoad="clock()" oncontextmenu="return false;">
|
||||||
|
|
||||||
|
<!-- Checks if user is in mobile, and then removes the video if the requirement is met. !-->
|
||||||
|
<script>
|
||||||
|
const is_mobile = !!navigator.userAgent.match(/iphone|android|blackberry/ig) || false;
|
||||||
|
const videoElm = document.getElementById('vid');
|
||||||
|
if (is_mobile) {
|
||||||
|
videoElm.remove();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="center">
|
||||||
|
<center>
|
||||||
|
<h1>
|
||||||
|
<div class="rainbow-text">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="brandon">
|
||||||
|
<pre>
|
||||||
|
|
||||||
|
(_) __ _ _ __ __ _
|
||||||
|
| | / _` | | '_ \ / _` |
|
||||||
|
| | | (_| | | | | | | (_| |
|
||||||
|
|_| \__, | |_| |_| \__,_|
|
||||||
|
|___/
|
||||||
|
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
</h1>
|
||||||
|
</center>
|
||||||
|
<!-- Current Music !-->
|
||||||
|
<center>
|
||||||
|
<div class="brandon">
|
||||||
|
listening to
|
||||||
|
<a id="tracktitle" class="anim"></a>
|
||||||
|
by
|
||||||
|
<a href="#" id="trackartist" class="anim"></a>
|
||||||
|
on spotify!
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</center>
|
||||||
|
<!-- Socials !-->
|
||||||
|
<center>
|
||||||
|
<div class="brandon">
|
||||||
|
igna#1337
|
||||||
|
⠀ | ⠀
|
||||||
|
<a href="https://discord.com/user/881376072015417375">discord</a>
|
||||||
|
⠀ | ⠀
|
||||||
|
<a href="https://discord.gg/wEMrAmcGuw">discord server</a>
|
||||||
|
⠀ | ⠀
|
||||||
|
<a href="https://matrix.to/#/@lgna:matrix.org">matrix</a>
|
||||||
|
⠀ | ⠀
|
||||||
|
<a href="https://steamcommunity.com/id/nulIed">steam</a>
|
||||||
|
⠀ | ⠀
|
||||||
|
<a href="instances.md">instances</a>
|
||||||
|
</center>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<video autoplay loop id="vid">
|
<div id="image">
|
||||||
<source src="a.mp4" type="video/mp4">
|
<img src='Amegakure.gif'>
|
||||||
</video>
|
</div>
|
||||||
<script src="script.js" type="ac07b7f0ca4afd503f432a03-text/javascript"></script>
|
|
||||||
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js"
|
|
||||||
data-cf-settings="ac07b7f0ca4afd503f432a03-|49" defer=""></script>
|
|
||||||
<script
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
|
||||||
type="text/javascript">(function () { window['__CF$cv$params'] = { r: '606d17ca6c921515', m: '9332caebce351495cb57b107dc76d6c23dafab76-1608841960-1800-Ae6pl7nsqPKOOMVdAXjJIJZzSKk+o1t82sy17XYN+o9yqPgB6A9p9YPNCPhyiGsxry8id/ioNHWpLk1baTcBm9CHDIS+T2BdT16pdhP665Ejvw7v8k4tHdxAj5JysU4X8Q==', s: [0xac9900addc, 0xa329a9c8e4], } })();</script>
|
<script src="lastfmnowplaying.js"></script>
|
||||||
|
<script type="text/javascript" src="portfolio.js"></script>
|
||||||
|
<script type="text/javascript" src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
4
instances.md
Normal file
4
instances.md
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
# Instances list ~
|
||||||
|
|
||||||
|
* [Libreddit](https://libreddit.igna.rocks)
|
||||||
|
* [Lingva Translate](https://translate.igna.rocks)
|
2
jquery-3.6.0.min.js
vendored
Normal file
2
jquery-3.6.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
52
lastfmnowplaying.js
Normal file
52
lastfmnowplaying.js
Normal file
|
@ -0,0 +1,52 @@
|
||||||
|
var lastfmData = {
|
||||||
|
baseURL: "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=",
|
||||||
|
// Your Last.fm Username
|
||||||
|
user: "webhook",
|
||||||
|
// Your API key
|
||||||
|
api_key: "05e5cd17fea160c0e08d6b9503143529",
|
||||||
|
additional: "&format=json&limit=1"
|
||||||
|
};
|
||||||
|
|
||||||
|
var getSetLastFM = function () {
|
||||||
|
$.ajax({
|
||||||
|
type: "GET",
|
||||||
|
url: lastfmData.baseURL +
|
||||||
|
lastfmData.user +
|
||||||
|
"&api_key=" +
|
||||||
|
lastfmData.api_key +
|
||||||
|
lastfmData.additional,
|
||||||
|
dataType: "json",
|
||||||
|
success: function (resp) {
|
||||||
|
var recentTrack = resp.recenttracks.track[0];
|
||||||
|
var formatted = recentTrack.name;
|
||||||
|
$("a#tracktitle")
|
||||||
|
.html(formatted)
|
||||||
|
.attr("href", recentTrack.url)
|
||||||
|
.attr("title", recentTrack.name + " by " + recentTrack.artist["#text"])
|
||||||
|
.attr("target", "_blank");
|
||||||
|
|
||||||
|
var artistFormatted =
|
||||||
|
recentTrack.artist["#text"];
|
||||||
|
$("a#trackartist")
|
||||||
|
.html(artistFormatted)
|
||||||
|
.attr("title", "Artist : " + recentTrack.artist["#text"]);
|
||||||
|
$("img#trackart").attr("src", recentTrack.image[2]["#text"]);
|
||||||
|
},
|
||||||
|
error: function (resp) {
|
||||||
|
$("a#tracktitle").html(
|
||||||
|
"<img src='https://i.imgur.com/EgWjJry.png'>" + "Silence!"
|
||||||
|
);
|
||||||
|
$("img#trackart").attr("src", "https://i.imgur.com/Q6cCswP.jpg");
|
||||||
|
var artistFormatted =
|
||||||
|
"<img src='https://i.imgur.com/fae5XZA.png'>Prashant Shrestha";
|
||||||
|
$("a#trackartist")
|
||||||
|
.html(artistFormatted)
|
||||||
|
.attr("href", "igna.rocks/");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// Get the new one.
|
||||||
|
getSetLastFM();
|
||||||
|
// Start the countdown.
|
||||||
|
setInterval(getSetLastFM, 10 * 1000);
|
27
portfolio.js
Normal file
27
portfolio.js
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
$(window).on('keydown', function (event) {
|
||||||
|
if (event.keyCode == 123) {
|
||||||
|
|
||||||
|
return false;
|
||||||
|
} else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
|
||||||
|
|
||||||
|
return false; //Prevent from ctrl+shift+i
|
||||||
|
} else if (event.ctrlKey && event.keyCode == 73) {
|
||||||
|
|
||||||
|
return false; //Prevent from ctrl+shift+i
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(document).on("contextmenu", function (e) {
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).ready(function () {
|
||||||
|
var screenWidth = $(window).width();
|
||||||
|
// if window width is smaller than 800 remove the autoplay attribute
|
||||||
|
// from the video
|
||||||
|
if (screenWidth < 800) {
|
||||||
|
$('video').removeAttr('autoplay');
|
||||||
|
} else {
|
||||||
|
$('video').attr('autoplay');
|
||||||
|
}
|
||||||
|
});
|
118
script.js
118
script.js
|
@ -1 +1,117 @@
|
||||||
function main(){mainActive||(mainActive=!0,$("#clickToPlay").css("opacity","0"),$("#main").css("opacity","1"),$("#widgetContainer").css("opacity","1"),$(".hitCount").css("opacity","1"),setTimeout((()=>{$("#clickToPlay").css("display","none")}),1050),document.getElementById("vid").play())}document.getElementById("vid").volume=.6,mainActive=!1,setTimeout((()=>{document.getElementById("vid").paused?$("#clickToPlay").css("opacity","1"):main()}),1e3),$("#clickToPlay").click((()=>{main()}));
|
|
||||||
|
|
||||||
|
|
||||||
|
//Main Function
|
||||||
|
mainActive = false;
|
||||||
|
|
||||||
|
function main() {
|
||||||
|
if (mainActive) return;
|
||||||
|
mainActive = true;
|
||||||
|
|
||||||
|
$("#main").css("opacity", "1");
|
||||||
|
$("#widgetContainer").css("opacity", "1");
|
||||||
|
$(".hitCount").css("opacity", "1");
|
||||||
|
|
||||||
|
|
||||||
|
//Border
|
||||||
|
borderTop = 0;
|
||||||
|
borderRight = 0;
|
||||||
|
borderBottom = 0;
|
||||||
|
borderLeft = 0;
|
||||||
|
function topBorder() {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderTop++;
|
||||||
|
if (borderTop <= 100) {
|
||||||
|
$("#borderTop").css("width", borderTop+"%");
|
||||||
|
} else {
|
||||||
|
rightBorder();
|
||||||
|
clearInterval(int);
|
||||||
|
$("#borderTop").css({"left": "", "right": "0"});
|
||||||
|
setTimeout(() => {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderTop--;
|
||||||
|
if (borderTop >= 0) {
|
||||||
|
$("#borderTop").css("width", borderTop+"%");
|
||||||
|
} else {
|
||||||
|
$("#borderTop").css({"right": "", "left": "0"});
|
||||||
|
clearInterval(int);
|
||||||
|
}
|
||||||
|
}, 7);
|
||||||
|
}, 250);
|
||||||
|
}
|
||||||
|
}, 7);
|
||||||
|
}
|
||||||
|
function rightBorder() {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderRight++;
|
||||||
|
if (borderRight <= 100) {
|
||||||
|
$("#borderRight").css("height", borderRight+"%");
|
||||||
|
} else {
|
||||||
|
bottomBorder();
|
||||||
|
clearInterval(int);
|
||||||
|
$("#borderRight").css({"top": "", "bottom": "0"});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderRight--;
|
||||||
|
if (borderRight >= 0) {
|
||||||
|
$("#borderRight").css("height", borderRight+"%");
|
||||||
|
} else {
|
||||||
|
$("#borderRight").css({"bottom": "", "top": "0"});
|
||||||
|
clearInterval(int);
|
||||||
|
}
|
||||||
|
}, 5);
|
||||||
|
}, 450);
|
||||||
|
}
|
||||||
|
}, 5);
|
||||||
|
}
|
||||||
|
function bottomBorder() {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderBottom++;
|
||||||
|
if (borderBottom <= 100) {
|
||||||
|
$("#borderBottom").css("width", borderBottom+"%");
|
||||||
|
} else {
|
||||||
|
leftBorder();
|
||||||
|
clearInterval(int);
|
||||||
|
$("#borderBottom").css({"right": "", "left": "0"});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderBottom--;
|
||||||
|
if (borderBottom >= 0) {
|
||||||
|
$("#borderBottom").css("width", borderBottom+"%");
|
||||||
|
} else {
|
||||||
|
$("#borderBottom").css({"left": "", "right": "0"});
|
||||||
|
clearInterval(int);
|
||||||
|
}
|
||||||
|
}, 7);
|
||||||
|
}, 250);
|
||||||
|
}
|
||||||
|
}, 7);
|
||||||
|
}
|
||||||
|
function leftBorder() {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderLeft++;
|
||||||
|
if (borderLeft <= 100) {
|
||||||
|
$("#borderLeft").css("height", borderLeft+"%");
|
||||||
|
} else {
|
||||||
|
topBorder();
|
||||||
|
clearInterval(int);
|
||||||
|
$("#borderLeft").css({"bottom": "", "top": "0"});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
let int = setInterval(() => {
|
||||||
|
borderLeft--;
|
||||||
|
if (borderLeft >= 0) {
|
||||||
|
$("#borderLeft").css("height", borderLeft+"%");
|
||||||
|
} else {
|
||||||
|
$("#borderLeft").css({"top": "", "bottom": "0"});
|
||||||
|
clearInterval(int);
|
||||||
|
}
|
||||||
|
}, 5);
|
||||||
|
}, 450);
|
||||||
|
}
|
||||||
|
}, 5);
|
||||||
|
}
|
||||||
|
topBorder();
|
||||||
|
}
|
||||||
|
|
470
style.css
470
style.css
|
@ -1 +1,469 @@
|
||||||
@font-face{font-family:"Brandon Light";src:url("font.woff2");}:root{--color:red;}body{margin:0;padding:0;background-color:black;overflow:hidden;font-family:"Brandon Light";color:white;user-select:none;}a{color:white;text-decoration:none;padding:0;}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}#border{position:absolute;width:100%;height:100%;box-sizing:border-box;pointer-events:none;z-index:-1;}#borderTop,#borderBottom{position:absolute;width:0;height:4px;background-color:purple;}#borderRight,#borderLeft{position:absolute;width:3px;height:0;background-color:purple;}video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-2;filter:blur(5px) brightness(30%);pointer-events:none;}#clickToPlay{opacity:0;transition:1s;position:absolute;color:white;font-size:64px;cursor:default;width:100%;height:100%;z-index:10;}#main{opacity:0;transition:5s;}pre{font-weight:bold;font-size:16px;user-select:none;color:purple;background:repeating-linear-gradient(120deg,lightgray 0%,gray 12.5%,black 37.5%,white 60%);background-size:60vw 60vw;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:slide 5s linear infinite forwards;}@keyframes slide{0%{background-position-x:0}100%{background-position-x:60vw}}#widgetContainer{opacity:0;position:absolute;right:20px;top:20px;width:400px;height:38px;background:repeating-linear-gradient(120deg,white 0%,gray 12.5%,black 37.5%,gray 60%);background-size:60vw 60vw;animation:slide 10s linear infinite forwards;transition:1s;}#widget{position:absolute;width:394px;height:29px;margin:3px;background-color:purple;z-index:1;transition:2s;}#widgetMain{position:absolute;display:inline-flex;justify-content:space-between;margin-top:3px;padding-right:10px;padding-left:10px;width:374px;height:29px;z-index:2;background-color:purple;}#burgerMenu{cursor:pointer;}#dropDownContent{display:none;opacity:0;transition:2s;width:100%;height:100%;position:absolute;margin-top:30px;}#links{right:5px;width:100px;float:left;margin-top:-4px;}#groups{float:right;margin-top:5px;}#dropDownContent div a{opacity:0;transition:1s;line-height:18px;}#dropDownContent div span{margin-left:10px;margin-right:10px;}#groups a,#groups span{float:right;}.hitCount{position:fixed;bottom:5px;right:5px;transition:3s;color:var(--color);font-size:24px;opacity:0;bottom:-3px;}a.hitCounter.badge-done0{display:none!important;}
|
@font-face {
|
||||||
|
font-family: 'Brandon Light';
|
||||||
|
src: url('font-webfont.woff2') format('woff2'),
|
||||||
|
url('font-webfont.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
div.brandon {
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0;
|
||||||
|
font-family: "Brandon Light";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 25px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: black;
|
||||||
|
overflow: hidden;
|
||||||
|
font-family: "Brandon Light";
|
||||||
|
color: white;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a2 {
|
||||||
|
position: relative;
|
||||||
|
top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.center {
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#border {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#borderTop, #borderBottom {
|
||||||
|
position: absolute;
|
||||||
|
width: 0%;
|
||||||
|
height: 4px;
|
||||||
|
background-color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
#borderRight, #borderLeft {
|
||||||
|
position: absolute;
|
||||||
|
width: 3px;
|
||||||
|
height: 0%;
|
||||||
|
background-color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
z-index: -2;
|
||||||
|
filter: blur(5px) brightness(30%);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#main {
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
transition: 5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes rainbow-text {
|
||||||
|
0% {
|
||||||
|
color: #e87d7d;
|
||||||
|
}
|
||||||
|
2% {
|
||||||
|
color: #e88a7d;
|
||||||
|
}
|
||||||
|
4% {
|
||||||
|
color: #e8977d;
|
||||||
|
}
|
||||||
|
6% {
|
||||||
|
color: #e8a47d;
|
||||||
|
}
|
||||||
|
8% {
|
||||||
|
color: #e8b07d;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
color: #e8bd7d;
|
||||||
|
}
|
||||||
|
12% {
|
||||||
|
color: #e8ca7d;
|
||||||
|
}
|
||||||
|
14% {
|
||||||
|
color: #e8d77d;
|
||||||
|
}
|
||||||
|
16% {
|
||||||
|
color: #e8e47d;
|
||||||
|
}
|
||||||
|
18% {
|
||||||
|
color: #dfe87d;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
color: #d3e87d;
|
||||||
|
}
|
||||||
|
22% {
|
||||||
|
color: #c6e87d;
|
||||||
|
}
|
||||||
|
24% {
|
||||||
|
color: #b9e87d;
|
||||||
|
}
|
||||||
|
26% {
|
||||||
|
color: #ace87d;
|
||||||
|
}
|
||||||
|
28% {
|
||||||
|
color: #9fe87d;
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
color: #92e87d;
|
||||||
|
}
|
||||||
|
32% {
|
||||||
|
color: #86e87d;
|
||||||
|
}
|
||||||
|
34% {
|
||||||
|
color: #7de881;
|
||||||
|
}
|
||||||
|
36% {
|
||||||
|
color: #7de88e;
|
||||||
|
}
|
||||||
|
38% {
|
||||||
|
color: #7de89b;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
color: #7de8a8;
|
||||||
|
}
|
||||||
|
42% {
|
||||||
|
color: #7de8b5;
|
||||||
|
}
|
||||||
|
44% {
|
||||||
|
color: #7de8c1;
|
||||||
|
}
|
||||||
|
46% {
|
||||||
|
color: #7de8ce;
|
||||||
|
}
|
||||||
|
48% {
|
||||||
|
color: #7de8db;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
color: #7de8e8;
|
||||||
|
}
|
||||||
|
52% {
|
||||||
|
color: #7ddbe8;
|
||||||
|
}
|
||||||
|
54% {
|
||||||
|
color: #7dcee8;
|
||||||
|
}
|
||||||
|
56% {
|
||||||
|
color: #7dc1e8;
|
||||||
|
}
|
||||||
|
58% {
|
||||||
|
color: #7db5e8;
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
color: #7da8e8;
|
||||||
|
}
|
||||||
|
62% {
|
||||||
|
color: #7d9be8;
|
||||||
|
}
|
||||||
|
64% {
|
||||||
|
color: #7d8ee8;
|
||||||
|
}
|
||||||
|
66% {
|
||||||
|
color: #7d81e8;
|
||||||
|
}
|
||||||
|
68% {
|
||||||
|
color: #867de8;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
color: #927de8;
|
||||||
|
}
|
||||||
|
72% {
|
||||||
|
color: #9f7de8;
|
||||||
|
}
|
||||||
|
74% {
|
||||||
|
color: #ac7de8;
|
||||||
|
}
|
||||||
|
76% {
|
||||||
|
color: #b97de8;
|
||||||
|
}
|
||||||
|
78% {
|
||||||
|
color: #c67de8;
|
||||||
|
}
|
||||||
|
80% {
|
||||||
|
color: #d37de8;
|
||||||
|
}
|
||||||
|
82% {
|
||||||
|
color: #df7de8;
|
||||||
|
}
|
||||||
|
84% {
|
||||||
|
color: #e87de4;
|
||||||
|
}
|
||||||
|
86% {
|
||||||
|
color: #e87dd7;
|
||||||
|
}
|
||||||
|
88% {
|
||||||
|
color: #e87dca;
|
||||||
|
}
|
||||||
|
90% {
|
||||||
|
color: #e87dbd;
|
||||||
|
}
|
||||||
|
92% {
|
||||||
|
color: #e87db0;
|
||||||
|
}
|
||||||
|
94% {
|
||||||
|
color: #e87da4;
|
||||||
|
}
|
||||||
|
96% {
|
||||||
|
color: #e87d97;
|
||||||
|
}
|
||||||
|
98% {
|
||||||
|
color: #e87d8a;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
color: #e87d7d;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.rainbow-text {
|
||||||
|
animation: rainbow-text 8s infinite;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#widgetContainer {
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
top: 20px;
|
||||||
|
width: 400px;
|
||||||
|
height: 38px;
|
||||||
|
background: repeating-linear-gradient(120deg, slategrey 5%, blanchedalmond 70%);
|
||||||
|
background-size: 60vw 60vw;
|
||||||
|
animation: slide 1s linear infinite forwards;
|
||||||
|
transition: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#widget {
|
||||||
|
position: absolute;
|
||||||
|
width: 394px;
|
||||||
|
height: 29px;
|
||||||
|
margin: 3px;
|
||||||
|
background-color: purple;
|
||||||
|
z-index: 1;
|
||||||
|
transition: 2s;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#widgetMain {
|
||||||
|
position: absolute;
|
||||||
|
display: inline-flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 3px;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-left: 10px;
|
||||||
|
width: 374px;
|
||||||
|
height: 29px;
|
||||||
|
z-index: 2;
|
||||||
|
background-color: purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
#burgerMenu {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dropDownContent {
|
||||||
|
display: none;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 2s;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#links {
|
||||||
|
right: 5px;
|
||||||
|
width: 100px;
|
||||||
|
float: left;
|
||||||
|
margin-top: -4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#groups {
|
||||||
|
float: right;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dropDownContent div a {
|
||||||
|
opacity: 0;
|
||||||
|
transition: 1s;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dropDownContent div span {
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#groups a, #groups span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hitCount {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 5px;
|
||||||
|
right: 5px;
|
||||||
|
transition: 3s;
|
||||||
|
color: var(--color);
|
||||||
|
font-size: 24px;
|
||||||
|
opacity: 0;
|
||||||
|
bottom: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.hitCounter.badge-done0 {
|
||||||
|
display: none!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@mixin border-left-radius($radius) {
|
||||||
|
-webkit-border-top-left-radius: $radius;
|
||||||
|
-moz-border-top-left-radius: $radius;
|
||||||
|
-ms-border-top-left-radius: $radius;
|
||||||
|
-o-border-top-left-radius: $radius;
|
||||||
|
border-top-left-radius: $radius;
|
||||||
|
|
||||||
|
-webkit-border-bottom-left-radius: $radius;
|
||||||
|
-moz-border-bottom-left-radius: $radius;
|
||||||
|
-ms-border-bottom-left-radius: $radius;
|
||||||
|
-o-border-bottom-left-radius: $radius;
|
||||||
|
border-bottom-left-radius: $radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
.nowplayingcard {
|
||||||
|
width: 20%;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 3%;
|
||||||
|
font-family: $globalFontFamily;
|
||||||
|
font-size: $globalFontSize;
|
||||||
|
|
||||||
|
.nowplayingcontainer-inner {
|
||||||
|
width: 100%;
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||||
|
transition: 0.3s;
|
||||||
|
display: inline-block;
|
||||||
|
@include border-left-radius($globalBorderRadius);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
img#trackart {
|
||||||
|
max-width: 30%;
|
||||||
|
float: left;
|
||||||
|
left: 0;
|
||||||
|
@include border-left-radius($globalBorderRadius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.trackInfo {
|
||||||
|
width: 70%;
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
a {
|
||||||
|
max-width: 90%;
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: left;
|
||||||
|
text-decoration: none;
|
||||||
|
vertical-align: middle;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
|
&:nth-child(odd) {
|
||||||
|
img {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: -2% 3px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
color: black;
|
||||||
|
font-weight: bold;
|
||||||
|
vertical-align: middle;
|
||||||
|
line-height: 15px;
|
||||||
|
letter-spacing: 0.2px;
|
||||||
|
padding: 10% 0 0 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(even) {
|
||||||
|
img {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: -2% 3px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
color: gray;
|
||||||
|
font-size: $globalFontSize - 1px;
|
||||||
|
letter-spacing: 0.1px;
|
||||||
|
padding: 5% 0 0 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue