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>
<title>Greatest Game Developers</title>
<link href="https://fonts.googleapis.com/css?family=Titillium+Web|Concert+One|Inconsolata" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script><!-- Thanks Andrew G for introducing this library -->
</head>
<body class="justANewTheme" onclick="">
<div class="contentsArea">
<div id="filterArea"><table>
<tr><td>Choose Coder : </td><td><select id="coders"><option value="pleaseChoose">Please choose</option>
<option value="アレックス">アレックス</option>
<option value="Даниил Орлов">Даниил Орлов</option>
<option value="Алексей Р.">Алексей Р.</option>
<option>Abhishek Singh</option>
<option value="Adnan Zawad Toky">Adnan Zawad Toky</option>
<option>Alexandr</option>
<option value="Alex Tusinean">Alex Tusinean</option>
<option value="Amethyst Animion">Amethyst Animion</option>
<option>Anurag</option>
<option value="Aprendrox">Aprendrox</option>
<option value="Arb Rahim Badsa">Arb Rahim Badsa</option>
<option value="Arslan P">Arslan P</option>
<option value="Ashutosh Agrawal">Ashutosh Agrawal</option>
<option>ASSASSIN ČØDƏR</option>
<option value="Ayush Sinha">Ayush Sinha</option>
<option value="Bad_Bit">Bad_Bit</option>
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 {
background-color:black;
color:yellow;
font-family:'Titillium Web';
font-family: 'Concert One', cursive;
font-family: 'Inconsolata', cursive;
}
h3 {
font-family: inherit;
}
a {
text-decoration:none;
color:inherit ;
}
.series {
font-family:inherit;
position:relative ;
text-decoration:none;
line-height:30px;
}
.list {
position:absolute ;
margin-top:12vh;
overflow-y: scroll;
Enter to Rename, Shift+Enter to Preview
js
js
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
/*
1. Thank you for peeking into the javascript codes. Your desire to learn more will make you a successful programmer. Steve Job's favourite quote: "Stay hungry, stay foolish".
2. Please do not worry about applying the technology below no matter effecting or not effecting. Sololearn is a place to learn so please feel free to learn from below. If you know better way, please teach me. I want to learn from you too ^^
3. I'm adding comments so you can find it easier to know which codes are doing what, credit to ... for being kind to other sololearners and start commenting in js codes.
*/
// This is an array of objects, it contain the main information of the fact series. These information forms the stem of our fact list.
var pref = "https://code.sololearn.com/";
var suff = "/?ref=app";
var data = [
{
fact_num :"064",
code_num :"https://code.sololearn.com/WjqUO6L5rEHx/?ref=app",
desc: "Vision",
topic:"Arcade",
coder:"Martin",
},
{ fact_num: "025",
code_num: "https://code.sololearn.com/W1XJn0X6XTHU/?ref=app",
desc: "3D Car Game",
topic : "Reaction",
coder : "Joakim Nyland"},
{ fact_num: "065",
code_num: "https://code.sololearn.com/WT6xnry1xFCw/?ref=app",
desc: "Run Burey!",
topic : "reaction",
coder : "r8w9",
language : "JavaScript"},
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run