jinxcade/css_test.html at main · VeltronNET/jinxcade · 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
<!DOCTYPE html>
<!DOCTYPE THERE ARE COMMENTS LEFT BY OWNER, JINXCADE>
<html>
	<head>
    <!DOCTYPE TITLE AND META PROPS AND STUFF>
		<title>JinxCade's Site | CSS Test</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!DOCTYPE FAVICON AND WIDTH FIX>
		<link rel="icon" type="image/png" href="favicon.png">
		<meta http-equiv="Content-Type" content="text/html" />
        <!DOCTYPE CSS AND JS LOAD>
		<link href="css.css" rel="stylesheet" type="text/css" media="all">
		<script src="js.js"></script>
	</head>
	<body>
    <!DOCTYPE NAVIGATION BAR>
		<div class="topnav">
  			<a class="heading_font" href="index.html">Home</a>
  			<a class="heading_font" href="about.html">About</a>
            <a class="heading_font active" href="#">Test Object</a>
            </div>
            <br><br>
            <!DOCTYPE MAIN DIV>
        <div style="padding:0px;margin-top:5%"></div>
        	<h1 class="heading_font sticky rough text_center color_accent1">Test Zone, every element in css.css</h1>
            <p class="border rough text_center color_accent1 smaller_size">Test certain objects here!<br><br><button>Button</button><br><input></input><br><a href="#">Link</a><p>

            <div class="border smooth text_center color_accent1 smaller_size"><img width="60%" src="https://jinxcade.github.io/jinxcade-media/audio/celeste/farewell.jpeg"><br><audio controls loop><source src="https://jinxcade.github.io/jinxcade-media/audio/celeste/farewell/farewell.mp3" type="audio/mp3">Ack! Your browser doesn't support audio playback!</audio>
</div>


            <div class="border smooth text_center color_accent1 smaller_size"><video controls loop><source src="https://jinxcade.github.io/jinxcade-media-videos/videos/t.mp4" type="video/mp4">Ack! Your browser doesn't support video playback!</video>
</div>


             <p class="border rough text_center color_accent1 smaller_size">Audiowide<br>Hi! | さよなら！<p>
            <p class="cursive_font border rough text_center color_accent1 smaller_size">Sofia<br>Hi! | さよなら！<p>
            <p class="cool_font border rough text_center color_accent1 smaller_size">Teko<br>Hi! | さよなら！<p>
            <p class="pixel_font border rough text_center color_accent1 smaller_size">DotGothic16<br>Hi! | さよなら！<p>
            <p class="soft_font border rough text_center color_accent1 smaller_size">Yusei Magic<br>Hi! | さよなら！<p>
            <p class="d_font border rough text_center color_accent1 smaller_size">3D<br>Hi! | さよなら！<p>
            <p class="fn_font border rough text_center color_accent1 smaller_size">Burbank<br>Hi! | さよなら！<p>
            <p class="heading_font border rough text_center color_accent1 smaller_size">Heading Now<br>Hi! | さよなら！<p>
            <p class="densit_font border rough text_center color_accent1 smaller_size">Densit<br>Hi! | さよなら！<p>
            <p class="ds_font border rough text_center color_accent1 smaller_size">DS Lite<br>Hi! | さよなら！<p>

             <p class="border rough text_center color_accent1 smaller_size">Sofia<br><input class="cursive_font"></input><br><br>Teko<br><input class="cool_font"></input><br><br>DotGothic16<br><input class="pixel_font"></input><br><br>Yusei Magic<br><input class="soft_font"></input><br><br>3D Font<br><input class="d_font"></input><br><br>Burbank<br><input class="fn_font"></input><br><br>Heading Now<br><input class="heading_font"></input><br><br>Densit<br><input class="densit_font"></input><br><br>DS Lite<br><input class="ds_font"></input><br><p>


            <!DOCTYPE FIXED TEXT>
            <div class="fixed">
            <p class="soft_font rect_loose color_accent1">Made by JinxCade! 2023-2025</p>
            <p class="cool_font rect_loose color_venith1">Powered by venith!</p>
            </div>
        </div>
	</body>
</html>