Skip to content

Commit f51979b

Browse files
Puskar-RoyPuskar-Roy
authored
Merge pull request #13 from Snigdha977/patch-1
Create ducklangweb
2 parents f808b91 + cb4c41a commit f51979b

File tree

1 file changed

+237
-0
lines changed

1 file changed

+237
-0
lines changed

‎ducklangweb‎

Lines changed: 237 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,237 @@
1+
/*index.html*/
2+
Basic web page of ducklang
3+
index.html
4+
<!DOCTYPE html>
5+
<html lang="en">
6+
<head>
7+
<meta charset="UTF-8">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
<title>DuckLang - The Fun Programming Language</title>
10+
<link rel="stylesheet" href="styles.css">
11+
</head>
12+
<body>
13+
14+
<!-- Header Section -->
15+
<header>
16+
<h1>DuckLang ✨</h1>
17+
<img src="https://th.bing.com/th/id/OIP.tBSugepmJgGcWMXErnmgZAHaHa?w=180&h=180&c=7&r=0&o=5&pid=1.7" width="200" height="200">
18+
19+
20+
<p>Welcome to DuckLang, the quirky and fun programming language that makes coding a laugh-out-loud experience!</p>
21+
</header>
22+
23+
<!-- Overview Section -->
24+
<section id="overview">
25+
<h2>What is DuckLang?</h2>
26+
<p>DuckLang is a playful and engaging programming language designed to engage young developers with its humorous syntax. A unique blend of Bengali, Hindi, and English makes coding fun and easy to understand!</p>
27+
<p>Get ready to code like never before, where coding meets comedy!</p>
28+
</section>
29+
30+
<!-- Installation Section -->
31+
<section id="installation">
32+
<h2>How to Install DuckLang</h2>
33+
<p>Follow these steps to get DuckLang up and running on your machine:</p>
34+
<ul>
35+
<li>Ensure Python and Git are installed on your machine.</li>
36+
<li>Change permissions for the setup script:</li>
37+
<pre><code>chmod +x setup.sh</code></pre>
38+
<li>Run the setup script to set up the project:</li>
39+
<pre><code>./setup.sh</code></pre>
40+
<li>Start the project:</li>
41+
<pre><code>python main.py</code></pre>
42+
</ul>
43+
<p>For more details, check the guidebook!</p>
44+
</section>
45+
46+
<!-- Getting Started Section -->
47+
<section id="getting-started">
48+
<h2>Getting Started with DuckLang</h2>
49+
<p>Here’s your chance to write your first DuckLang program! Start by writing some funny code and experience the humor of DuckLang syntax.</p>
50+
<p>Check out our documentation to begin coding with DuckLang and discover how its language and syntax make programming enjoyable!</p>
51+
<a href="main.py">Explore the Docs</a>
52+
</section>
53+
54+
<!-- Contribution Section -->
55+
<section id="contribution">
56+
<h2>Contribute to DuckLang</h2>
57+
<p>We welcome contributions to DuckLang! Please refer to the <a href="readme.md">README.md</a> file for guidelines on how to contribute.</p>
58+
<p>Remember to always push your changes to the `dev` branch!</p>
59+
</section>
60+
61+
<!-- Contact Section -->
62+
<section id="contact">
63+
<h2>Contact</h2>
64+
<p>If you have any questions or feedback, feel free to open an issue or contact the project maintainer.</p>
65+
<p>Show some love by starring the repository!</p>
66+
<p>Maintainer: Puskar Roy 🖋️</p>
67+
</section>
68+
69+
<!-- Footer Section -->
70+
<footer>
71+
<p>&copy; 2025 DuckLang | All rights reserved.</p>
72+
</footer>
73+
74+
</body>
75+
</html>
76+
//style.css of web page of ducklang
77+
/* General Reset */
78+
* {
79+
margin: 0;
80+
padding: 0;
81+
box-sizing: border-box;
82+
}
83+
84+
/* Body and Font Settings */
85+
body {
86+
font-family: Arial, sans-serif;
87+
background-color: #f8f9fa;
88+
color: #333;
89+
line-height: 1.6;
90+
}
91+
92+
/* Header Section */
93+
header {
94+
text-align: center;
95+
padding: 40px;
96+
background-color: #ffcc00;
97+
color: white;
98+
}
99+
100+
header h1 {
101+
font-size: 2.5em;
102+
margin-bottom: 10px;
103+
}
104+
105+
/* Overview Section */
106+
#overview {
107+
padding: 30px;
108+
background-color: #fff;
109+
margin: 20px auto;
110+
max-width: 900px;
111+
border-radius: 8px;
112+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
113+
}
114+
115+
#overview h2 {
116+
font-size: 2em;
117+
color: #ffcc00;
118+
}
119+
120+
#overview p {
121+
font-size: 1.2em;
122+
margin-bottom: 20px;
123+
}
124+
125+
/* Installation Section */
126+
#installation {
127+
padding: 30px;
128+
background-color: #f9f9f9;
129+
margin: 20px auto;
130+
max-width: 900px;
131+
border-radius: 8px;
132+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
133+
}
134+
135+
#installation h2 {
136+
font-size: 2em;
137+
color: #ffcc00;
138+
}
139+
140+
#installation ul {
141+
list-style-type: none;
142+
margin-top: 10px;
143+
}
144+
145+
#installation li {
146+
font-size: 1.1em;
147+
margin: 10px 0;
148+
}
149+
150+
pre code {
151+
font-size: 1.1em;
152+
background-color: #f1f1f1;
153+
padding: 10px;
154+
border-radius: 6px;
155+
display: block;
156+
white-space: pre-wrap;
157+
}
158+
159+
/* Getting Started Section */
160+
#getting-started {
161+
padding: 30px;
162+
background-color: #fff;
163+
margin: 20px auto;
164+
max-width: 900px;
165+
border-radius: 8px;
166+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
167+
}
168+
169+
#getting-started h2 {
170+
font-size: 2em;
171+
color: #ffcc00;
172+
}
173+
174+
#getting-started p {
175+
font-size: 1.2em;
176+
margin-bottom: 20px;
177+
}
178+
179+
#getting-started a {
180+
display: inline-block;
181+
padding: 10px 20px;
182+
background-color: #ffcc00;
183+
color: white;
184+
text-decoration: none;
185+
border-radius: 6px;
186+
font-size: 1.2em;
187+
margin-top: 20px;
188+
}
189+
190+
/* Contribution Section */
191+
#contribution {
192+
padding: 30px;
193+
background-color: #f9f9f9;
194+
margin: 20px auto;
195+
max-width: 900px;
196+
border-radius: 8px;
197+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
198+
}
199+
200+
#contribution h2 {
201+
font-size: 2em;
202+
color: #ffcc00;
203+
}
204+
205+
#contribution p {
206+
font-size: 1.2em;
207+
}
208+
209+
/* Contact Section */
210+
#contact {
211+
padding: 30px;
212+
background-color: #fff;
213+
margin: 20px auto;
214+
max-width: 900px;
215+
border-radius: 8px;
216+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
217+
}
218+
219+
#contact h2 {
220+
font-size: 2em;
221+
color: #ffcc00;
222+
}
223+
224+
#contact p {
225+
font-size: 1.2em;
226+
}
227+
228+
/* Footer */
229+
footer {
230+
text-align: center;
231+
padding: 20px;
232+
background-color: #ffcc00;
233+
color: white;
234+
margin-top: 40px;
235+
}
236+
/*for opening the web page of ducklang*/
237+
file:///C:/Users/D/DuckLang/DuckLang/index.html

0 commit comments

Comments
 (0)