mirror of
https://github.com/lumehq/lume.git
synced 2025-03-28 18:52:33 +01:00
chore: update website
This commit is contained in:
reya
parent
5d3f2264e9
commit
fe4f965ed5
@ -12,7 +12,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.5.10",
|
"@astrojs/check": "^0.5.10",
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
"@astrojs/tailwind": "^5.1.0",
|
||||||
"@fontsource/geist-mono": "^5.0.3",
|
"@fontsource/alice": "^5.0.13",
|
||||||
"astro": "^4.8.3",
|
"astro": "^4.8.3",
|
||||||
"astro-seo-meta": "^4.1.1",
|
"astro-seo-meta": "^4.1.1",
|
||||||
"astro-seo-schema": "^4.0.2",
|
"astro-seo-schema": "^4.0.2",
|
||||||
|
|||||||
BIN
apps/web/public/bg.jpeg
Normal file
BIN
apps/web/public/bg.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 889 KiB |
BIN
apps/web/public/favicon.ico
Normal file
BIN
apps/web/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@ -1,37 +0,0 @@
|
|||||||
<svg width="824" height="824" viewBox="0 0 824 824" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_564_71)">
|
|
||||||
<rect width="824" height="824" rx="184" fill="white" style="fill:white;fill-opacity:1;"/>
|
|
||||||
<circle cx="267" cy="594" r="42" fill="black" style="fill:black;fill-opacity:1;"/>
|
|
||||||
<circle cx="267" cy="594" r="42" fill="url(#paint0_radial_564_71)" fill-opacity="0.5" style=""/>
|
|
||||||
<circle cx="267" cy="594" r="42" fill="url(#paint1_radial_564_71)" fill-opacity="0.3" style=""/>
|
|
||||||
<circle cx="557" cy="594" r="42" fill="black" style="fill:black;fill-opacity:1;"/>
|
|
||||||
<circle cx="557" cy="594" r="42" fill="url(#paint2_radial_564_71)" fill-opacity="0.5" style=""/>
|
|
||||||
<circle cx="557" cy="594" r="42" fill="url(#paint3_radial_564_71)" fill-opacity="0.3" style=""/>
|
|
||||||
<path d="M412 691C382.859 691 353.717 686.063 337.654 682.804C333.024 681.865 329.866 686.676 333.074 690.144C345.098 703.138 370.814 724 412 724C453.186 724 478.902 703.138 490.926 690.144C494.134 686.676 490.976 681.865 486.346 682.804C470.283 686.063 441.141 691 412 691Z" fill="url(#paint4_linear_564_71)" style=""/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<radialGradient id="paint0_radial_564_71" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(241.807 578.038) rotate(112.103) scale(88.2816 69.6512)">
|
|
||||||
<stop stop-color="white" style="stop-color:white;stop-opacity:1;"/>
|
|
||||||
<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint1_radial_564_71" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(288.309 621.165) rotate(126.504) scale(25.5816 15.4047)">
|
|
||||||
<stop stop-color="white" style="stop-color:white;stop-opacity:1;"/>
|
|
||||||
<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint2_radial_564_71" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(531.807 578.038) rotate(112.103) scale(88.2816 69.6512)">
|
|
||||||
<stop stop-color="white" style="stop-color:white;stop-opacity:1;"/>
|
|
||||||
<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
|
|
||||||
</radialGradient>
|
|
||||||
<radialGradient id="paint3_radial_564_71" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(578.309 621.165) rotate(126.504) scale(25.5816 15.4047)">
|
|
||||||
<stop stop-color="white" style="stop-color:white;stop-opacity:1;"/>
|
|
||||||
<stop offset="1" stop-opacity="0" style="stop-color:none;stop-opacity:0;"/>
|
|
||||||
</radialGradient>
|
|
||||||
<linearGradient id="paint4_linear_564_71" x1="293.565" y1="686.595" x2="316.497" y2="774.784" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop stop-color="#FF9F5A" style="stop-color:#FF9F5A;stop-color:color(display-p3 1.0000 0.6235 0.3529);stop-opacity:1;"/>
|
|
||||||
<stop offset="1" stop-color="#FF9F5A" style="stop-color:#FF9F5A;stop-color:color(display-p3 1.0000 0.6235 0.3529);stop-opacity:1;"/>
|
|
||||||
</linearGradient>
|
|
||||||
<clipPath id="clip0_564_71">
|
|
||||||
<rect width="824" height="824" fill="white" style="fill:white;fill-opacity:1;"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
apps/web/public/icon.png
Normal file
BIN
apps/web/public/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 714 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 318 KiB |
@ -3,153 +3,96 @@ import { Seo } from "astro-seo-meta";
|
|||||||
---
|
---
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.ico" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>Lume</title>
|
<title>Lume: The nostr client for desktop</title>
|
||||||
<Seo
|
<Seo
|
||||||
title="Lume"
|
title="Lume"
|
||||||
description="A multiple columns Nostr client for desktop."
|
description="A friendly and scalable Nostr desktop client."
|
||||||
keywords={[
|
keywords={[
|
||||||
"nostr",
|
"nostr",
|
||||||
"nostr client",
|
"nostr client",
|
||||||
"social network",
|
"social network",
|
||||||
"desktop app",
|
"desktop app",
|
||||||
"timeline",
|
"timeline",
|
||||||
"application",
|
"application",
|
||||||
"columns",
|
"columns",
|
||||||
]}
|
"tweetdeck",
|
||||||
themeColor="#fafafa"
|
]}
|
||||||
colorScheme="light"
|
themeColor="#fafafa"
|
||||||
facebook={{
|
colorScheme="light"
|
||||||
image: "/og-image.jpg",
|
facebook={{
|
||||||
url: "https://lume.nu",
|
image: "/og-image.jpg",
|
||||||
type: "website",
|
url: "https://lume.nu",
|
||||||
}}
|
type: "website",
|
||||||
twitter={{
|
}}
|
||||||
image: "/og-image.jpg",
|
twitter={{
|
||||||
card: "summary",
|
image: "/og-image.jpg",
|
||||||
}}
|
card: "summary",
|
||||||
/>
|
}}
|
||||||
</head>
|
/>
|
||||||
<body
|
</head>
|
||||||
class="w-full h-full antialiased font-mono bg-neutral-50 dark:bg-neutral-950 text-neutral-950 dark:text-neutral-50"
|
<body
|
||||||
>
|
class="w-full h-full antialiased bg-neutral-50 dark:bg-neutral-950 text-neutral-950 dark:text-neutral-50"
|
||||||
<div class="max-w-2xl mx-auto w-full py-16 md:px-0 px-2">
|
>
|
||||||
<div class="flex flex-col gap-16">
|
<div class="py-10 flex flex-col gap-10">
|
||||||
<div class="prose dark:prose-invert prose-neutral max-w-none">
|
<div class="mx-auto max-w-xl w-full flex flex-col gap-2">
|
||||||
<h3>About Lume</h3>
|
<div class="mb-5">
|
||||||
<p>
|
<img
|
||||||
Lume is a <b>Nostr client</b> for desktop include Linux, Windows and
|
src="/icon.png"
|
||||||
macOS. It is free and open source, you can look at source code <a
|
alt="App Icon"
|
||||||
href="https://github.com/lumehq/lume"
|
class="size-14 shadow-md shadow-neutral-500/50 rounded-xl object-cover transform-gpu -rotate-6 hover:animate-spin"
|
||||||
target="_blank">on Github</a
|
/>
|
||||||
>. Lume is actively improving the app and adding new features, you
|
</div>
|
||||||
can expect new update every month.
|
<h1 class="text-xl font-serif font-semibold">
|
||||||
</p>
|
A friendly and scalable Nostr desktop client.
|
||||||
<a href="#download">Download</a>
|
</h1>
|
||||||
<h3>What is nostr & how does it work?</h3>
|
<p class="text-sm font-medium text-neutral-700">
|
||||||
<p>
|
Lume is a <b>Nostr client</b> for desktop, including Linux, Windows, and
|
||||||
Nostr stands for Notes and Other Stuff Transmitted by Relays. It is
|
macOS. It is free and open-source; you can look at the source code on <a
|
||||||
an open, permission-less protocol that aims to provide
|
href="https://github.com/lumehq/lume">GitHub</a
|
||||||
censorship-resistance and interoperability. It can be used to create
|
>. Lume is actively improving the app and adding new features; you can
|
||||||
social networks or just about any other type of app (other stuff
|
expect a new update every month.
|
||||||
part of the acronym). It is not a single website or app, but the
|
</p>
|
||||||
glue that holds together many apps (clients) and <b>Lume</b> is one of
|
<p class="text-sm font-medium text-neutral-700">
|
||||||
it.
|
<b>Latest version</b>: 4.0.4
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<div
|
||||||
At its core, nostr consists of relays and events. A person does
|
class="w-full h-[120px] sm:h-[80px] flex flex-col sm:flex-row sm:items-center sm:justify-start justify-center gap-2"
|
||||||
something (event) and this event is sent to a relay. The relay
|
>
|
||||||
stores the event, then waits for another person to request it. The
|
<a
|
||||||
most common types of events are notes and reactions - the stuff
|
href="https://github.com/lumehq/lume/releases/latest"
|
||||||
social media is made of, but there are many other types of events.
|
class="inline-flex items-center justify-center w-44 h-11 rounded-full bg-black hover:ring-2 ring-blue-500 ring-offset-2 text-white font-medium text-sm"
|
||||||
It works very similar to how any other app would work with a
|
>Download for macOS</a
|
||||||
database, except in nostr there is no single database, rather a
|
>
|
||||||
large number of relays that store the events.
|
<span class="italic text-xs text-neutral-700"
|
||||||
</p>
|
>(Windows & Linux are coming later)</span
|
||||||
<h3>Lume is multiple columns experience</h3>
|
>
|
||||||
<p>
|
</div>
|
||||||
Lume is display your timeline as multiple column, each column is
|
<div class="text-sm italic text-neutral-600">
|
||||||
each different content and you can define your experience
|
* If you still need to use Lume on Windows and Linux, you can try v3 <a
|
||||||
</p>
|
href="https://github.com/lumehq/lume/releases/tag/v3.0.2"
|
||||||
<p>
|
class="text-blue-500">here</a
|
||||||
You can create a column to display newsfeed from specific people,
|
>
|
||||||
you can create a column to display all contents related to some
|
</div>
|
||||||
hashtags. It all up to you.
|
</div>
|
||||||
</p>
|
<div class="sm:max-w-3xl w-full mx-auto px-3 sm:px-0">
|
||||||
<img
|
<video
|
||||||
src="https://image.nostr.build/fd3e3cdeb4fb9f0f3de5c5e668a11dcae55f50cc9a78fc2b57b063240191a0f9.png"
|
class="aspect-video w-full h-auto rounded-xl"
|
||||||
alt="columns"
|
autoplay
|
||||||
loading="lazy"
|
mute
|
||||||
decoding="async"
|
controls
|
||||||
class="w-full h-auto rounded-lg"
|
>
|
||||||
/>
|
<source
|
||||||
<h3>"For You"</h3>
|
src="https://video.nostr.build/4cc4df88caeb861b62e3f73bddbb5e0b5cf63617472a97d22f427e273ee0e127.mp4"
|
||||||
<p>
|
type="video/mp4"
|
||||||
Unlike some social networks, they feed you by algorithm. In Lume,
|
/>
|
||||||
you totally control what to will see
|
Your browser does not support the video tag.
|
||||||
</p>
|
</video>
|
||||||
<img
|
</div>
|
||||||
src="https://image.nostr.build/5afd79de15929a4ac6f6e933791c942555baa4206fecee54fed61dde9fe167e1.png"
|
</div>
|
||||||
alt="for you"
|
</body>
|
||||||
loading="lazy"
|
|
||||||
decoding="async"
|
|
||||||
class="w-full h-auto rounded-lg"
|
|
||||||
/>
|
|
||||||
<h3 id="download">Download and Explore</h3>
|
|
||||||
<p>
|
|
||||||
(Universal) macOS: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/Lume_3.0.0_universal.dmg"
|
|
||||||
>Lume_3.0.0_universal.dmg
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
(x86-64) Windows 11: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/Lume_3.0.0_x64-setup.exe"
|
|
||||||
>Lume_3.0.0_x64-setup.exe
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
(x86-64) Ubuntu: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/lume_3.0.0_amd64.deb"
|
|
||||||
>lume_3.0.0_amd64.deb
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
(x86-64) Fedora: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/lume-3.0.0-1.x86_64.rpm"
|
|
||||||
>lume-3.0.0-1.x86_64.rpm
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
(x86-64) Linux Flatpak: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/lume_3.0.0_amd64.flatpak"
|
|
||||||
>lume_3.0.0_amd64.flatpak
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
(x86-64) Linux AppImage: <a
|
|
||||||
href="https://github.com/lumehq/lume/releases/download/v3.0.0/lume_3.0.0_amd64.AppImage"
|
|
||||||
>lume_3.0.0_amd64.AppImage
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Support for ARM, RISC-V and Loongarch architecture are coming soon.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="text-center">
|
|
||||||
<p class="text-sm text-neutral-500 dark:text-neutral-600">
|
|
||||||
Supported by <a
|
|
||||||
href="https://opensats.org"
|
|
||||||
target="_blank"
|
|
||||||
class="text-orange-500">Open Sats</a
|
|
||||||
> and Community
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -7,7 +7,7 @@ export default {
|
|||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
fontFamily: {
|
fontFamily: {
|
||||||
mono: ["Geist Mono", ...defaultTheme.fontFamily.mono],
|
serif: ["Alice", ...defaultTheme.fontFamily.serif],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
11
pnpm-lock.yaml
generated
11
pnpm-lock.yaml
generated
@ -214,9 +214,9 @@ importers:
|
|||||||
'@astrojs/tailwind':
|
'@astrojs/tailwind':
|
||||||
specifier: ^5.1.0
|
specifier: ^5.1.0
|
||||||
version: 5.1.0(astro@4.8.3)(tailwindcss@3.4.3)
|
version: 5.1.0(astro@4.8.3)(tailwindcss@3.4.3)
|
||||||
'@fontsource/geist-mono':
|
'@fontsource/alice':
|
||||||
specifier: ^5.0.3
|
specifier: ^5.0.13
|
||||||
version: 5.0.3
|
version: 5.0.13
|
||||||
astro:
|
astro:
|
||||||
specifier: ^4.8.3
|
specifier: ^4.8.3
|
||||||
version: 4.8.3(typescript@5.4.5)
|
version: 4.8.3(typescript@5.4.5)
|
||||||
@ -1465,8 +1465,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
|
resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@fontsource/geist-mono@5.0.3:
|
/@fontsource/alice@5.0.13:
|
||||||
resolution: {integrity: sha512-ekY5FNiK7aMxan/c6lgVQa/rIwQ/AMEJZJWY7768jBrLVdkrCxfEfCe1ePpe7C3JnySy7c9R6HC4Xh4ksfjTaw==}
|
resolution: {integrity: sha512-7ncjjSpRSRKvjJEoru092iFiEoC89lz4oG4+SGg9hh7DI/5SXf+kE+dg+6Fv/bwiK/WJCo4Q2gvPZGRlCE5mcA==}
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/@getalby/sdk@3.5.1(typescript@5.4.5):
|
/@getalby/sdk@3.5.1(typescript@5.4.5):
|
||||||
@ -6251,6 +6251,7 @@ packages:
|
|||||||
|
|
||||||
/tslib@2.6.2:
|
/tslib@2.6.2:
|
||||||
resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
|
resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
|
||||||
|
requiresBuild: true
|
||||||
dev: false
|
dev: false
|
||||||
|
|
||||||
/turbo-darwin-64@1.13.3:
|
/turbo-darwin-64@1.13.3:
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user