DestinyCursor/index.html at master · penkar/DestinyCursor · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Custom Cursor</title>
    <link rel="stylesheet" href="./assets/styles.css" />
  </head>
  <body>
    <header>Custom Cursor Example Site</header>
    <main>
      <h1>Lorem Ipsum</h1>
      <h2>
        "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
        consectetur, adipisci velit..."
      </h2>
      <h2>
        "There is no one who loves pain itself, who seeks after it and wants to
        have it, simply because it is pain..."
      </h2>
      <p>
        <a data-type="aff">Lorem</a>
        ipsum dolor sit amet, consectetur adipiscing elit. Praesent rhoncus nisi
        nec finibus tristique.
        <a data-type="aff">Nunc</a>
        feugiat id enim at sollicitudin. Curabitur lacus velit, vehicula
        faucibus consequat ut, imperdiet commodo urna. Nunc molestie metus at
        pulvinar convallis. Fusce auctor non arcu quis eleifend.
        <a data-type="neg">Integer</a>
        fringilla, mauris dictum consequat facilisis, nulla elit sollicitudin
        risus, vitae aliquam orci lorem nec elit.
        <a data-type="neg">Praesent</a>
        tincidunt sapien in tristique porta. Morbi in metus molestie, tincidunt
        lorem quis, vulputate nulla. Suspendisse blandit diam quam, vitae
        iaculis metus iaculis vitae. Suspendisse lorem nulla, eleifend in ipsum
        non, convallis rutrum metus. Quisque lacinia hendrerit sapien, a
        accumsan quam varius non. Proin metus tortor,
        <a data-type="aff">sagittis</a>
        sit amet mi vel, tempus volutpat tortor. Quisque ut feugiat odio, et
        luctus nisi. Nam pulvinar felis ut quam fringilla cursus eget ut tellus.
        <a data-type="neg">Proin rhoncus diam sem</a>
        urna.
      </p>
      <p>
        ut. Donec convallis leo ac mauris sagittis aliquam. In tellus massa,
        condimentum quis dolor a, congue condimentum libero. Nulla facilisi.
        Aliquam commodo massa laoreet, iaculis orci a, tempus magna. Nam quis
        massa vitae orci tempus vestibulum nec a sapien.
        <a data-type="aff">Mauris</a> vel orci imperdiet, dapibus magna sed,
        commodo leo. Aliquam erat volutpat. Ut vulputate consequat finibus.
      </p>
      <p>
        <a data-type="neg">Suspendisse</a>
        potenti. Proin malesuada sagittis rutrum. Fusce hendrerit sapien tellus,
        quis mollis mauris egestas nec. efficitur pulvinar justo, eget tristique
        tellus condimentum in.
        <a data-type="aff">Nulla</a> pellentesque egestas nisi sit amet
        ultrices. Suspendisse rhoncus sagittis eros, sit amet faucibus risus
        tempus et. Nullam vestibulum augue neque, sed scelerisque elit porttitor
        in. Sed porta lobortis metus nec euismod. Donec vehicula urna eget
        interdum egestas. Suspendisse iaculis tortor sit amet finibus
        ullamcorper. Mauris consectetur nunc non nibh vehicula sagittis. In hac
        habitasse platea dictumst.
      </p>
      <p>
        interdum. Duis tempor aliquet felis, id ornare arcu malesuada non. Morbi
        non congue diam, non suscipit lacus.
        <a data-type="neg">Nam aliquam</a>
        sed purus sed blandit. Donec suscipit pellentesque tortor. Aliquam eu
        sodales velit. Quisque fermentum scelerisque dolor. Praesent cursus
        neque velit, in molestie diam commodo ac. Donec iaculis ex vitae
        fermentum finibus.
        <a data-type="aff">Proin dapibus suscipit euismod</a>
        tincidunt ante consectetur sit amet. Pellentesque lacus dui, eleifend in
        porttitor sed, posuere in urna. In at augue lacinia felis mollis
        ullamcorper at vitae enim. Suspendisse at odio vel ligula tincidunt
        varius.
      </p>
      <p>
        <a data-type="neg">Phasellus</a>
        vel risus tortor. Donec suscipit, nibh ac varius faucibus, dui elit
        suscipit felis, et mattis ante velit sit amet ligula.
        <a data-type="aff">Praesent</a>
        sed tristique erat, mattis varius nunc. Aliquam ut purus gravida,
        pellentesque neque sit amet, ullamcorper ante. Nam rutrum elit at sem
        euismod condimentum. In
        <a data-type="neg">venenatis</a> felis arcu. Quisque lacinia euismod
        mattis. Ut at accumsan urna, vel molestie risus. Sed euismod odio quis
        volutpat finibus. Suspendisse diam lacus, semper non dapibus et, luctus
        quis velit. Pellentesque ac semper ex. Ut rutrum dictum finibus. Sed
        ultrices nisl nec nulla sagittis vestibulum. In vulputate ex vitae ex
        fermentum sagittis sed ultricies elit. Donec dictum volutpat
        ullamcorper.
      </p>
      <p>
        vitae, convallis eu magna. In eget metus commodo nulla semper semper eu
        at augue.
        <a data-type="neg">Vestibulum</a>
        ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
        Curae; In dignissim tempus tellus faucibus commodo. Vestibulum dignissim
        at risus at venenatis. Nam metus odio, tristique in pharetra gravida,
        commodo eu lectus.
        <a data-type="neg">Quisque</a> porta tellus nec mauris vehicula
        malesuada. Sed a tincidunt odio, non euismod elit. Vestibulum tempus
        lectus vel dui maximus facilisis. Mauris eget augue magna. Suspendisse
        condimentum nisl et bibendum aliquet. Suspendisse potenti. Donec congue,
        mi at commodo aliquet, nibh mauris consectetur neque, sit amet facilisis
        augue lacus eget quam. Aliquam sagittis orci sit amet mi fringilla
        pharetra quis at mi. Integer aliquet arcu et placerat placerat.
      </p>
      <p>
        <a data-type="aff">Vivamus</a>
        dapibus lectus quis ligula euismod, eu ultricies lectus fringilla. Fusce
        posuere ante lacus, id commodo odio eleifend eu. Nam bibendum ante ut
        rutrum ultricies. Fusce quis leo nulla. Maecenas at metus eu sapien
        feugiat pharetra. Suspendisse non iaculis purus. Aliquam feugiat quis
        neque nec pellentesque. Nulla congue, ligula at iaculis malesuada, nunc
        sapien placerat purus, at ultrices ipsum massa ac purus.
        <a data-type="aff">Mauris</a> sit amet turpis eget magna ornare
        consequat.
      </p>
      <p>
        <a data-type="neg">Curabitur</a>
        mattis lobortis nisi. Quisque convallis erat ex, varius aliquet quam
        cursus non. Sed suscipit pharetra bibendum. Phasellus dui odio, placerat
        eget cursus ut,
        <a data-type="aff">fermentum</a>
        id leo. In eget augue velit. Proin libero purus, feugiat in lectus
        tempor, varius posuere sem.
        <a data-type="neg">Quisque</a>
        dapibus nulla ut tortor faucibus pretium. Integer id accumsan dolor.
        Aenean id consectetur est. Etiam nec leo nisi. Nam sem tellus, laoreet
        vel odio in, dignissim ultricies nibh.
        <a data-type="neg">Suspendisse</a>
        dignissim orci magna, nec condimentum dui commodo id. Aenean fermentum
        pellentesque facilisis. Nulla facilisi.
      </p>
      <p>
        interdum. Fusce convallis ut elit nec scelerisque.
        <a data-type="aff">Maecenas</a>
        scelerisque tempor convallis. Fusce vehicula orci est, nec luctus risus
        vehicula non. Proin purus ipsum, ullamcorper et fermentum ac, placerat
        sed tortor.
        <a data-type="aff">Phasellus</a> at ex nisi. Suspendisse quis dignissim
        elit, nec vestibulum mauris. Donec tristique tempus dolor id suscipit.
        Ut venenatis erat massa, feugiat lacinia purus pharetra id. Nam feugiat
        ornare pharetra. Nullam lacinia leo ut ligula ullamcorper molestie.
        Proin egestas mattis lectus vitae mollis. Vestibulum nec porttitor ex.
      </p>
      <hr />
      <div>
        <button><a>Vitae</a></button>
        <button><a>Fusce</a></button>
        <button><a>Justo</a></button>
        <button><a>Ispum</a></button>
        <button><a>Donec</a></button>
      </div>
    </main>
    <div id="cursor" style="top: 245px; left: 136px">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </body>
  <script type="text/javascript" src="./assets/file.js"></script>
</html>