Skip to content

Commit a0dc973

Browse files
bubu07codesbubu07codes
authored
Update index.html
1 parent a7cf69c commit a0dc973

File tree

1 file changed

+73
-89
lines changed

1 file changed

+73
-89
lines changed

‎index.html‎

Lines changed: 73 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -3,101 +3,85 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>BCode - Home</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-
footer {
66-
background-color: #3e2c52;
67-
padding: 10px;
68-
text-align: center;
69-
color: #e0e0e0;
70-
border-top: 4px solid #7e57c2;
71-
}
72-
</style>
6+
<title>BubuCode Documentation</title>
7+
<link rel="stylesheet" href="styles.css">
738
</head>
749
<body>
75-
<header>
76-
<h1>BCode (BubuCode)</h1>
10+
<header>
11+
<h1>BubuCode <span>Documentation</span></h1>
12+
</header>
13+
7714
<nav>
78-
<a href="index.html">Home</a>
79-
<a href="documentation.html">Documentation</a>
80-
<a href="#">GitHub</a>
15+
<ul>
16+
<li><a href="#intro">Introduction</a></li>
17+
<li><a href="#syntax">Syntax</a></li>
18+
<li><a href="#variables">Variables</a></li>
19+
<li><a href="#functions">Functions</a></li>
20+
<li><a href="#conditionals">Conditionals</a></li>
21+
<li><a href="#loops">Loops</a></li>
22+
</ul>
8123
</nav>
82-
</header>
8324

84-
<div class="container">
85-
<div class="section">
86-
<h2>Welcome to BCode</h2>
87-
<p>BCode is an easy-to-learn, simple, and powerful programming language designed for both beginners and experienced programmers looking for a fun and intuitive language.</p>
88-
</div>
25+
<main>
26+
<section id="intro">
27+
<h2>Introduction</h2>
28+
<p>BubuCode is an easy-to-learn programming language designed for simple and memorable syntax.</p>
29+
</section>
8930

90-
<div class="section">
91-
<h2>Features</h2>
92-
<ul>
93-
<li>Beginner-Friendly Syntax</li>
94-
<li>Fast Learning</li>
95-
</ul>
96-
</div>
97-
</div>
31+
<section id="syntax">
32+
<h2>Basic Syntax</h2>
33+
<p>Here is a sample syntax for BubuCode:</p>
34+
<div class="code-block">
35+
<code>** this is a comment<br>
36+
var number: 10<br>
37+
log("Hello, BubuCode!")</code>
38+
</div>
39+
</section>
40+
41+
<section id="variables">
42+
<h2>Variables</h2>
43+
<p>In BubuCode, you can declare variables using <code>var</code> keyword:</p>
44+
<div class="code-block">
45+
<code>var name: "Bubu"<br>
46+
var age: 20</code>
47+
</div>
48+
</section>
49+
50+
<section id="functions">
51+
<h2>Functions</h2>
52+
<p>You can define functions using the <code>function</code> keyword:</p>
53+
<div class="code-block">
54+
<code>function greet(name)<br>
55+
&nbsp;&nbsp;log("Hello, " + name)<br>
56+
end</code>
57+
</div>
58+
</section>
59+
60+
<section id="conditionals">
61+
<h2>Conditionals</h2>
62+
<p>Conditionals in BubuCode use <code>if</code> and <code>else</code>:</p>
63+
<div class="code-block">
64+
<code>if age >= 18 then<br>
65+
&nbsp;&nbsp;log("You are an adult.")<br>
66+
else<br>
67+
&nbsp;&nbsp;log("You are a minor.")<br>
68+
end</code>
69+
</div>
70+
</section>
71+
72+
<section id="loops">
73+
<h2>Loops</h2>
74+
<p>BubuCode supports <code>forloop</code> and <code>whileloop</code>:</p>
75+
<div class="code-block">
76+
<code>forloop i = 0, 5 do<br>
77+
&nbsp;&nbsp;log(i)<br>
78+
end</code>
79+
</div>
80+
</section>
81+
</main>
9882

99-
<footer>
100-
<p>© 2024 BubuTheDev - MIT Licensed</p>
101-
</footer>
83+
<footer>
84+
<p>© 2024 BubuTheDev. All rights reserved.</p>
85+
</footer>
10286
</body>
10387
</html>

0 commit comments

Comments
 (0)