Skip to content

Commit 8af3866

Browse files
OceanOakOceanOak
committed
Small fixes
1 parent 57b3167 commit 8af3866

File tree

4 files changed

+24
-22
lines changed

4 files changed

+24
-22
lines changed

‎src/components/sections/CLI.tsx

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,12 @@ const CLI: React.FC = () => {
88

99
// Script options
1010
const scriptOptions = [
11-
{ id: "typescript", label: "Hello World script" },
12-
{ id: "bash", label: "Simple bash script" },
11+
{ id: "typescript", label: "Simple Script" },
12+
{ id: "bash", label: "Backup script" },
1313
{ id: "deployment", label: "Deployment Script" },
1414
];
1515

16-
// Bash code for TypeScript CommonJS files search (Hello World script)
16+
// Bash code for TypeScript CommonJS files search (Simple Script)
1717
const bashTypeScriptCode = `find_large_typescript_commonjs_files() {
1818
local search_path="$1"
1919
@@ -39,7 +39,7 @@ const CLI: React.FC = () => {
3939
4040
find_large_typescript_commonjs_files "./"`;
4141

42-
// Darklang code for TypeScript CommonJS files search (Hello World script)
42+
// Darklang code for TypeScript CommonJS files search (Simple Script)
4343
const darklangTypeScriptCode = `let findLargeTypescriptCommonJSFiles (path : String) =
4444
Directory.traverse (fun path →
4545
if not (List.oneOf (File.extension path) [".ts", ".mjs", ".cjs"])
@@ -61,7 +61,7 @@ const CLI: React.FC = () => {
6161
6262
findLargeTypescriptCommonJSFiles "./"`;
6363

64-
// Simple bash script example
64+
// Backup bash script example
6565
const bashSimpleCode = `#!/bin/bash
6666
6767
# Simple script to backup a directory
@@ -88,7 +88,7 @@ find /backup -type d -mtime +7 -exec rm -rf {} \\; 2>/dev/null
8888
8989
echo "Backup process completed."`;
9090

91-
// Darklang simple script example
91+
// Darklang backup script example
9292
const darklangSimpleCode = `// Simple script to backup a directory
9393
let backupDirectory = (sourcePath : String, keepDays : Int) : Result<String, String> =
9494
// Create timestamp for backup folder
@@ -378,7 +378,8 @@ deployApplication Staging "mywebapp"
378378

379379
{/* Discover link */}
380380
<a
381-
href="#"
381+
href="/cli"
382+
target="_blank"
382383
className="inline-flex items-center font-medium text-blue-lbg hover:text-purple-lbg transition-colors"
383384
>
384385
Discover Darklang CLI features and how it solves scripting
@@ -426,8 +427,8 @@ deployApplication Staging "mywebapp"
426427
<div className="lg:w-5/6 grid grid-cols-1 lg:grid-cols-2 gap-8">
427428
{/* Left side: Bash */}
428429
<div>
429-
<div className="rounded-lg h-150 overflow-scroll shadow-lg inset-shadow-xs bg-white p-4">
430-
<div className="p-4 flex items-center justify-end space-x-2">
430+
<div className="rounded-lg h-150 overflow-scroll shadow-lg inset-shadow-xs bg-white px-4 pb-4">
431+
<div className="p-4 pt-6 flex items-center justify-end space-x-2 sticky top-0 z-1 bg-white inset-shadow-xs">
431432
<div className="w-3 h-3 rounded-full bg-red-500"></div>
432433
<div className="w-3 h-3 rounded-full bg-yellow-500"></div>
433434
<div className="w-3 h-3 rounded-full bg-green-500"></div>
@@ -444,8 +445,8 @@ deployApplication Staging "mywebapp"
444445

445446
{/* Right side: Darklang */}
446447
<div>
447-
<div className="rounded-lg h-150 overflow-scroll shadow-md bg-dark p-4 text-white">
448-
<div className="p-4 flex items-center space-x-2 justify-end border-gray-700">
448+
<div className="rounded-lg h-150 overflow-scroll shadow-md bg-dark px-4 pb-4 text-white">
449+
<div className="p-4 pt-6 flex items-center space-x-2 justify-end border-gray-700 sticky top-0 z-1 bg-dark">
449450
<div className="w-3 h-3 rounded-full bg-purple-dbg"></div>
450451
<div className="w-3 h-3 rounded-full bg-sand"></div>
451452
<div className="w-3 h-3 rounded-full bg-olive"></div>

‎src/components/sections/DesignedForGenAI.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,11 @@ const DesignedForGenAI: React.FC = () => {
2727
for AI-powered code suggestions
2828
</div>
2929
<ul>
30-
<li className="flex items-center">
30+
<li className="flex items-start">
3131
<span className="mr-2 text-purple-500">-</span>
3232
Get real-time code suggestions while writing Dark applications
3333
</li>
34-
<li className="flex items-center">
34+
<li className="flex items-start">
3535
<span className="mr-2 text-purple-500">-</span>
3636
Accelerate development with context-aware suggestions
3737
</li>
@@ -62,15 +62,15 @@ const DesignedForGenAI: React.FC = () => {
6262
Use <span className="text-purple-lbg">any LLM</span>
6363
</div>
6464
<ul className="mt-4 space-y-2 text-gray-700">
65-
<li className="flex items-center">
65+
<li className="flex items-start">
6666
<span className="mr-2 text-purple-500">-</span>
6767
darklang's fine-tuned models
6868
</li>
69-
<li className="flex items-center">
69+
<li className="flex items-start">
7070
<span className="mr-2 text-purple-500">-</span>
7171
local OSS models
7272
</li>
73-
<li className="flex items-center">
73+
<li className="flex items-start">
7474
<span className="mr-2 text-purple-500">-</span>
7575
commercial models via API
7676
</li>
@@ -87,15 +87,15 @@ const DesignedForGenAI: React.FC = () => {
8787
prompts and OpenAPI docs
8888
</div>
8989
<ul>
90-
<li className="flex items-center">
90+
<li className="flex items-start">
9191
<span className="mr-2 text-purple-500">-</span>
9292
Transform technical API documentation into usable code libraries
9393
</li>
94-
<li className="flex items-center">
94+
<li className="flex items-start">
9595
<span className="mr-2 text-purple-500">-</span>
9696
Turn technical documentation into developer-friendly toolkits
9797
</li>
98-
<li className="flex items-center">
98+
<li className="flex items-start">
9999
<span className="mr-2 text-purple-500">-</span>
100100
Update SDKs automatically when APIs change
101101
</li>

‎src/components/sections/Editing.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,8 +68,9 @@ const Editing: React.FC = () => {
6868

6969
<div className="mt-8">
7070
<a
71-
href="#learn-more"
71+
href="/cloud"
7272
className="md:text-lg text-purple-lbg hover:text-purple-secondary font-medium"
73+
target="_blank"
7374
>
7475
Learn more about Darklang's LSP →
7576
</a>

‎src/components/sections/Newsletter.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const Newsletter: React.FC = () => {
6464
type="submit"
6565
variant="primary"
6666
size="md"
67-
className="bg-purple-lbg hover:bg-purple-secondary text-white-custom"
67+
className="bg-purple-lbg hover:bg-blue-lbg text-white-custom"
6868
disabled={isSubmitting}
6969
>
7070
{isSubmitting ? "Subscribing..." : "send me updates"}
@@ -117,7 +117,7 @@ const Newsletter: React.FC = () => {
117117
</p>
118118
<button
119119
onClick={() => setIsSuccess(false)}
120-
className="mt-6 text-purple-lbg hover:text-purple-700 underline"
120+
className="mt-6 text-purple-lbg hover:bg-blue-lbg underline"
121121
>
122122
Subscribe another email
123123
</button>

0 commit comments

Comments
 (0)