mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-05-01 11:53:36 -04:00
landing style improvement + example career postings
This commit is contained in:
@@ -17,7 +17,36 @@ export interface PositionPosting {
|
||||
description: string;
|
||||
}
|
||||
|
||||
export const positions: PositionPosting[] = [];
|
||||
export const positions: PositionPosting[] = [
|
||||
{
|
||||
name: 'Core Systems Engineer',
|
||||
type: 'Full-time',
|
||||
salary: '$140,000 - $180,000',
|
||||
description:
|
||||
"Lead development of Spacedrive's core storage engine and distributed filesystem in Rust. You'll architect and implement critical systems including hot/cold storage classification, encrypted data sync, and filesystem operations. Deep knowledge of systems programming, distributed systems, and Rust required. Experience with FUSE filesystems and cloud storage systems highly valued."
|
||||
},
|
||||
{
|
||||
name: 'Client Platform Engineer',
|
||||
type: 'Full-time',
|
||||
salary: '$130,000 - $170,000',
|
||||
description:
|
||||
"Own Spacedrive's cross-platform client applications built with Tauri and React. Focus on performance optimization, native platform integration, and smooth user experience across desktop and mobile. Strong TypeScript/React experience required, with knowledge of Rust and native platform APIs (Windows, macOS, Linux, iOS, Android) highly valued."
|
||||
},
|
||||
{
|
||||
name: 'Cloud Infrastructure Engineer',
|
||||
type: 'Full-time',
|
||||
salary: '$150,000 - $190,000',
|
||||
description:
|
||||
"Design and implement Spacedrive's cloud storage infrastructure, focusing on our innovative hot/cold storage architecture. Build highly scalable systems for data ingestion, storage optimization, and content delivery. Deep experience with cloud infrastructure (AWS/GCP), object storage, and distributed systems required. Knowledge of Rust and TypeScript preferred."
|
||||
},
|
||||
{
|
||||
name: 'Security Engineer',
|
||||
type: 'Full-time',
|
||||
salary: '$160,000 - $200,000',
|
||||
description:
|
||||
"Lead security architecture for Spacedrive's zero-knowledge encrypted storage platform. Design and implement end-to-end encryption, secure key management, and audit systems. Expertise in cryptography, secure systems design, and penetration testing required. Experience with Rust and secure storage systems highly valued."
|
||||
}
|
||||
];
|
||||
|
||||
export const values = [
|
||||
{
|
||||
|
||||
@@ -20,7 +20,7 @@ export default function Layout({ children }: PropsWithChildren) {
|
||||
<MobileSidebarProvider>
|
||||
<div className="flex w-full flex-col items-start sm:flex-row">
|
||||
<MobileSidebarWrapper>{sidebar}</MobileSidebarWrapper>
|
||||
<aside className="sticky top-32 mb-20 ml-2 mr-0 mt-32 hidden rounded-xl bg-gradient-to-r from-[#0E0E12]/90 from-60% to-primary-900/20 p-5 backdrop-blur backdrop-saturate-[1.6] sm:inline lg:mr-4">
|
||||
<aside className="sticky top-32 mb-20 ml-2 mr-0 mt-32 hidden rounded-xl p-5 backdrop-saturate-[1.6] sm:inline lg:mr-4">
|
||||
{/* Gradient Borders */}
|
||||
<div className="absolute right-0 top-0 h-full w-px bg-gradient-to-b from-transparent via-[#2D2D37]/60 to-transparent" />
|
||||
{sidebar}
|
||||
|
||||
@@ -51,11 +51,11 @@ export default function Layout({ children }: PropsWithChildren) {
|
||||
taggedEvents
|
||||
/>
|
||||
</head>
|
||||
<body className="noise noise-strongest bg-[#0E0E12] font-plex">
|
||||
<body className="noise noise-strongest bg-[#090909] font-plex">
|
||||
<DisclaimerBanner />
|
||||
<ClientProviders>
|
||||
<NavBar />
|
||||
<main className="z-10 m-auto max-w-[100rem]">{children}</main>
|
||||
<main className="z-10 m-auto mt-5 max-w-[100rem]">{children}</main>
|
||||
<GlobalFooter />
|
||||
</ClientProviders>
|
||||
</body>
|
||||
|
||||
@@ -13,6 +13,7 @@ import '~/styles/navbar.css';
|
||||
|
||||
import { useCurrentPlatform } from '~/utils/current-platform';
|
||||
import { ExternalLinkRegex } from '~/utils/regex-external-link';
|
||||
import { usePathname } from 'next/navigation';
|
||||
|
||||
// If we had pages filled out, we could use this to generate the navigation items
|
||||
// const NAVIGATION_ITEMS: { label: string; href: string; adornment?: string }[] = [
|
||||
@@ -42,6 +43,8 @@ const NAVIGATION_ITEMS: { label: string; href: string; adornment?: string }[] =
|
||||
export function NavBar() {
|
||||
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
||||
const currentPlatform = useCurrentPlatform();
|
||||
const pathname = usePathname();
|
||||
const isDocsPage = pathname.startsWith('/docs');
|
||||
|
||||
return (
|
||||
<>
|
||||
@@ -49,7 +52,9 @@ export function NavBar() {
|
||||
<motion.nav
|
||||
className={clsx(
|
||||
'to-primary-900/20',
|
||||
'fixed inset-x-0 top-0 z-[110] mx-auto mt-3 w-[calc(100%-2rem)] max-w-screen-xl sm:px-0',
|
||||
isDocsPage
|
||||
? 'fixed inset-x-0 top-0 z-[110] mx-auto mt-3 max-w-[100rem] px-6 sm:px-8'
|
||||
: 'fixed inset-x-0 top-0 z-[110] mx-auto mt-3 w-[calc(100%-2rem)] max-w-screen-xl sm:px-0',
|
||||
'overflow-hidden rounded-xl bg-sidebar/90 from-[#0E0E12]/90 from-50% shadow-[0px_-10px_20px_0px_rgba(40,134,213,0.05)] backdrop-blur'
|
||||
)}
|
||||
style={{
|
||||
@@ -63,7 +68,10 @@ export function NavBar() {
|
||||
<div className="absolute top-0 h-px w-full bg-gradient-to-r from-transparent via-[#2D2D37]/60 to-transparent" />
|
||||
<div className="absolute bottom-0 h-px w-full bg-gradient-to-r from-transparent via-[#2D2D37]/60 to-transparent" />
|
||||
{/* End of Gradient Borders */}
|
||||
<div className="noise noise-faded noise-sm flex flex-nowrap items-center justify-between gap-x-8 overflow-hidden px-6 py-3">
|
||||
<div className={clsx(
|
||||
"noise noise-faded noise-sm flex flex-nowrap items-center justify-between gap-x-8 overflow-hidden py-3",
|
||||
isDocsPage ? 'px-0' : 'px-6'
|
||||
)}>
|
||||
{/* Spacedrive Logo and Links */}
|
||||
<div className="flex items-center gap-[1.125rem]">
|
||||
<Link href="/">
|
||||
|
||||
Reference in New Issue
Block a user