@@ -581,39 +581,39 @@ module CuratedResources = {
581
581
},
582
582
]
583
583
584
- let templates = [
585
- {
586
- imgSrc : "/static/nextjs_starter_logo.svg" ,
587
- title : <>
588
- <div > {React .string ("ReScript & " )} </div >
589
- <div className = "text-gray-40" > {React .string ("NextJS" )} </div >
590
- </>,
591
- descr : "Get started with our NextJS starter template." ,
592
- href : "https://github.com/ryyppy/rescript-nextjs-template" ,
593
- },
594
- /*
595
- {
596
- imgSrc: "/static/vitejs_starter_logo.svg",
597
- title: <>
598
- <div> {React.string("ReScript & ")} </div>
599
- <div style={ReactDOM.Style.make(~color="#6571FB", ())}> {React.string("ViteJS")} </div>
600
- </>,
601
- descr: "Get started with ViteJS and ReScript.",
602
- href: "/",
603
- },
604
- {
605
- imgSrc: "/static/nodejs_starter_logo.svg",
606
- title: <>
607
- <div> {React.string("ReScript & ")} </div>
608
- <div className="text-gray-40" style={ReactDOM.Style.make(~color="#699D65", ())}>
609
- {React.string("NodeJS")}
610
- </div>
611
- </>,
612
- descr: "Get started with ReScript targeting the Node platform.",
613
- href: "/",
614
- },
615
- */
616
- ]
584
+ // let templates = [
585
+ // {
586
+ // imgSrc: "/static/nextjs_starter_logo.svg",
587
+ // title: <>
588
+ // <div> {React.string("ReScript & ")} </div>
589
+ // <div className="text-gray-40"> {React.string("NextJS")} </div>
590
+ // </>,
591
+ // descr: "Get started with our NextJS starter template.",
592
+ // href: "https://github.com/ryyppy/rescript-nextjs-template",
593
+ // },
594
+ // /*
595
+ // {
596
+ // imgSrc: "/static/vitejs_starter_logo.svg",
597
+ // title: <>
598
+ // <div> {React.string("ReScript & ")} </div>
599
+ // <div style={ReactDOM.Style.make(~color="#6571FB", ())}> {React.string("ViteJS")} </div>
600
+ // </>,
601
+ // descr: "Get started with ViteJS and ReScript.",
602
+ // href: "/",
603
+ // },
604
+ // {
605
+ // imgSrc: "/static/nodejs_starter_logo.svg",
606
+ // title: <>
607
+ // <div> {React.string("ReScript & ")} </div>
608
+ // <div className="text-gray-40" style={ReactDOM.Style.make(~color="#699D65", ())}>
609
+ // {React.string("NodeJS")}
610
+ // </div>
611
+ // </>,
612
+ // descr: "Get started with ReScript targeting the Node platform.",
613
+ // href: "/",
614
+ // },
615
+ // */
616
+ // ]
617
617
618
618
@react.component
619
619
let make = () => {
@@ -652,29 +652,29 @@ module CuratedResources = {
652
652
)
653
653
-> React .array }
654
654
</div >
655
- //Container for templates
656
- <div className = "px-5 md:px-8 max-w-1280 mx-auto my-20" >
657
- <div
658
- className = "body-lg text-center z-2 relative text-gray-40 w-[8rem] mx-auto bg-gray-100" >
659
- {React .string ("Templates" )}
660
- </div >
661
- <hr className = "bg-gray-80 h-px border-0 relative top-[-12px]" />
662
- </div >
663
- <div
664
- className = "grid grid-flow-col grid-cols-2 lg:grid-cols-3 lg:grid-rows-1 gap-2 md:gap-4 lg:gap-8 max-w-1280 px-5 md:px-8 mx-auto" >
665
- {templates
666
- -> Belt .Array .mapWithIndex ((i , card ) =>
667
- <a
668
- key = {Belt .Int .toString (i )}
669
- href = {card .href }
670
- className = "hover:bg-gray-80 bg-gray-90 px-5 pb-8 relative rounded-xl min-w-[200px]" >
671
- <img className = "h-12 absolute mt-5" src = card .imgSrc />
672
- <h5 className = "text-gray-10 hl-4 mt-32 h-12" > {card .title } </h5 >
673
- <div className = "text-gray-40 mt-4 body-sm" > {React .string (card .descr )} </div >
674
- </a >
675
- )
676
- -> React .array }
677
- </div >
655
+ // // Container for templates
656
+ // <div className="px-5 md:px-8 max-w-1280 mx-auto my-20">
657
+ // <div
658
+ // className="body-lg text-center z-2 relative text-gray-40 w-[8rem] mx-auto bg-gray-100">
659
+ // {React.string("Templates")}
660
+ // </div>
661
+ // <hr className="bg-gray-80 h-px border-0 relative top-[-12px]" />
662
+ // </div>
663
+ // <div
664
+ // className="grid grid-flow-col grid-cols-2 lg:grid-cols-3 lg:grid-rows-1 gap-2 md:gap-4 lg:gap-8 max-w-1280 px-5 md:px-8 mx-auto">
665
+ // {templates
666
+ // ->Belt.Array.mapWithIndex((i, card) =>
667
+ // <a
668
+ // key={Belt.Int.toString(i)}
669
+ // href={card.href}
670
+ // className="hover:bg-gray-80 bg-gray-90 px-5 pb-8 relative rounded-xl min-w-[200px]">
671
+ // <img className="h-12 absolute mt-5" src=card.imgSrc />
672
+ // <h5 className="text-gray-10 hl-4 mt-32 h-12"> {card.title} </h5>
673
+ // <div className="text-gray-40 mt-4 body-sm"> {React.string(card.descr)} </div>
674
+ // </a>
675
+ // )
676
+ // ->React.array}
677
+ // </div>
678
678
</div >
679
679
</section >
680
680
}
0 commit comments