KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update repo readme (#927)

Browse Source
This commit is contained in:
Alex
2022-11-04 15:50:26 -05:00
committed by GitHub
parent 86e50f97ba
commit 8b39a1da00
7 changed files with 132 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
docs/src/pages/index.module.css
View File

@@ -5,10 +5,13 @@
.heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
height: 40rem;
text-align: center;
background: #606c88;
background: -webkit-linear-gradient(to top, #4e5362, #606c88);
background: linear-gradient(to top, #4e5362, #606c88);
color: whitesmoke;
}
@media screen and (max-width: 996px) {
@@ -22,3 +25,32 @@
align-items: center;
justify-content: center;
}
.buttonsRow {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 4rem;
gap: 1rem;
}
.installButton {
background-color: #adcbfa;
color: #000000;
border-radius: 50px;
}
.installButton:hover {
color: #000000;
}
.introButton {
background-color: #e6ebf5;
color: #000000;
border-radius: 50px;
}
.introButton:hover {
color: #000000;
}

45
docs/src/pages/index.tsx
View File

@@ -12,16 +12,37 @@ function HomepageHeader() {
return (
<header className={clsx("hero hero--primary", styles.heroBanner)}>
<div className="container">
<h1 className="hero__title">{siteConfig.title}</h1>
<h1
className="hero__title"
style={{
fontFamily: "Snowburst One",
color: "#adcbfa",
}}
>
IMMICH
</h1>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="docs/installation/requirements"
>
Getting Started
</Link>
<div className={styles.buttonsRow}>
<div className={styles.buttons}>
<Link
className={clsx("button button--lg", styles.introButton)}
to="docs/overview/introduction"
>
Introduction
</Link>
</div>
<div className={styles.buttons}>
<Link
className={clsx("button button--lg", styles.installButton)}
to="docs/installation/requirements"
>
Installation
</Link>
</div>
</div>
<img src="/img/immich-screenshots.png" alt="logo" />
</div>
</header>
);
@@ -31,13 +52,11 @@ export default function Home(): JSX.Element {
const { siteConfig } = useDocusaurusContext();
return (
<Layout
title={`${siteConfig.title}`}
description="Description will go into a meta tag in <head />"
title={`Home`}
description="immich Self-hosted photo and video backup solution directly from your mobile phone "
>
<HomepageHeader />
<main>
<HomepageFeatures />
</main>
<main>{/* <HomepageFeatures /> */}</main>
</Layout>
);
}