landing style improvement + example career postings

This commit is contained in:
Jamie Pine
2024-12-12 15:50:45 -08:00
parent 600ae8a995
commit 8341982ff2
4 changed files with 43 additions and 6 deletions

View File

@@ -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 = [
{

View File

@@ -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}

View File

@@ -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>

View File

@@ -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="/">