CodingSheets/js-cheatsheet.html at main · MicroRay620/CodingSheets · 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
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="css/js-cheatsheet.css">
		<link type="text/css" rel="stylesheet" href="css/global.css">
		<link text="text/css" rel="stylesheet" href="code-options.css">
	</head>

	<body>
		<h1>
			JavaScript Cheatsheet
		</h1>

        <div class="sidenav">
            <br> <!--Makes the logo look a bit nicer on webpage, moves it down one line-->
			<!--Start Logo-->
			<!--!!!DO NOT REMOVE LOGO!!!-->
			<h1>
				<a href="homepage.html"><span id="c">Coding</span><span id="s">Sheets</span></a><!--Span CSS code is found in 'global.css'-->
			</h1>
			<!--End Logo-->

			<!--Start Cheatsheet Dropdown-->
			<div class="dropdown">
				<!--The Button's color is done in the css file linked to this one, in this file it is called 'template.css'-->
				<button class="dropbtn">Cheatsheets</button> <!--Cheatsheet dropdown button-->

					<!--Start Dropdown content-->
					<div class="dropdown-content"> <!--Breaks if called anything other than 'dropdown-content'-->
						<a href="html-cheatsheet.html">HTML</a>
						<a href="css-cheatsheet.html">CSS</a>
						<a href="md-cheatsheet.html">Markdown</a>
						<a href="python-cheatsheet.html">Python</a>
					</div>
					<!--End Dropdown Conent-->
			</div>
			<!--End Cheatsheet Dropdown-->

            <!--Start Heading List-->
            <ul> <!--The List is invisible on the page-->
                <li>
                    <a href="#<!--heading-->"></a>
                </li>
            </ul>
            <!--End Heading List-->
        </div>
        <!--End Sidebar-->

		<div class="main"> <!--none sidebar-->
			<img src="images/wip-page.png" alt="Wrench and Gear of Unfinished Page">
			<p>
				Me unfinished, try me later
				<br>
				<br>
				Sorry for that, this page isn't finished yet.
				<br><span class="bold">Reason:</span> Creator, Ruby Rose, does not know JavaScript.
			</p>
		</div>
	</body>
</html>