html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!---Special thanks to Bunny, Ausgrind and Lisa for helping me adjust this and proof read!--->
<!---Update: Way more tips and resources because of Tibor Santa!!--->
<!---Update #2: Resources in spanish thanks to Ugulberto Sanchez!--->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<ul id="toc"></ul>
<main class="container"></main>
</body>
</html>
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
/* ===== Colors ===== */
body {
--sl-org: #fc9803;
--sl-blue: #3084d9;
--sl-pink: #b3125d;
--sl-purple: #5d397d;
--background: #1d1b1e;
--on-background: #e7e1e5;
--on-sl-org: #fc9803;
--on-sl-blue: #3084d9;
--on-sl-pink: #b3125d;
--on-sl-purple: #5d397d;
}
body {
background-color: var(--background) !important;
color: var(--on-background) !important;
}
strong {
font-weight: bolder;
color: white;
}
#main-title {
text-align: center;
font-weight: bold;
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
const PAGES = [
{
"name": "Sololearn Discuss",
"direct_link": "https://www.sololearn.com/discuss",
"desc": "Sololearn is the service you are using now! The <a href='https://www.sololearn.com/discuss'>Sololearn Discuss</a> section in particular (aka the Q&A) has a treasure trove of question and answers.",
"image_links": {
"mobile": {
"bar_open": "https://i.imgur.com/q6pPUKw.jpg",
"results": "https://i.imgur.com/qnmsCIL.jpg"
},
"web": {
"bar_open": "https://i.imgur.com/AGaocJI.png"
}
}
},
{
"name": "W3 Schools",
"direct_link": "https://www.w3schools.com/",
"useful_sublinks": ["https://www.w3schools.com/tags/"],
"desc": "<a href='https://www.w3schools.com/'>W3 Schools</a> is extremely popular and is great for not just describing what you have searched for, but ways to use it by selecting their 'Try It Yourself' button.",
"image_links": {
"mobile": {
"bar_open": "https://imgur.com/V4Zy3Ad.jpg",
"bar_closed": "https://i.imgur.com/t81GZa3.jpg"
},
"web": {
"homepage": "https://i.imgur.com/BasP2yq.png",
"bar_open": "https://i.imgur.com/9wvO601.png",
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run