feat(faq): add new content

frontendista · Nov 8, 2024 · 2052037 · 2052037
1 parent b70b2e2
commit 2052037
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 11 deletions.
diff --git a/apps/web/src/components/form/radix/accordion.tsx b/apps/web/src/components/form/radix/accordion.tsx
@@ -3,7 +3,7 @@ import * as Accordion from "@radix-ui/react-accordion";
 import { withClass } from "../hoc";
 
 export const Root = withClass(Accordion.Root, "");
-export const Item = withClass(Accordion.Item, "");
+export const Item = withClass(Accordion.Item, "relative focus-within:z-50");
 export const Header = withClass(Accordion.Header, "");
 export const Trigger = withClass(Accordion.Trigger, "justify-between text-left");
-export const Content = withClass(Accordion.Content, "font-medium bg-secondary overflow-hidden border-l-[3px] border-primary");
+export const Content = withClass(Accordion.Content, "font-medium bg-secondary overflow-hidden border-[3px] border-t-0 border-primary");
diff --git a/apps/web/src/config.tsx b/apps/web/src/config.tsx
@@ -37,11 +37,21 @@ export const faq: Record<FAQCategories, FAQItem[]> = {
 	background: [
 		{
 			question: "How long are you involved in development?",
-			answer: "TODO"
+			answer: (
+				<>
+					<p>I started web development in 2017.</p>
+				</>
+			)
 		},
 		{
 			question: "What is your education?",
-			answer: "TODO"
+			answer: (
+				<>
+					<p>I have graduated from an industrial secondary school in 2020 and completed my bachelor's degree with honours in 2024.</p>
+					<p>My thesis (UI toolkit for accessible web components) was about building accessible <abbr title="User interface">UI</abbr> primitives in Solid.js.</p>
+					<p>Currently, I'm doing my masters degree at Czech Technical University in Prague.</p>
+				</>
+			)
 		},
 		{
 			question: "What is your work experience?",
@@ -62,7 +72,7 @@ export const faq: Record<FAQCategories, FAQItem[]> = {
 					<ul data-list="text">
 						<li>JetBrains DataGrip for database management.</li>
 						<li>JetBrains Pycharm for Python development.</li>
-						<li>JetBrains Rider for C# development.</li>
+						<li>JetBrains Rider for <abbr title="C Sharp">C#</abbr> development.</li>
 					</ul>
 				</>
 			)
@@ -73,9 +83,9 @@ export const faq: Record<FAQCategories, FAQItem[]> = {
 				<>
 					<p>Core components</p>
 					<ul data-list="text">
-						<li>CPU - AMD Ryzen 5 3600</li>
-						<li>GPU - GIGABYTE RTX 2070 Super</li>
-						<li>RAM - 32GB DDR4</li>
+						<li>AMD Ryzen 5 3600</li>
+						<li>GIGABYTE RTX 2070 Super</li>
+						<li>32GB DDR4</li>
 					</ul>
 
 					<p>Storage</p>
@@ -92,14 +102,18 @@ export const faq: Record<FAQCategories, FAQItem[]> = {
 
 					<p>Other</p>
 					<ul data-list="text">
-						<li>Phantenks case</li>
+						<li>Phanteks case</li>
 					</ul>
 				</>
 			)
 		},
 		{
 			question: "What laptop are you running on?",
-			answer: "TODO"
+			answer: (
+				<>
+					<p>I'm running on Macbook Air 13" M1.</p>
+				</>
+			)
 		},
 		{
 			question: "What software have you found useful?",

diff --git a/apps/web/src/styles/components.scss b/apps/web/src/styles/components.scss
@@ -69,7 +69,7 @@ $slds: (
 		text-transform: uppercase;
 		cursor: pointer;
 		gap: theme("gap.md");
-		transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-color 0.1s ease-in-out;
+		transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear;
 
 		&:disabled {
 			cursor: not-allowed;