refactor

lifeparticle · Oct 4, 2023 · 3bb6716 · 3bb6716
1 parent 7cebed1
commit 3bb6716
Show file tree

Hide file tree

Showing 18 changed files with 41 additions and 9 deletions.
diff --git a/ui/src/assets/card_b2g.jpg b/ui/src/assets/card_b2g.jpg
diff --git a/ui/src/assets/card_bg.jpg b/ui/src/assets/card_bg.jpg
diff --git a/ui/src/assets/fonts/Inter-Regular.woff b/ui/src/assets/fonts/Inter-Regular.woff
diff --git a/ui/src/assets/fonts/Inter-Regular.woff2 b/ui/src/assets/fonts/Inter-Regular.woff2
diff --git a/ui/src/assets/fonts/Inter-SemiBold.woff b/ui/src/assets/fonts/Inter-SemiBold.woff
diff --git a/ui/src/assets/fonts/Inter-SemiBold.woff2 b/ui/src/assets/fonts/Inter-SemiBold.woff2
diff --git a/ui/src/assets/fonts/PixelifySans-Bold.ttf b/ui/src/assets/fonts/PixelifySans-Bold.ttf
diff --git a/ui/src/assets/fonts/PixelifySans-Medium.ttf b/ui/src/assets/fonts/PixelifySans-Medium.ttf
diff --git a/ui/src/assets/fonts/PixelifySans-Regular.ttf b/ui/src/assets/fonts/PixelifySans-Regular.ttf
diff --git a/ui/src/assets/fonts/PixelifySans-SemiBold.ttf b/ui/src/assets/fonts/PixelifySans-SemiBold.ttf
diff --git a/ui/src/assets/grid_dark.svg b/ui/src/assets/grid_dark.svg
diff --git a/ui/src/assets/grid_light.svg b/ui/src/assets/grid_light.svg
diff --git a/ui/src/lib/utils/hooks/useTheme.ts b/ui/src/lib/utils/hooks/useTheme.ts
@@ -10,6 +10,7 @@ const useMode = () => {
 			colorPrimaryHover: "var(--bt-color-hover)",
 			colorPrimaryTextHover: "var(--bt-color-hover)",
 			colorLinkHover: "var(--bt-color-hover)",
+			fontFamily: "Inconsolata",
 		},
 
 		components: {

diff --git a/ui/src/pages/Converter/CodeFormatter/index.tsx b/ui/src/pages/Converter/CodeFormatter/index.tsx
@@ -20,7 +20,7 @@ const CodeFormatter: React.FC = () => {
 	const [inputCode, setInputCode] = useState("");
 	const [formattedCode, setFormattedCode] = useState("");
 	const [indentationLevel, setIndentationLevel] = useState(
-		INDENTATION_LEVEL[2].value
+		INDENTATION_LEVEL[3].value
 	);
 	const [inputType, setInputType] = useState(INPUT_TYPE[3].value);
 

diff --git a/ui/src/pages/Home/Home.module.scss b/ui/src/pages/Home/Home.module.scss
@@ -1,6 +1,7 @@
 .home {
 	padding: 100px 10% 64px 10%;
 	min-height: calc(100dvh - 272px);
+	animation: var(--bt-animation-moveBackground);
 
 	&__container {
 		display: flex;
@@ -22,6 +23,7 @@
 			gap: var(--bt-size-10);
 			&_title {
 				text-align: left;
+				font-family: "Pixelify Sans", cursive;
 			}
 			&_paragraph {
 				text-align: left;
@@ -37,6 +39,8 @@
 	&__features {
 		display: flex;
 		align-items: center;
+		border-radius: 8px;
+		z-index: 100;
 
 		&_card {
 			height: 100%;

diff --git a/ui/src/pages/Home/components/Features.tsx b/ui/src/pages/Home/components/Features.tsx
@@ -1,10 +1,11 @@
 import React from "react";
-import { Button, Card, Col, Row, Space, Typography } from "antd";
+import { Card, Col, Row, Space, Typography } from "antd";
 import Icon from "components/General/Icon";
 import { FEATURES } from "pages/Home/utils/constants";
 import style from "pages/Home/Home.module.scss";
 import { Link } from "react-router-dom";
 import useModal from "lib/utils/hooks/useModal";
+import { ResponsiveButton } from "components/General/FormComponents";
 
 const Features: React.FC = () => {
 	const { handleModalOpen } = useModal();
@@ -22,7 +23,9 @@ const Features: React.FC = () => {
 						streamline your application development process
 					</Typography.Paragraph>
 
-					<Button onClick={handleModalOpen}>Get Started</Button>
+					<ResponsiveButton onClick={handleModalOpen}>
+						Get Started
+					</ResponsiveButton>
 				</Space>
 			</Col>
 

diff --git a/ui/src/styles/animations.css b/ui/src/styles/animations.css
@@ -1,3 +1,13 @@
 :where(html) {
 	--animation-fade-in: background-color 0.3s ease;
+	--bt-animation-moveBackground: moveBackground 100s linear infinite;
+}
+
+@keyframes moveBackground {
+	0% {
+		background-position: 0 0;
+	}
+	100% {
+		background-position: 100% 0;
+	}
 }
diff --git a/ui/src/styles/typography.css b/ui/src/styles/typography.css
@@ -1,12 +1,19 @@
 :where(html) {
 	@font-face {
-		font-family: "Inter";
-		src: url("./src/assets/fonts/Inter-Regular.woff2") format("truetype"),
-			url("./src/assets/fonts/Inter-Regular.woff") format("truetype");
+		font-family: "Pixelify Sans";
+		src: url("./src/assets/fonts/PixelifySans-Regular.ttf")
+				format("truetype"),
+			url("./src/assets/fonts/PixelifySans-Regular.ttf")
+				format("truetype");
 		font-weight: 400;
 		font-style: normal;
 	}
 
+	@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap");
+
 	--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
 		Cantarell, Noto Sans, sans-serif;
+
+	--font-pixelify-sans: "Pixelify Sans", system-ui, -apple-system, Segoe UI,
+		Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
 }