- ID de l'analyse :
- 38bebf3d-7314-4bbc-9057-805373f21e28Terminée
- URL soumise :
- https://thaer.no/directory
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://thaelm.no/ | thælm game dev |
Variables JavaScript : 7 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| images | object |
| i | number |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>thær – directory</title>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/grain.js"></script>
<script type="text/javascript">
jQuery(function($) {
$('.item').each(function() {
var c = Math.random() * 0.7;
$(this).css('animation-delay', '' + c + 's');
});
});
</script>
<style>
* {
margin:0px;
padding:0px;
border:0px;
}
body {
background-color:black;
background-image:url(/images/texture-bg-01.png);
animation: bgMoveY 60s infinite linear;
overflow-x: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
body::-webkit-scrollbar {
display: none;
}
@keyframes bgMoveY {
0% {
background-position-y:1024px;
}
100% {
background-position-y:-1024px;
}
}
.item {
height:auto;
display:block;
width:33.3333333333%;
height:33.3333333333vw;
float:left;
position:relative;
background-repeat:no-repeat;
background-position:center center;
background-size:16vw;
transition:all 0.3s ease-in-out;
animation: fadein 1s ease-out;
animation-fill-mode: forwards;
opacity: 0;
box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.5);
}
.item p {
text-decoration:none;
color:white;
font-size:16px;
position:absolute;
bottom:0px;
line-height:50px;
left:50%;
transform:translateX(-50%);
letter-spacing:5px;
font-style:italic;
transition:all 0.3s ease-in-out;
text-align:center;
white-space: nowrap;
z-index:40;
}
.item:hover {
/*background-color:rgba(16, 9, 9, 0.1);
background-size:16.5vw;*/
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
background-position:center 40%;
}
.item:hover p {
/*text-decoration:underline;*/
letter-spacing:7px;
}
.item:visited {
color:white;
}
.hoverBoxX {
position:absolute;
background-color:black;
width:0%;
height:3px;
transition:all 0.3s ease-in-out;
left:50%;
transform:translateX(-50%);
border-radius:1.5px;
}
.item:hover .hoverBoxX {
width:100%;bor
}
.hB {
bottom:0px;
height:50px;
}
.hT {
top:0px;
}
.hoverBoxY {
position:absolute;
background-color:black;
width:3px;
height:0%;
transition:all 0.3s ease-in-out;
top:50%;
transform:translateY(-50%);
border-radius:1.5px;
}
.item:hover .hoverBoxY {
height:100%;
}
.hL {
left:0px;
}
.hR {
right:0px;
}
.redHall {
background-image:url("/images/icons/icons-red-hall-01.svg");
}
.whiteHall {
background-image:url("/images/icons/icons-white-hall-01.svg");
}
.aetherLogs {
background-image:url("/images/icons/icons-aether-logs-01.svg");
}
.aethercast {
background-image:url("/images/icons/icons-aethercast-01.svg");
}
.fullscreen {
background-image:url("/images/icons/icons-fullscreen-01.svg");
}
.cinema {
background-image:url("/images/icons/icons-cinema-01.svg");
}
.audio {
background-image:url("/images/icons/icons-audio-01.svg");
}
.calendar {
background-image:url("/images/icons/icons-calendar-01.svg");
}
.cards {
background-image:url("/images/icons/icons-cards-01.svg");
}
.game {
background-image:url("/images/icons/icons-game-01.svg");
}
.misc {
background-image:url("/images/item-01.svg");
}
.pixelart {
background-image:url("/images/pixelart-icon-01.svg");
}
.note {
background-image:url("/images/icons/icons-book-01.svg");
}
.sigil {
position:fixed;
height:32px;
width:32px;
left:10px;
top:10px;
background-image:url("/favicon.svg");
background-repeat:no-repeat;
background-size: 24px;
background-position:center center;
transition: background-size 0.5s ease-in-out, transform 0.5s ease-in-out;
z-index:9999;
}
.sigil:hover {
background-size: 32px;
transform:rotate(180deg);
}
#grain {
position:fixed;
pointer-events:none;
width:100%;
height:100%;
background-image:url("/fullscreen/svg_img/grain-01.png");
}
@keyframes fadein {
from {
opacity: 0;
filter: blur(15px);
transform:translateY(50px);
}
to {
opacity: 1;
filter: blur(0px);
transform:translateY(0px);
}
}
@media only screen and (max-width: 600px) {
.item {
width:100%;
height:100vw;
background-size:50vw;
}
.item:hover {
background-size:52vw;
}
}
@media only screen and (min-width: 1200px) {
.item {
width:25%;
height:25vw;
background-size:12vw;
}
.item:hover {
background-size:12.5vw;
}
}
</style>
</head>
<body>
<a class="sigil" href="/"></a>
<div id="grain" style="background-image: url("/fullscreen/svg_img/grain-03.png");"></div>
<div class="content">
<a class="item aetherLogs" href="/ether/introduction" style="animation-delay: 0.314104s;">
<p>æther logs</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item pixelart" href="/pixel" style="animation-delay: 0.144554s;">
<p>digital sketches</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item aethercast" href="/3d/caped" style="animation-delay: 0.0449257s;">
<p>æthercast</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item fullscreen" href="/crosses" style="animation-delay: 0.432538s;">
<p>fullscreen</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item note" href="/diary" style="animation-delay: 0.613538s;">
<p>notes</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item redHall" href="/redhall" style="animation-delay: 0.498212s;">
<p>red hall</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item whiteHall" href="/whitehall" style="animation-delay: 0.390238s;">
<p>white hall</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item calendar" href="/calendar" style="animation-delay: 0.472356s;">
<p>calendar</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item cards" href="/cards" style="animation-delay: 0.585666s;">
<p>cards</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item cinema" href="/video/cinema" style="animation-delay: 0.423485s;">
<p>cinema</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item audio" href="/sound/audiolibrary" style="animation-delay: 0.397898s;">
<p>audio</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
<a class="item game" href="https://thaelm.no/" target="_blank" style="animation-delay: 0.206334s;">
<p>thælm game dev</p>
<div class="hoverBoxX hT"></div>
<div class="hoverBoxX hB"></div>
<div class="hoverBoxY hL"></div>
<div class="hoverBoxY hR"></div>
</a>
</div>
</body></html>