-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (85 loc) · 3.51 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>My GitHub Pages Website</title>
<link href="spinny.css" type="text/css" rel="stylesheet"/>
<style>
body{
color: aliceblue; /*tested inheritence*/
background: #000;
font-family: op
}
p{
color:rgb(222, 222, 91);
margin: .5px;
}
@font-face {font-family: Op; src: url(one-piece-manga/Op.ttf);}
.letter{
color: red;
padding: 6px;
}
#header{
color: salmon;
}
.gamer{
border-style: ridge;
border-color: rgb(0, 213, 255);
border-radius: 5.5px;
color: magenta;
}
/* set the background color to dark gray and text color to white */
.dark-mode {
background-color: #333;
color: #fff;
}
</style>
<script>
function toggleDarkMode() {
// add the `dark-mode` class to your `<body>` tag
document.body.classList.toggle('dark-mode');
}
</script>
<link rel="stylesheet" href="css/chnge.css">
</head>
<body>
<h1 class="letter">Like and Subscribe</h1>
<p class="letter">yo If you didn't I would cry</p>
<p>general class selector test</p>
<a class="gamer" href="pg2.html"><img src="Jesus.jpeg" alt="jesus trippin up satan." width="360" height="210"> <- linked</a>
<div id="header">how was the game?</div>
<a class="gamer">"Nah I'd Win"</a>
<div class="card"><button onclick="toggleDarkMode()">Toggle Dark Mode</button></div>
<div>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="transparent" />
</svg>
</div>
<div>
<svg id="logo" width="50%" height="50%" viewBox="0 0 313.3 321.4" fill= "none" xmlns="https://www.w3.org/2000/svg">
<path
d="M157.1,0c3.8,0,7.9,1.5,11.4,3.2c45.6,21.1,91.2,42.4,136.7,63.8c3.3,1.5,8,2.1,8.1,7c0.1,5-4.7,5.6-7.9,7.1
c-45.8,21.5-91.7,42.9-137.6,64.3c-7.4,3.4-14.8,3.5-22.2,0C99,123.6,52.3,101.9,5.8,80c-2.4-1.1-5.4-4-5.4-6c0-2,3.1-4.8,5.5-5.9
C52.4,46.2,99.1,24.4,145.8,2.8C149.1,1.2,154.5,0,157.1,0z"
></path>
<path
d="M156.6,235c-3.1,0-7.7-1.7-11.3-3.3c-46.5-21.6-93-43.3-139.4-65.1c-2.4-1.1-5.8-4.1-5.6-5.8c0.3-2.4,3.2-5,5.7-6.3
c7.5-4,15.3-7.3,23-10.9c7.9-3.7,15.7-3.6,23.6,0.1c30.4,14.3,61,28.4,91.4,42.7c8.6,4.1,16.8,4,25.4-0.1
c30.4-14.3,60.9-28.4,91.4-42.7c7.7-3.6,15.4-3.7,23.1-0.1c8.2,3.8,16.4,7.4,24.4,11.5c2.1,1.1,4.9,3.7,4.7,5.4
c-0.2,2.1-2.7,4.8-4.9,5.9c-46.8,22.1-93.7,44-140.7,65.8C164.2,233.5,159.9,235,156.6,235z"
></path>
<path
d="M156.8,321.4c-4.6,0-9.3-2.3-13.4-4.2c-45.2-20.9-90.3-42-135.4-63.1c-3.3-1.5-8-2.1-8-7.1c0-5,3.8-5.5,7-7.1
c13.9-6.5,14.9-6.5,21.8-9.8c8-3.8,16-3.7,24.1,0.1c29.9,14,59.8,27.7,89.6,41.9c9.6,4.6,18.5,4.7,28.2,0.1 c29.8-14.2,59.8-27.9,89.6-41.9c8.2-3.9,16.3-4,24.5,0c7.8,3.8,15.8,7.2,23.5,11.1c2.1,1.1,4.8,3.3,4.8,5.4
c-0.1,2.4-2.7,4.8-4.9,5.9c-32.2,15.3-64.5,30.3-96.8,45.4c-13.9,6.5-27.7,13.1-41.7,19.3C165.7,319.2,161.5,321.4,156.8,321.4z"
></path>
</svg>
</div>
<div>
<svg id="highlight" width="50%" hieght="50%" viewbox="0 0 500 500" fill="none" xmlns="https:www.w3.org/2000/svg">
<path
d="M150 5 L75 200 L225 200 Z"
></path>
</svg>
</div>
</body>
</html>