From 67a1de90d2fe80c917be1dae1c17b6a0192c1ac2 Mon Sep 17 00:00:00 2001 From: Korbs Date: Sat, 8 Jun 2024 16:20:59 -0400 Subject: [PATCH] update --- public/splash-logo.webp | Bin 0 -> 8310 bytes src/content/docs/{index.mdx => syntax.mdx} | 0 src/layouts/Document.astro | 113 +------------------- src/layouts/Splash.astro | 114 +++------------------ src/pages/index.mdx | 10 +- src/styles/index.scss | 112 ++++++++++++++++++++ src/styles/splash.scss | 31 ++++++ 7 files changed, 165 insertions(+), 215 deletions(-) create mode 100644 public/splash-logo.webp rename src/content/docs/{index.mdx => syntax.mdx} (100%) create mode 100644 src/styles/index.scss create mode 100644 src/styles/splash.scss diff --git a/public/splash-logo.webp b/public/splash-logo.webp new file mode 100644 index 0000000000000000000000000000000000000000..6e6e4bc69dbab8da6d3e3af8a73d340803b05b28 GIT binary patch literal 8310 zcmb_hWm6nXw}jorf@^@_wpeg?cXxMp3m#Y`5Zo=e>w~*45L^R<;4X_xAPWg{srNVB zs;-%?o<39O)SR06Fj|Uoa&A-z2>P;88hRQ6DpqftU3~Nrr*f#h-Ic_SpFk@&lhFEc zUsU`l)?z~;HEl3xWm+Ku`dF9~K>cxwIn@T->k}lS4jTm`Yupfp{7E?~bXkb1Q~Wmu z!8$SSv0FzFt8Koi+Zwek`v62No zqo1LvpRZW-@n-OP;_$fZy28zie|Y1WtXAZN538Pix-6?z+Bg*~^PxJcBZ}zXhY)uWmvsuJAMLJ)pp>qK-x~>n zK_a3(b83hHuI;Z?JEG68l-4X(x~BrElV($dKSIruFP8svUDuP9)u5B~i03SHV~|kt zJ)^`~m-C`Kq?bMxX`Y(RF#|wtIu`t|}xDw8UtBQ@`F&K8=O`zaUAT^LLmL z(^;4t?OB+Fok%Q@iJM}iIGrS^gt>)6R{Bi|e~OT6F9q*wF4-)XI!wgNYo>GUYwBD{ z6Sa`ulULdDp7tD2)p82$Yl4Jv3Al(Er#7`F><%{8Ol>&Z$pRE6SL2G(P<~9Bls#cm zM6%lQ)wPgLXdA(kSHGIFPJGswvh$yH`p!ml7~+-Qr_goZxPLA?ZRI=c>FU1JLS*|! zE^w=CM3qQvIFtqopZzic83p2x%jY~ZOq@`E;tJkFTFv_t7|fA5;xDBI zJuqIq?Xp4`EwnH6{GZD9Bx z!l-!3@Y55q`9&X~JQo(otf&8dVD%U=V^tzNf})%pJQE)76sjKCkv;Agw-j;~;bMOULK}-#{(6~64P{MoO+Cak?@8kWMBq5+IDW!%(74Wob zT@=JLt{C>lgReB_?Hy%?(*4U}wGms3=@qmj+|2z#Fi}}YW{_v;$(yL1UeO(IiuL3( z9~8Ub!?-_|Quyav0S_Snr~zLzTTH9y=8+6;{l#eWO|7+9;&L=E5wxjOf{EzWhiJ3R+W8?LWqO~||QPbxwiNTMj(6GgjNYu&` ziFSVxkF^+_?z2C9n2vZg1-)Qf0mYLPo_DGP8~Fdl=k?F9GCdp>@O-ae!jxX+hnG?D z5jv7O6?B1-nwXUK=WnM)PohGgC2)1zr?(7vYb)=>Ld#1?WH7Z!$SY2heakv20VnV_$W- z%?2krrjtoix;UnKkMTN19<=DaDtQk(DJMh0ggGMVBG(H0N8VDj>BIt^D8G-qC1|sWR~APX9%`>Kj_aqPdFqLggz^ev^X~N5aNF8)V5X9>zn4e$G3eL)FG^x<8SgUr%7^kS`Dfo?iEr znEf$!K6)prN^O81J=&i0uv)522bw`7BdlK6xD!mF!0eg{ealSfM|P81l&$x zbX7EJVmgvQ7~Vuk810Sw6{5f=tg+Zg+)g2E`b6jtLkta!K$j~D3()3w+Pt-H6tb{o zwb@u1JOM#$`gG`sA;vt0P@Z82ia^BW5$ifI8`@`>;s7{4DhA;nv^uvC7ojn%H5oc6 znnYY0-in=#BX4%>eO|^zQk!XxB5&ddr?2Jl4a@!@?N(lT`ZUyX5N+TI_}o7DurvpTRn6sKm?_Gj^g)Zq>lDm zn#lMURdvd#nzyYU+IsXejDc(Fm~)DTnKHw_LR>zwP15{ayKSRNUp^$a8B&XcX(+|r zs`1ur{joMLP1ifjw=>@&Dq9Hb>lk&r@=?j8-xauSr^?JcAa@FmNvX)xJ0N$Ki;ZE( zLQKHoqa9J{p*u_UA$weJm_Z!Gu=kmi4>a~+wBst(c0X|is+*+HpSGQN58QoD9Ji7X zbrORctIKgqlaPC}ju`Y%zcRuMVyi2@5qb6cA+tXJ$MXIF7r1ua1xuc3`m$k2eXn^X z_KR?ptJ&kK{JO!JYpH$=fX<8_0$1))6?C(mx+i<(46|bODp93;G6s(TSM!tcbwoJ2Rg%}y z1SNj}t&8&GF!fpwqeIWGI;nc_n+fhN-LbdN3`A1#;!mY~RxH@Z4kM?R`Z)f&Ncee+ zsEw;_V*7bWF@S9t9DZQ?HA)eI5B|qG@mDni4w7EKAMJdZR(-R*x2_|PAq;6{3+D9d zm5A1UGoC=fX7IZ*weK|2q^P0s+%s4K-;$|yM7b)yQQqF6g>%?mB;<3+AOqEwtN6ZC z3Li$}hcMVotx*cwD#*>2e%#HXw}}x^?OY7+>KA}FOkF2~G2cn~A2F-jxD6p05$@#H zUJgZwPo~>LYMexOtfdOH+^BVQ&&0%|MONun{a#IM<5*S3b*D?B>xIx*@G6x!f3OWT z+ce%ScXg0if@@O`YVQ__osKOyp*335tn|5k0Ga%xHbmtE{5GFLkF=ZXx)IiGMHuOV|vvoo!_ZZoli?kKBOZ&*HrVdRo`c(VAlj zNRRlv287O1I${b~y7x$%lmDBgjKL7t#jt&SmfzwF6)EN1iJW74^7-TcQl@SRMT^$< zcO6@vV|F(p9Ey0~KF8%wN)Rl-Kqggqq#$BNw7A5NGq{QbkegWv!@go?5g{@nuaUaFAg_^JT3!*mCjhz~~}e#rhjh zSQBk0EOO1+&vWS~$g#fIkEw7gX#v!TH(B6qN&U7>ehgmF0zUK?@|I-HKNtKvGRU&K zyS7z=<@YtL=#)t&(b@$^c$6MPoj+I#0PnICJMrq{Ngw}^xa7#EO46DqRUc(6g2q^G zDLrpP?022J6g!ok9A*8352VoTI4!V0?cUqgHN=^Jh?L&P7xYk5~Kb?Urs+ceZEFf5isCDOhy>@s^-fBjX~ zBPhHS1wlNJVzEuxgy2(sH8bHZ7i83>{)@rQlaJJ>opQFufUer8OG%UwWT&&qTAbVu>1@F@RfG9P)3+&n3myx36t*8BBJp(WL+R0zapvALoJQ zwi>6>WU*#w^FvQ73d;QM5)n4s4B(t>K!L8R*QSHK{em;-?A1GEN$c`D+Zta7t9NrJ zG%-99Tcj9&;d+kW4u9}C`C(MpNVas8y{mn%W`C{{!U8G zTbsD4Gwyh?OtlPl@yKFEGB-TBtoOOjKpI^OPsKrZ6ji6Pf!kTOtWnt(!2L>VtT1Q4FAk8b<>RY{t39 zHjMP&0gPyesa zHZa-pho1KLk~+0p)@K_k;aqyu9Z25y%OT)Ymc_UW(fZk;_4{mEptAy%x%JLFUz>%d z$d5QcxB5oA<}kwV1q1<|QU!A8s38p=9!O#dPxjkR3!z9Y3AARt?TJ>Mr*js!^t>0b;sTd?b*f-2eNnZ}B$#js9B9iedqv^!GKZDXd3zL8xdaw{uQUpHj zBrl(8aV|$yNcQw>H<{1UcnG8yw$4HQYG}>t9@B?8ELxyTGQllnILx%00{)0LNI=7X z87*_1czj?8l`;@f%Gxt7qInsH19);0#(jkQqcdzEkfT3!@)edLn=f>@IVI|4yTO}! zr+pxsBL|GHSJMsYTA`4!yam`foWJ}MF;NgxvG=cMoi9RyAdTj$$pwJeTW0s?gt^iM zGJ2%Z^Sx|!G{VUF;)Cz=uthjyZ75~!XN2$PX#!5{jgpX`luAv=hBErk@VGrJNnGRm zLhCkh0qW*czqWy3o5L0{Mrh5;O9=&SZ}6-jlEzQ-Lc*+MOqB%R*H3j1k#*EHFCuz* zQhL`q>Pw}Eg2LtwB+xbcNRb4r#t#DmnAO@*xDZ17?vEeesAtKwxqP+%aIM7!rYGY%)p8&(Mj7YBWaMd1!(uw4ibVS&*SO`% z<47=|Z80;DaW?Nn;C$(CFheCyH9ua)Tt)%3RVqr6)YaGoHYpdTaOxVU7JAA3k6?=B ze7Per)Yfg6K&jLr&B5>fTAACZ{?g+B(W@gu^F9|L{F z_0l@kHDXH#t|wsTaJ&7c;?;kwT4As<RnoNeJB*L&o}$G}7M!cMyJ!YNmy2YL+2*81 z3VQ-$vhAatH8EmRcym6s&aEc7M9l#&HH^tg7;9vEYxWDb9VL=m`!;{JwZj2K)ye#f zInRD_E8LdN<|u?3EiZMbDfYyU8`S67V50NhNQY%`EYagNh{}5V-yMiGRoXxP^W2Y) z#o|K-4W?nk(T4^lL%v*xOwN~Rt>qaYE4t8Q_1Dy_`G+PgjH=a>WL6q$m}2xdn*kr( z_tNSWOXofghjqIK^Aj;zzOx7-I164fTBl!QdXnND75_M2)P)&5$I)nP(OB`)(XX<{ zd>=l|Ccu`tMI&`9T(9IZc(yA!*_pcla=O z3Ew0=F97MqSNvRSFU*DITDV_2kqVnm9sM(0g12NCc#$xda>Z8ikB;u&p~Tkp4+Dg{ zBDi@h%Hspsz0`Ik$Ti*hAIn!~|4%JKJt7=Cw@3$q7q~lNgaNMvS5n*FApadXGjU1b zN^30<56)xd#`VviCBC58A&XWPXk_plwpb}`iH&ptO^zLIEuJmoU!%1}!Li(rGLIh~ z=Gco$qH(a*Zjk$hF83D?*)M#bT=sGq;?T$#)V^L+H?Vj!rCC#C>kE7NALGu)G>bSem86MGVqglw?Gg*zwVY%?)CSCCltV*z9MjRn#D$a1oa36C7xP{eOX zF45$8l-I)0mv18pxP@0wP1JaXFBOLCdzOaYot%64ZOZkK@l@D-#f5DZsEy?+p%`%eQ1w_K_6)Q19#-3(NUY9s;fq~&I^gG3W?apm_xW}s-QD=Z0P;zmyQ$mYWU!IWPWmbOu_36 z)sX|*O3){k@wc*+!E~ahT_wEAV_!mBwrK>$NggA#5`N3e{!Y+h_=s3a=lzaLprasn zF=lt?-Fw&4MD*AA#4zYiuodlzmeuR)<8NoTH%;b3k=R45z5GLu=z~#U!0paPCP4OP|xcCvBdtFyDXR0_Vv|9 zog`%eeo6p3o|ZsVjF1KUvtmc$YiYZc723*gaVXNU-u@F4-jwsmnXat?_mzv=M;v3w_U718j$xgMQc;`1AMthgcbT1=4AODmcac;QwbY6_5v23Bz&utF@zmq|b0FMo2Y){k zlCtv-bje6flEj@z*}$zr6Y@+KAc1u3d#7NhC#7;XQTc1a_X{vOCzs(c-Vo#9sc#l+ zrwYHJC)dy~!t=c~Wr{i-?hSw44QMv84F8=%D2h3NPOZ|@$?1$nOsJtOfhPP|y#k4u z`liQk_YqM!n?*ojS3qSnvd-0zS6Zb0mwGBd#bb;6uj50L?!Y`8U?kK%Q z${{!cH;+**IkKZv|3gG3Bqzj&O2$L11^FswJIk@ZpV}R5<=;4;!_DO^nCP0U_5>9s zHo#?zwo)4@?b;_?w=1YOmz*uNm7XKk&*Oj0{1&_SFThIm6R*g?3h6B>C?3;926Qa_ zhcexCrr{#-TFE-k0AUrJdRQX)Y->p1aIU4cztmUgP+59WU5g4hs)@T>n* ze{H?aF7SxKX^;DP$Z$(g*bupia%=CsE>G0^ z9C#^3ZH$wd9uG%sZKSuwcrp2Nr{exuHvtPXv|Iuzd|*y}t8&et>Etw^D}UD6;dA*Q zLb$unY1AOfamQsnAAgcDfXIDsbmqwGbN_w@764iV!Cw|h6P@zv>)&$0FarE}Jr*`U zhM=hts9PMot{-Pj9R~LGuetE8lPg0l4xH1u_jJ9#n)LK$yt;;s|7r?!kb|Nb(+6oK zz5ocIeQf3lp~ZMqs4F3Kq)a-N+EoBl|CdRCj3!`E67%!5?2Ya%Q#tb8PVQda!5vLA z|1~xO(l%jM`A1enmR&S8w~VoDe1oX459KSYB&L8Uk{wPn&dNx9 zCCu*#Y385uinQEV+O7dEAwNCCm4v!Cq|iD3sy@bCwL2S_0irk_hH|!0U&=K`-Un;v z4PvSFduxovY=3Q_{^ca8uGz69LG<*WL4<6c!fqoHi$Jkn8cS9wnFQ!zsinK!0#O-? zfHaV9}h;8@W-^o>Y*SUG~)N|+mx*U-CG(P*{15)G_`B0_P(Xu0`V^D#2gV(`i@UkXvq z9kZWOMc}B7Go>AH_AeI1q8(FyfCQ(dX-9y~NT_$!MHf^z@^$e@<2^tsWgWZnb)>k) z8?mHW|IB}|q#jgPlC`hN4vH`NXK|LZquBsTEP-pB#jDEd=AnfUDg(EBw8aQ@I0*zUe?1z@XvQ80%B+oIi}W`SfiG-R37>v{=!nN&4u(770C5TanA=lq4$-n3{a%m>lf8=#`?sIG4BD?z4(Qt$i)V9HuNo|`izrr%g zuv!O#PCiDlZ)c&N35R+PXMd)!FrIyUr`_9SjooNq+L2=f`@{y(%gj3WABgHM%u@BL z<84_0baM?{?3E$;_q0nqn@u^4O>mB&j2p3oh^F?!7v4+o>(}-|Y$n)${krSJU+g!# zc*h=QyIA|tvcZoCP;T4Ry@7+j-Pt9AGW1J$k)mmlZe?h9DnBP_<)rMT$fc#fP1ZAq zoqai1wPe(c^*3O_w#%e}KkAw1 {REVERT_LAYOUT ? diff --git a/src/layouts/Splash.astro b/src/layouts/Splash.astro index fc47974..0801707 100644 --- a/src/layouts/Splash.astro +++ b/src/layouts/Splash.astro @@ -9,7 +9,7 @@ import { } from '@utils/GetConfig' // Properties -const { Title, Feedback, Feelback } = Astro.props +const { frontmatter } = Astro.props // Components import Head from '@components/global/Head.astro' @@ -17,6 +17,8 @@ import Header from '@components/global/Header.astro' import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"; // Styles +import "@styles/index.scss"; +import "@styles/splash.scss"; import "@styles/feelback.css"; --- @@ -24,8 +26,18 @@ import "@styles/feelback.css";
+
+
+

