From 12e3958d2cabc0dd8be2d155dac55b9437cc1f57 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 19 Apr 2021 09:36:49 +0200
Subject: [PATCH] Removed mobile graphic, added link to repo, fixes
---
components/Footer.module.scss | 8 ++++----
components/JoinPrompt.module.scss | 2 +-
pages/index.tsx | 7 +++----
styles/Home.module.scss | 25 +++++++++++--------------
4 files changed, 19 insertions(+), 23 deletions(-)
diff --git a/components/Footer.module.scss b/components/Footer.module.scss
index c8337ee..37e5110 100644
--- a/components/Footer.module.scss
+++ b/components/Footer.module.scss
@@ -27,11 +27,11 @@
&:hover {
color: var(--accent);
}
- }
- svg {
- > &:hover {
- color: var(--accent);
+ svg {
+ > &:hover {
+ color: var(--accent);
+ }
}
}
}
diff --git a/components/JoinPrompt.module.scss b/components/JoinPrompt.module.scss
index 4e41525..29e5985 100644
--- a/components/JoinPrompt.module.scss
+++ b/components/JoinPrompt.module.scss
@@ -47,6 +47,6 @@
}
.info {
- margin-bottom: 20px;
+ margin-bottom: 40px;
}
}
diff --git a/pages/index.tsx b/pages/index.tsx
index 85ad941..ff935d5 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,7 @@
import Head from 'next/head';
import { Footer } from '../components/Footer';
import { JoinLinks } from '../components/JoinLinks';
+import { ArrowRight } from '@styled-icons/feather';
import { JoinPrompt } from '../components/JoinPrompt';
import { Navbar } from '../components/Navbar';
import styles from '../styles/Home.module.scss';
@@ -44,9 +45,6 @@ export default function Home() {
<section className={styles.hero}>
<Navbar />
<div className={styles.overview}>
- <div className={styles.mobileGraphic}>
- <img src="/client_fullsize.svg" draggable={false} />
- </div>
<div className={styles.left}>
<div className={styles.tagline}>
<p>Don't bother with other chat apps when</p>
@@ -65,7 +63,7 @@ export default function Home() {
</div>
<div className={styles.content}>
<div>
- <h1>Simple,<br/>just how you like it.</h1>
+ <h1>Familiar and simple,<br/>just how you like it.</h1>
<p>Revolt is built on the same technologies as other popular chat applications, so there won’t be any need to re-learn on how to use it. Also, you can customize it to your heart’s content.</p>
</div>
</div>
@@ -75,6 +73,7 @@ export default function Home() {
<div>
<h1>Open source<br />to the public</h1>
<p>We believe that there’s more to it than just code. By having the Revolt project open source means that we can create a transparent layer between us and the user.<br/><br/>Contribute, create your own bot or make your own version of the Revolt client.</p>
+ <a className={styles.link} href="https://gitlab.insrt.uk/revolt" target="_blank"><ArrowRight size={24} strokeWidth={2}/>View project on GitLab</a>
</div>
</div>
<div className={styles.image}>
diff --git a/styles/Home.module.scss b/styles/Home.module.scss
index 08f73f9..3743bfa 100644
--- a/styles/Home.module.scss
+++ b/styles/Home.module.scss
@@ -50,10 +50,6 @@
width: 100%;
}
}
-
- .mobileGraphic {
- display: none;
- }
}
.section {
@@ -134,16 +130,6 @@
margin-bottom: 100px;
flex-direction: column;
- .mobileGraphic {
- flex: 1;
- display: flex;
- justify-content: flex-end;
-
- img {
- width: 100%;
- }
- }
-
.graphic {
display: none;
}
@@ -169,4 +155,15 @@
.section[data-reverse="true"] {
flex-direction: column;
}
+}
+
+.link {
+ display: flex;
+ align-items: center;
+ font-size: 20px;
+ padding-top: 20px;
+
+ svg {
+ margin-right: 10px;
+ }
}
\ No newline at end of file
--
GitLab