Skip to content

Commit a7cf69c

Browse files
bubu07codesbubu07codes
authored
Update documentation.html
1 parent a9cca6d commit a7cf69c

File tree

1 file changed

+126
-49
lines changed

1 file changed

+126
-49
lines changed

‎documentation.html‎

Lines changed: 126 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,134 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>BCode Documentation</title>
7-
<link rel="stylesheet" href="style.css">
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>BCode Documentation</title>
7+
<style>
8+
body {
9+
background-color: #1e1b29;
10+
color: #e0e0e0;
11+
font-family: Arial, sans-serif;
12+
margin: 0;
13+
padding: 0;
14+
}
15+
16+
header {
17+
background-color: #3e2c52;
18+
padding: 20px;
19+
text-align: center;
20+
border-bottom: 4px solid #7e57c2;
21+
}
22+
23+
header h1 {
24+
color: #e0e0e0;
25+
font-size: 2.5em;
26+
}
27+
28+
nav {
29+
margin: 20px 0;
30+
display: flex;
31+
justify-content: center;
32+
}
33+
34+
nav a {
35+
color: #b39ddb;
36+
text-decoration: none;
37+
margin: 0 15px;
38+
font-weight: bold;
39+
}
40+
41+
nav a:hover {
42+
color: #7e57c2;
43+
}
44+
45+
.container {
46+
width: 85%;
47+
max-width: 1200px;
48+
margin: 0 auto;
49+
padding: 20px;
50+
}
51+
52+
.section {
53+
margin-bottom: 40px;
54+
background-color: #2c2541;
55+
padding: 20px;
56+
border-radius: 8px;
57+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
58+
}
59+
60+
.section h2 {
61+
color: #b39ddb;
62+
margin-bottom: 10px;
63+
}
64+
65+
.code-example {
66+
background-color: #2a2135;
67+
color: #f5f5f5;
68+
font-family: "Courier New", Courier, monospace;
69+
padding: 15px;
70+
border-radius: 5px;
71+
border: 1px solid #7e57c2;
72+
margin: 10px 0;
73+
}
74+
75+
footer {
76+
background-color: #3e2c52;
77+
padding: 10px;
78+
text-align: center;
79+
color: #e0e0e0;
80+
border-top: 4px solid #7e57c2;
81+
}
82+
</style>
883
</head>
984
<body>
10-
<div class="container">
11-
<header>
12-
<h1>📚 BCode Documentation 📚</h1>
13-
<nav>
14-
<ul>
15-
<li><a href="index.html">Home</a></li>
16-
<li><a href="documentation.html">Documentation</a></li>
17-
<li><a href="#">GitHub</a></li>
18-
</ul>
19-
</nav>
20-
</header>
21-
<main>
22-
<section class="docs">
23-
<h2>Getting Started</h2>
24-
<p>To declare a variable in BCode:</p>
25-
<div class="code-block">
26-
<code>var myNumber: 10</code>
27-
</div>
28-
29-
<h2>Functions</h2>
30-
<p>Defining a function:</p>
31-
<div class="code-block">
32-
<code>
33-
function add(a, b)<br>
34-
&nbsp;&nbsp;return a + b<br>
35-
end
36-
</code>
37-
</div>
38-
39-
<h2>Control Flow</h2>
40-
<p>If-Else example:</p>
41-
<div class="code-block">
42-
<code>
43-
if myNumber > 5 then<br>
44-
&nbsp;&nbsp;log("Number is greater than 5")<br>
45-
else<br>
46-
&nbsp;&nbsp;log("Number is 5 or less")<br>
47-
end
48-
</code>
49-
</div>
50-
</section>
51-
</main>
52-
<footer>
53-
<p>© 2024 BubuTheDev - Licensed under MIT</p>
54-
</footer>
85+
<header>
86+
<h1>BCode Documentation</h1>
87+
<nav>
88+
<a href="index.html">Home</a>
89+
<a href="documentation.html">Documentation</a>
90+
<a href="#">GitHub</a>
91+
</nav>
92+
</header>
93+
94+
<div class="container">
95+
<div class="section">
96+
<h2>Getting Started</h2>
97+
<p>Here's how you can declare a variable in BCode:</p>
98+
<div class="code-example">
99+
<code>var myNumber: 42</code>
100+
</div>
101+
</div>
102+
103+
<div class="section">
104+
<h2>Control Flow</h2>
105+
<p>Using if-else statements in BCode:</p>
106+
<div class="code-example">
107+
<code>
108+
if myNumber > 0 then<br>
109+
&nbsp;&nbsp;log("Positive Number")<br>
110+
else<br>
111+
&nbsp;&nbsp;log("Non-Positive Number")<br>
112+
end
113+
</code>
114+
</div>
115+
</div>
116+
117+
<div class="section">
118+
<h2>Loops</h2>
119+
<p>Here's how you can use a simple for loop:</p>
120+
<div class="code-example">
121+
<code>
122+
for i = 0 to 10 step 1 then<br>
123+
&nbsp;&nbsp;log(i)<br>
124+
end
125+
</code>
126+
</div>
55127
</div>
128+
</div>
129+
130+
<footer>
131+
<p>© 2024 BubuTheDev - MIT Licensed</p>
132+
</footer>
56133
</body>
57134
</html>

0 commit comments

Comments
 (0)