sebastian-92.github.io/fun.html at main · sebastian-92/sebastian-92.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
  <head>
    <title>*cbass92.org* - Fun</title>
    <style>
      .sidebar {
        width: 350px;
        height: 70vh;
        border: none;
        background: #111;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.4);
        margin-left: 20px;
        position: fixed;
      }
      body {
        font-family: "Fira Mono", monospace;
        font-weight: 400;
        font-style: bold;
      }
    </style>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="main-styles2.css" />
    <link rel="stylesheet" href="tracks.css" />
    <script src="https://unpkg.com/cursor-effects@latest/dist/browser.js"></script>
    <script>
      window.addEventListener("load", (event) => {
        new cursoreffects.fairyDustCursor();
      });
    </script>
    <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
    <!-- 100% privacy-first analytics -->
    <script
      data-collect-dnt="true"
      async
      src="https://scripts.simpleanalyticscdn.com/latest.js"
    ></script>
  </head>
  <body>
    <script src="oneko.js"></script>
    <header>
      <center><img src="funstuff.gif" class="title"/></center>
      <link href="mailto:indieauth@cbass92.org" rel="me authn" />
    </header>
    <marquee scrollamount="20"><img src="construction.gif" /></marquee>
    <div class="content-layout">
      <iframe class="sidebar" src="sidebar.html"></iframe>
      <div
        class="grid"
        data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 200, "gutter": 10 }'
      >
        <div class="grid-item">
          <h2>Pets</h2>
          <h3>Max the TamaNOTchi</h3>
          <a href="https://tamanotchi.world/17620c"
            ><img
              src="https://tamanotchi.world/i2/17620"
              alt="It's tamaNOTchi! Click to feed!" /></a
          ><br /><a href="https://dragcave.net/view/KwUu5"
            ><img
              src="https://dragcave.net/image/KwUu5.gif"
              style="border-width: 0"
              alt="Adopt one today!"
          /></a>
          <br />
          <h3>Dave the GifyPet</h3>
          <iframe
            width="314"
            height="321"
            scrolling="no"
            src="https://gifypet.neocities.org/pet/pet.html?name=Dave&dob=1720312269&gender=m&element=Water&pet=ozwomp.gif&map=forest.jpg&background=wood.jpg&tablecolor=black&textcolor=black"
            frameborder="0"
          ></iframe>
          <h3>sprinkles the wobble</h3>
          <a href="https://wobble.town/visit/2511"
            ><img src="https://wobble.town/visit/2511/wobble.gif"
          /></a>
        </div>
      </div>
    </div>
    <img
      src="flames.gif"
      style="
        width: 50%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
      "
    />
    <script src="title-rotator.js"></script>
  </body>
</html>