|
26 | 26 | <link rel="icon" href="./logo.png" type="image/x-icon"> |
27 | 27 |
|
28 | 28 | <title>aiCoder - AI-Powered Coding Assistant</title> |
29 | | - <style> |
30 | | - body { |
31 | | - font-family: 'Arial', sans-serif; |
32 | | - background-color: #121212; |
33 | | - color: #f1f1f1; |
34 | | - margin: 0; |
35 | | - padding: 0; |
36 | | - scroll-behavior: smooth; |
37 | | - transition-duration: 1s; |
38 | | - } |
39 | | - |
40 | | - .background { |
41 | | - z-index: -1; |
42 | | - position: fixed; |
43 | | - top: 0; |
44 | | - left: 0; |
45 | | - bottom: 0; |
46 | | - right: 0; |
47 | | - background: rgb(2, 0, 36); |
48 | | - background: linear-gradient(165deg, rgb(71, 3, 54) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 70%, rgba(0, 212, 255, 0.8297443977591037)); |
49 | | - } |
50 | | - |
51 | | - header { |
52 | | - background: #1f1f1f; |
53 | | - padding: 20px; |
54 | | - text-align: center; |
55 | | - position: sticky; |
56 | | - top: 0; |
57 | | - z-index: 1000; |
58 | | - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
59 | | - } |
60 | | - |
61 | | - header h1 { |
62 | | - margin: 0; |
63 | | - font-size: 2.5em; |
64 | | - color: #00d1b2; |
65 | | - } |
66 | | - |
67 | | - header nav a { |
68 | | - color: #f1f1f1; |
69 | | - text-decoration: none; |
70 | | - margin: 0 15px; |
71 | | - font-size: 1.1em; |
72 | | - transition: color 0.3s; |
73 | | - } |
74 | | - |
75 | | - header nav a:hover { |
76 | | - color: #00d1b2; |
77 | | - } |
78 | | - |
79 | | - .button-group { |
80 | | - display: flex; |
81 | | - justify-content: center; |
82 | | - } |
83 | | - |
84 | | - |
85 | | - section { |
86 | | - display: flex; |
87 | | - flex-wrap: wrap; |
88 | | - align-items: center; |
89 | | - padding: 40px 20px; |
90 | | - /* rounded corners */ |
91 | | - border-radius: 8px; |
92 | | - } |
93 | | - |
94 | | - section:nth-child(even) { |
95 | | - background: #1f1f1f77; |
96 | | - } |
97 | | - |
98 | | - section:nth-child(odd) { |
99 | | - /*background: #121212;*/ |
100 | | - } |
101 | | - |
102 | | - section h2 { |
103 | | - font-size: 2em; |
104 | | - margin-bottom: 15px; |
105 | | - color: #00d1b2; |
106 | | - } |
107 | | - |
108 | | - section p, |
109 | | - section ul li { |
110 | | - color: white; |
111 | | - line-height: 1.8; |
112 | | - margin-bottom: 10px; |
113 | | - } |
114 | | - |
115 | | - .container { |
116 | | - width: 90%; |
117 | | - max-width: 1200px; |
118 | | - margin: auto; |
119 | | - } |
120 | | - |
121 | | - .content { |
122 | | - flex: 1; |
123 | | - padding: 20px; |
124 | | - min-width: 300px; |
125 | | - } |
126 | | - |
127 | | - .image-container { |
128 | | - flex: 1; |
129 | | - text-align: center; |
130 | | - margin: 20px; |
131 | | - box-sizing: border-box; |
132 | | - filter: drop-shadow(16px 16px rgba(0, 0, 0, 0.509)); |
133 | | - } |
134 | | - |
135 | | - .image-container img { |
136 | | - max-width: 100%; |
137 | | - border-radius: 8px; |
138 | | - } |
139 | | - |
140 | | - .cta { |
141 | | - text-align: center; |
142 | | - color: #121212; |
143 | | - padding: 50px 20px; |
144 | | - border-radius: 8px; |
145 | | - } |
146 | | - |
147 | | - .cta a { |
148 | | - background: #181818da; |
149 | | - color: #00d1b2; |
150 | | - padding: 12px 24px; |
151 | | - text-decoration: none; |
152 | | - border-radius: 5px; |
153 | | - font-weight: bold; |
154 | | - transition: background 0.3s, color 0.3s; |
155 | | - /* prevent text wrapping */ |
156 | | - white-space: nowrap; |
157 | | - margin: 5px |
158 | | - } |
159 | | - |
160 | | - .cta a:hover { |
161 | | - background: #00d1b2; |
162 | | - color: #121212; |
163 | | - } |
164 | | - |
165 | | - |
166 | | - #mergeButton { |
167 | | - background: #064448; |
168 | | - color: #00d1b2; |
169 | | - padding: 12px 24px; |
170 | | - text-decoration: none; |
171 | | - border-radius: 5px; |
172 | | - font-weight: bold; |
173 | | - transition: background 0.3s, color 0.3s; |
174 | | - /* prevent text wrapping */ |
175 | | - white-space: nowrap; |
176 | | - margin: 5px; |
177 | | - width: 100%; |
178 | | - height: 50px; |
179 | | - text-align: center; |
180 | | - |
181 | | - margin-left: 20%; |
182 | | - margin-right: 20%; |
183 | | - |
184 | | - } |
185 | | - |
186 | | - #mergeButton:hover { |
187 | | - background: #00d1b2; |
188 | | - color: #121212; |
189 | | - } |
190 | | - |
191 | | - footer { |
192 | | - text-align: center; |
193 | | - padding: 20px; |
194 | | - background: #1f1f1f; |
195 | | - color: #777; |
196 | | - } |
197 | | - |
198 | | - footer a { |
199 | | - color: #00d1b2; |
200 | | - text-decoration: none; |
201 | | - } |
202 | | - |
203 | | - textarea { |
204 | | - background-color: rgb(0, 0, 0); |
205 | | - border-radius: 5px; |
206 | | - border-color: #00d1b2; |
207 | | - border-width: 3px; |
208 | | - |
209 | | - justify-content: center; |
210 | | - padding: 10px; |
211 | | - height: 70px; |
212 | | - padding-right: 40px; |
213 | | - width: 250px; |
214 | | - overflow: hidden; |
215 | | - box-sizing: border-box; |
216 | | - color: #00d1b2; |
217 | | - |
218 | | - } |
219 | | - |
220 | | - button { |
221 | | - background-color: rgb(0, 0, 0); |
222 | | - border-radius: 5px; |
223 | | - border-color: #00d1b2; |
224 | | - border-width: 3px; |
225 | | - margin: 0px -30px; |
226 | | - |
227 | | - |
228 | | - box-sizing: border-box; |
229 | | - } |
230 | | - |
231 | | - code { |
232 | | - background-color: black; |
233 | | - color: yellow; |
234 | | - padding: 5px; |
235 | | - border-radius: 5px; |
236 | | - /* preformatted text */ |
237 | | - white-space: pre; |
238 | | - } |
239 | | - |
240 | | - |
241 | | - .github-corner { |
242 | | - z-index: 100000; |
243 | | - position: fixed; |
244 | | - right: 0px; |
245 | | - top: 0px; |
246 | | - } |
247 | | - |
248 | | - .github-corner:hover .octo-arm { |
249 | | - animation: octocat-wave 560ms ease-in-out |
250 | | - } |
251 | | - |
252 | | - @keyframes octocat-wave { |
253 | | - |
254 | | - 0%, |
255 | | - 100% { |
256 | | - transform: rotate(0) |
257 | | - } |
258 | | - |
259 | | - 20%, |
260 | | - 60% { |
261 | | - transform: rotate(-25deg) |
262 | | - } |
263 | | - |
264 | | - 40%, |
265 | | - 80% { |
266 | | - transform: rotate(10deg) |
267 | | - } |
268 | | - } |
269 | | - |
270 | | - @media (max-width:500px) { |
271 | | - .github-corner:hover .octo-arm { |
272 | | - animation: none |
273 | | - } |
274 | | - |
275 | | - .github-corner .octo-arm { |
276 | | - animation: octocat-wave 560ms ease-in-out |
277 | | - } |
278 | | - } |
279 | | - |
280 | | - |
281 | | - .codeTextArea { |
282 | | - background-color: black; |
283 | | - color: yellow; |
284 | | - padding: 5px; |
285 | | - border-radius: 5px; |
286 | | - /* preformatted text */ |
287 | | - white-space: pre; |
288 | | - width: 100%; |
289 | | - height: 350px; |
290 | | - } |
291 | | - </style> |
| 29 | + <link rel="stylesheet" href="./style.css"> |
292 | 30 | </head> |
293 | 31 |
|
294 | 32 | <body> |
@@ -325,6 +63,7 @@ <h2>Ready to Revolutionize Your Coding?</h2> |
325 | 63 | <div class="button-group"> |
326 | 64 | <a href="https://github.com/mmiscool/aiCoder" target="_blank">View on GitHub</a> |
327 | 65 | <a href="#installation">Install Now</a> |
| 66 | + <a href="https://discord.gg/KuZZs2er49" target="_blank">Chat on Discord</a> |
328 | 67 | </div> |
329 | 68 | </div> |
330 | 69 |
|
@@ -576,7 +315,7 @@ <h2>FAQs</h2> |
576 | 315 | and is still experimental.</li> |
577 | 316 | </li> |
578 | 317 | <li><strong>Can I help?</strong> |
579 | | - Sure. If folks are interested we can set up a discord server. If you are knowledgeable about how |
| 318 | + Sure. If folks are interested lets chat on <a href="https://discord.gg/KuZZs2er49" target="_blank">discord.</a> If you are knowledgeable about how |
580 | 319 | LSPs and ASTs work it would be really great to chat. |
581 | 320 | </li> |
582 | 321 |
|
|
0 commit comments