https://thaer.no/directory

Eingereichte URL:
https://thaer.no/directory
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://thaelm.no/thælm game dev

JavaScript-Variablen · 7 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
imagesobject
inumber

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!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(&quot;/fullscreen/svg_img/grain-03.png&quot;);"></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>