Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-14 03:04:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add logo to landing page (#1356)

Browse source 
static logo
This commit is contained in:
Utku 2023-09-18 16:36:27 +03:00 committed by GitHub
parent b8e81ad7b6
commit 02dc4424ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
apps/landing/public/spacedrive_icon.png → apps/landing/public/logo.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 513 KiB

After

Width:  |  Height:  |  Size: 513 KiB

5
apps/landing/src/components/Footer.tsx
View file

@ -1,4 +1,3 @@
import { AppLogo } from '@sd/assets/images';
import {
Discord,
Github,
@ -11,6 +10,8 @@ import Image from 'next/image';
import Link from 'next/link';
import { PropsWithChildren } from 'react';
import Logo from '../../public/logo.png';
function FooterLink(props: PropsWithChildren<{ link: string; blank?: boolean }>) {
return (
<Link
@ -29,7 +30,7 @@ export function Footer() {
<footer id="footer" className="z-50 w-screen border-t border-gray-550 pt-3 backdrop-blur">
<div className="min-h-64 m-auto grid max-w-[100rem] grid-cols-2 gap-6 p-8 pb-20 pt-10 text-white sm:grid-cols-2 lg:grid-cols-6">
<div className="col-span-2">
<Image alt="Spacedrive logo" src={AppLogo} className="mb-5 h-10 w-10" />
<Image alt="Spacedrive logo" src={Logo} className="mb-5 h-10 w-10" />
<h3 className="mb-1 text-xl font-bold">Spacedrive</h3>
<p className="text-sm text-gray-350 opacity-50">

8
apps/landing/src/components/NavBar.tsx
View file

@ -1,16 +1,16 @@
import { AppLogo } from '@sd/assets/images';
import { Book, Chat, DotsThreeVertical, MapPin, User } from '@phosphor-icons/react';
import { Academia, Discord, Github } from '@sd/assets/svgs/brands';
import clsx from 'clsx';
import Image from 'next/image';
import Link from 'next/link';
import { NextRouter, useRouter } from 'next/router';
import { Book, Chat, DotsThreeVertical, MapPin, User } from '@phosphor-icons/react';
import { PropsWithChildren, useEffect, useState } from 'react';
import { Button, Dropdown } from '@sd/ui';
import { positions } from '~/pages/careers';
import { getWindow } from '~/utils/util';
import Logo from '../../public/logo.png';
function NavLink(props: PropsWithChildren<{ link?: string }>) {
return (
<Link
@ -66,7 +66,7 @@ export default function NavBar() {
>
<div className="relative m-auto flex h-full max-w-[100rem] items-center p-5">
<Link href="/" className="absolute flex flex-row items-center">
<Image alt="Spacedrive logo" src={AppLogo} className="z-30 mr-3 h-8 w-8" />
<Image alt="Spacedrive logo" src={Logo} className="z-30 mr-3 h-8 w-8" />
<h3 className="text-xl font-bold text-white">Spacedrive</h3>
</Link>

5
apps/landing/src/pages/_document.tsx
View file

@ -21,10 +21,7 @@ export default function Document() {
name="description"
content="Combine your drives and clouds into one database that you can organize and explore from any device. Designed for creators, hoarders and the painfully disorganized."
/>
<meta
property="og:image"
content="https://spacedrive.com/spacedrive_icon.png"
/>
<meta property="og:image" content="https://spacedrive.com/logo.png" />
<meta
name="keywords"
content="files,file manager,spacedrive,file explorer,vdfs,distributed filesystem,cas,content addressable storage,virtual filesystem,photos app, video organizer,video encoder,tags,tag based filesystem"