{frontmatter.Title}

+

{frontmatter.Description}

+
+ {frontmatter.PrimaryText} + {frontmatter.SecondaryText} +
+
+ +
-

{Title}

@@ -41,100 +53,4 @@ import "@styles/feelback.css"; }
- - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/pages/index.mdx b/src/pages/index.mdx index 42f99d5..2cd9b10 100644 --- a/src/pages/index.mdx +++ b/src/pages/index.mdx @@ -1,11 +1,13 @@ --- layout: "@layouts/Splash.astro" +Title: "Welcome to ButterflyVu" +Banner: "/splash-logo.webp" +PrimaryText: "Primary" +SecondaryText: "Secondary" +PrimaryLink: "#" +SecondaryLink: "#" --- -# Welcome to ButterlyVu - -![](https://md.sudovanilla.org/images/pexels-pixabay-326055.jpg) - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis urna id volutpat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. A cras semper auctor neque vitae tempus quam. Tempus quam pellentesque nec nam aliquam. Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Quis commodo odio aenean sed adipiscing diam. Pharetra et ultrices neque ornare aenean euismod elementum. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. Pharetra magna ac placerat vestibulum lectus mauris. Enim lobortis scelerisque fermentum dui. Enim facilisis gravida neque convallis. Mattis rhoncus urna neque viverra justo nec ultrices dui sapien. Sit amet justo donec enim diam vulputate ut pharetra sit. Fusce ut placerat orci nulla pellentesque dignissim. Lectus vestibulum mattis ullamcorper velit. Pellentesque elit eget gravida cum sociis natoque penatibus. Aliquam eleifend mi in nulla posuere sollicitudin aliquam. Interdum varius sit amet mattis vulputate. Egestas integer eget aliquet nibh. diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 0000000..f709875 --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,112 @@ +body { + max-width: 1200px; + margin: auto; + font-family: Arial, Helvetica, sans-serif; + background: #0f0f0f; + color: white; +} + +a { + color: white; + text-decoration: underline; +} + +table { + font-family: Arial, Helvetica, sans-serif; + border-collapse: collapse; + width: 100%; + td, th { + border: 1px solid #111111; + padding: 8px; + } + tr:nth-child(even){background-color: #323232;} + tr:nth-child(even){background-color: #323232;} + tr:hover {background-color: #454545;} + th { + padding-top: 12px; + padding-bottom: 12px; + text-align: left; + background-color: #070707; + color: white; + } +} + +blockquote { + margin: 0px; + background: #323232; + border-radius: 4px; + padding: 12px 24px; + border-left: 4px white solid; + p { + margin: 0px; + } +} + +header { + background: #232323; + width: 100%; + position: absolute; + top: 0px; + left: 0px; + z-index: 1; + .header-content { + max-width: 1200px; + margin: auto; + } +} + +.page { + position: relative; + min-height: 100vh; + .content { + padding-top: 90px; + display: flex; + flex-direction: row; + gap: 24px; + padding-bottom: 80px; + .sidebar { + min-width: 250px; + display: flex; + flex-direction: column; + gap: 12px; + a { + text-decoration: none; + font-size: 14px; + color: #898989; + } + } + .document { + background: #232323; + border-radius: 4px; + padding: 12px 24px; + height: max-content; + img { + width: 100%; + border-radius: 6px; + } + .feelback-q { + justify-content: center; + padding: 24px 0px; + svg { + color: white; + } + .feelback-btn.active { + background: white; + border-radius: 3rem; + svg { + color: black; + } + } + } + } + } + .footer { + position: absolute; + padding-bottom: 24px; + bottom: 0; + width: 100%; + height: 2.5rem; + display: flex; + justify-content: space-between; + } +} diff --git a/src/styles/splash.scss b/src/styles/splash.scss new file mode 100644 index 0000000..f21c084 --- /dev/null +++ b/src/styles/splash.scss @@ -0,0 +1,31 @@ +.content { + flex-direction: column !important; +} + +.splash { + position: relative; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + img { + width: 50%; + } + .splash-action { + display: flex; + gap: 6px; + a { + text-decoration: none; + padding: 12px 26px; + background: white; + color: black; + border-radius: 3rem; + border: 1px white solid; + &.button-secondary { + background: transparent; + color: white; + border: 2px white solid; + } + } + } +} \ No newline at end of file