feat(web): add open-graph image

This commit is contained in:
tux
2025-12-11 03:33:08 +05:30
parent 28126688a6
commit b1e8faab7c
8 changed files with 76 additions and 32 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,17 +1,38 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>trok ~ Accessing your local service should be simple</title>
<script type="module" crossorigin src="/assets/index-5XdRZXKz.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-3ZG59SIU.css">
<meta
name="description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta
property="og:title"
content="trok ~ Accessing your local service should be simple"
/>
<meta
property="og:description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta property="og:image" content="/preview.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="trok ~ Accessing your local service should be simple"
/>
<meta
name="twitter:description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta name="twitter:image" content="/preview.png" />
<script type="module" crossorigin src="/assets/index-CTklJRHQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CdBodvUK.css">
</head>
<body>
<div id="root"></div>
</body>
</html>

12
internal/web/dist/install.sh vendored Normal file → Executable file
View File

@@ -11,10 +11,10 @@ if [ "$OS" = "Windows_NT" ]; then
exit 1
else
case $(uname -sm) in
"Darwin x86_64") target="darwin-x86_64" ;;
"Darwin arm64") target="darwin-aarch64" ;;
"Linux x86_64") target="linux-x86_64" ;;
"Linux arm64"|"Linux aarch64") target="linux-aarch64" ;;
"Darwin x86_64") target="darwin-amd64" ;;
"Darwin arm64") target="darwin-arm64" ;;
"Linux x86_64") target="linux-amd64" ;;
"Linux arm64"|"Linux aarch64") target="linux-arm64" ;;
*) target="linux-x86_64" ;;
esac
fi
@@ -27,4 +27,6 @@ release_target_url=$(
sed -re 's/.*: "([^"]+)".*/\1/' \
)
curl -sL "$release_target_url" | tar xz
curl -sL "$release_target_url" -o trok
chmod +x trok
echo "Installation complete!"

BIN
internal/web/dist/preview.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

View File

@@ -1,16 +1,37 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>trok ~ Accessing your local service should be simple</title>
<meta
name="description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta
property="og:title"
content="trok ~ Accessing your local service should be simple"
/>
<meta
property="og:description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta property="og:image" content="/preview.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content="trok ~ Accessing your local service should be simple"
/>
<meta
name="twitter:description"
content="It's like ngrok but simpler. Just install, run the command, and get a shareable URL to access your local service from anywhere. No complex setup—just instant, secure tunneling to the internet."
/>
<meta name="twitter:image" content="/preview.png" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB