html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Programming Answers</title>
</head>
<body>
<div class="title">
Game Programming FAQ Answers
</div>
<hr>
<br>
<div id="navigator">
<button class="btn-link" onclick="showLang()">Generic Languages and platforms</button>
<button class="btn-link">What Should I Know</button>
<button class="btn-link">Miscellaneous</button>
<br>
<hr>
<h3>Feel Free to add anything in the comment section and I'll add it on here with credit to you!</h3>
</div>
<br>
<div id="languages">
<ul>
<li><a href="#cpp">C++</a></li>
Enter to Rename, Shift+Enter to Preview
css
css
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
body {
height: 100%;
margin: 5%;
padding: 2%;
border-left: 6px dashed rgba(0, 0, 56, 0.2);
letter-spacing: 0.3em;
font-family: "Lucida Console";
font-size: 80%;
}
.title{
text-transform: uppercase;
color: #444;
text-align: center;
}
hr {
border-color: aqua;
}
#navigator {
overflow: hidden;
border: 1px solid #CCC;
background-color: #f1f1f1;
}
#navigator button {
background-color: inherit;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
window.onload = function(){
};
backToTitle = function(){
}
showLang=function(){
var nav = document.getElementById("navigator");
var lang = document.getElementById("languages");
nav.style.display = "none";
lang.style.display = "block";
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run