From 12b6ed94537dacd33ce8d19c422fa9d8e687e5ff Mon Sep 17 00:00:00 2001 From: hemarina <104857065+hemarina@users.noreply.github.com> Date: Fri, 27 Oct 2023 14:03:07 -0700 Subject: [PATCH] Update about page (#234) * update about page on section video * add background on about * debug * add hero bar part 1 * finish about page --- website/src/components/Feature.js | 62 ++++++++++++----- website/src/components/HomepageFeatures.js | 56 +++++++-------- website/src/components/styles.module.css | 38 ++++++++-- website/src/pages/about/index.js | 65 +++++++++++------- website/src/pages/about/index.module.css | 62 +++++++++++++++-- website/src/pages/styles.module.css | 2 +- website/static/img/home-contribute.png | Bin 0 -> 6695 bytes website/static/img/home-create.png | Bin 0 -> 5245 bytes website/static/img/home-discover.png | Bin 0 -> 11240 bytes website/static/img/home-discover.svg | 1 - website/static/img/home-learn.png | Bin 0 -> 8361 bytes website/static/img/home-screen.png | Bin 117423 -> 0 bytes website/static/templates.json | 17 +++++ .../static/templates/images/nextjs-aca.png | Bin 0 -> 65576 bytes 14 files changed, 218 insertions(+), 85 deletions(-) create mode 100644 website/static/img/home-contribute.png create mode 100644 website/static/img/home-create.png create mode 100644 website/static/img/home-discover.png delete mode 100644 website/static/img/home-discover.svg create mode 100644 website/static/img/home-learn.png delete mode 100644 website/static/img/home-screen.png create mode 100644 website/static/templates/images/nextjs-aca.png diff --git a/website/src/components/Feature.js b/website/src/components/Feature.js index 02a3f7db..8da74f04 100644 --- a/website/src/components/Feature.js +++ b/website/src/components/Feature.js @@ -1,22 +1,50 @@ -import React from 'react'; -import clsx from 'clsx'; - +import React from "react"; +import clsx from "clsx"; +import styles from "./styles.module.css"; +import { + Card, + shorthands, + makeStyles, + Link, + CardFooter, + CardHeader, +} from "@fluentui/react-components"; +const useStyles = makeStyles({ + card: { + ...shorthands.margin("auto"), + width: "326px", + height: "272px", + maxWidth: "100%", + maxHeight: "100%", + }, +}); /** * Component to render each Feature in HomepageFeatures list */ -export default function Feature({Svg, title, description, link}) { - return ( -
{description}
-{siteConfig.tagline}
-% bdk|rW3=#5l1g*VGz #WJbVndUb78xlWHb({NnB3
zhmU;xFuwftBP7qngtid@W%ZA|Fpj(4dmnz~r*FVQqlO12U&7rdzJ}?z0TXG!0_UO*
zyV!n|VxyJ78qIZOV|)ghu*aBm6SAp(xdV}*<2v6Ki}Ta%CjMpNIO0+cckJDVMT(2x
z_n+Uy=ukIhW~gpKIx;3uPM({W9sKT3TrK0~dS#Ka*D=bJ;{TIhxCwWE@Qe8D*Ph1i
z?L#s{E#m3Z6Z3fa KgJN;@CCjIlK^klOWs@TVu~ dqqI7R96h6!3D=CZ2`;)`0e~^ND6*u0#0iXZB>-9
zd)^aoM+h*Yy$YD+FI{gx?Ar@p1Z{#9-OoU5$`M#djg4PPJY{9DFY0G4+Q|eh;X;c!!Om%d8
zuPwKDpJNe5vSkX<0&LyTN3YUYs^EdLC-K4znsZZl_VLHCp`1q{7h!(
Y9~;-m|5*&=HOdpRj>zGhx&n68rJg{e(-v9;1H$s
z7nZbgh5^!GXnh#fx%Fur10_rK&unO<2_P2nOOxaHiIEaS)Fzzhw%K7ox-1MSJDn(l
zk|vS-UR3ntxpsiIOtJ>5z#jMjs+|j;8Gpg)XgLPf$*AQ9q+{HUINaCqzEisv0H-LW
z&jPKanPZ^!l}ro@
>njhpKZnS`o~=&Y_xpeQkr}L`1z2ZGS$lJmI=_#57L;po
z7Mmr_E`OC2P)P(%)won16gM{;n1Av#nr9bDzoz!VM!t-J#<)lZN$^s6eM}5&&~F!>
zo1_eP9kIv+iFjNdZ7T_~>Dq@CUtopW5%bBi{1DdJ)(s%lBg+mv4pZ_o4z~g{)rwe$
zMLPK@_WEV=Ipj!T=Sv0j?V(gucPI^%3>FzWMOSxdKuwh}%6|e#UJ6j$T9*Arln6pUvf6W023bnTfY6bNNsKAPl!d8SI?!S_R~o2ocCln&r@mH4
zhe&g*v#sBV5F!S_6(H*O%8hZKZIw?H=0XhsdH;(qSCGu7uzRw-=05RdCyjk4a29A0
zPKrIzLca-bUxapv+QBNSeM}YKg+^(JzvRI$Wc-w_rm-bhXInP|mC7}bKr9=K5(6yN
zoA&P~hzB~7j7pvcQC5~7#b4SGvGT@iGMN3wJZeX3Hic#&QURU&q+(yiR1r@LVJmE>
zV*I{-WQ$$o9_6L@hT;$LkSNPYStK(=0iVE~t1Q_^?acUX{4VPtVwWrX-v^K;o-7wz
z|FdY1J$V$j96AIs%S8Oe4H0%FH0gwvIEEB4(b@zq)Bc(POW(zN^`2hi3Pep|5?v}*
zMFmP2FcMwJ9SAb+OvyN9+tQebjKETD3C}-&+__rI#8>{+6M79(*1|g5`WYC8i!}Hd
ztIVw*<@CzJQVsV%@CaVNXFs}1#E!5@>=1jP