colgatecollar.github.io/index.html at main · ColgateCollar/colgatecollar.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
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
<!DOCTYPE html>
<html>
<head>
  <title>the WEB</title>
    <link rel="icon" type="image/x-icon" href="img\IMG_0405.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  a:link {
    color: rgb(10, 0, 199);
    background-color: transparent;
    text-decoration: none;
  }
a:visited {
  color: rgb(0, 3, 196);
  background-color: transparent;
  text-decoration: none;
}
video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@font-face {
  font-family: Phantom;
  src: url(other/Phantom.ttf);
}
@font-face {
  font-family: CreepyGirl;
  src: url(other/CreepyGirl.ttf);
}
button {text-align: center;}
h6 {
  font-family: Phantom;
}
h1 {
  font-family: Phantom;
}
p {
  font-family: Phantom;
}
h5 {
  font-family: CreepyGirl
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
h6 {text-align: center;}
h1 {text-align: center;}
p {text-align: center;}
body {
  background-image: url('img/backgroundi.png');
}
</style>
</head>
<body>
<h1 style="color:white">HI!!1!</h2>
<picture class="pulse">
    <source media="(min-width: 289px)" srcset="img\45.png">
    <source media="(min-width: 386px)" srcset="img\45.png">
    <img src="img/45.png" alt="Responsive image" width="800" height="500">
</picture>
<p style="color:white">I don't really know what I'm doing but im doing stuff and putting them ehre lolololol</p>
<h6 style="color:white">and maybe learning a little bit more html and css</h6>
<p style="color:white"><a href="https://www.youtube.com/watch?v=SPFn_lY_sqw">Die</a> composition</p>
<div>
    <audio controls style="margin: 0 auto; display: block;">
          <source src="sfx\die orchestra.wav">
    </audio>
</div>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white"><a href="https://www.youtube.com/watch?v=hWYEAica0hg">Young Anna is CRAZY</a> fnf song (unfinished)</p>
<p style="background-image: url('img/___sp_texture_palette_i41.png');"></p>
<h6 style="color:white">Vocals arent that good</h6>
<div>
    <audio controls style="margin: 0 auto; display: block;">
          <source src="sfx/young annaa is crazy fnf so far.wav">
    </audio>
</div>
<div>
    <audio controls style="margin: 0 auto; display: block;">
          <source src="sfx/young annaa is crazy fnf so far instrumental.wav">
    </audio>
</div>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white">My dad wanted me to make this and I did idk</p>
<img src="img/wave jersey.png" alt=""></img>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white">Asia</p>

</p><p><a href="other/lomando.html">
<img src="img/asia.png" alt="asia" width="500" height="500">
</a></p>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white">Fat Jesus Jenga</p>
<video width=400 controls>
  <source src="img/Untitled video - Made with Clipchamp (3).mp4">
</video>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white">Yoylefake Remix with two friends</p>

<p style="color:white"><a href="https://www.youtube.com/watch?v=9OJXH8CT0wA">Yoylefake remix and cover</a></p>
<h6 style="color:white">More was expected to be put into this, but the person who replaces blocky's vocals does not want to be featured anymore.</h6>
<h6 style="color:white">Also other iframes and stuff wouldn't work</h6>
<p style="color:white">━━━━━━━━━━━━━━━━━━━━</p>
<p style="color:white">Tyler</p>
<p style="color:white">MIGHT</a></p>
<p style="color:white">come back</p>
<p style="color:white" id="demo">I know where you are.</p>

<button onclick="getLocation()">Want me to prove it?</button>

<p id="demo"></p>

<script>
const x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(success, error);
  } else {
    x.innerHTML = "You're lucky geolocation isn't supported by this browser.";
  }
}

function success(position) {
  x.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

function error() {
  alert("I guess I don't.");
}
</script>


</body>
</html>


</body>
</html>