Format code

Author: cyderize

src/components/DownloadBanner.jsx

@@ -13,7 +13,7 @@ export function DownloadBanner() {
     <section
       id="latest-release"
       aria-labelledby="latest-release-title"
-      className="border-b border-t border-gray-200 bg-gray-100 py-6 sm:py-10"
+      className="border-t border-b border-gray-200 bg-gray-100 py-6 sm:py-10"
     >
       <Container>
         <h2

src/components/Features.jsx

@@ -115,7 +115,7 @@ export function Features({ className, ...props }) {
               key={feature.name}
               className="rounded-2xl border border-gray-200 bg-gray-50 p-8"
             >
-              <div className="text-xl text-primary-dark">
+              <div className="text-primary-dark text-xl">
                 <FontAwesomeIcon icon={feature.icon} />
               </div>
               <h3 className="mt-6 font-semibold text-gray-900">

src/components/Header.jsx

@@ -65,7 +65,7 @@ export function Header() {
               {({ open }) => (
                 <>
                   <Popover.Button
-                    className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-gray-900 p-2 hover:bg-gray-200/50 hover:stroke-gray-600 active:stroke-gray-900 not-focus-visible:focus:outline-hidden"
+                    className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-gray-900 p-2 hover:bg-gray-200/50 hover:stroke-gray-600 not-focus-visible:focus:outline-hidden active:stroke-gray-900"
                     aria-label="Toggle site navigation"
                   >
                     {({ open }) =>
@@ -97,7 +97,7 @@ export function Header() {
                             y: -32,
                             transition: { duration: 0.2 },
                           }}
-                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-50 px-6 pb-6 pt-32 shadow-2xl shadow-gray-900/20"
+                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-50 px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20"
                         >
                           <div className="space-y-4">
                             {routes.map(([label, href]) => (

src/components/Hero.jsx

@@ -28,7 +28,7 @@ function BackgroundIllustration(props) {
         viewBox="0 0 1026 1026"
         fill="none"
         aria-hidden="true"
-        className="absolute inset-0 h-full w-full animate-spin-slow"
+        className="animate-spin-slow absolute inset-0 h-full w-full"
       >
         <path
           d="M1025 513c0 282.77-229.23 512-512 512S1 795.77 1 513 230.23 1 513 1s512 229.23 512 512Z"
@@ -58,7 +58,7 @@ function BackgroundIllustration(props) {
         viewBox="0 0 1026 1026"
         fill="none"
         aria-hidden="true"
-        className="absolute inset-0 h-full w-full animate-spin-reverse-slower"
+        className="animate-spin-reverse-slower absolute inset-0 h-full w-full"
       >
         <path
           d="M913 513c0 220.914-179.086 400-400 400S113 733.914 113 513s179.086-400 400-400 400 179.086 400 400Z"
@@ -172,8 +172,8 @@ export function Hero() {
             </div>
           </div>
           <div className="relative mt-10 sm:mt-20 xl:col-span-6 xl:row-span-2 xl:mt-0">
-            <BackgroundIllustration className="pointer-events-none absolute left-1/2 top-4 h-[1026px] w-[1026px] -translate-x-1/3 stroke-gray-300/70 [mask-image:linear-gradient(to_bottom,white_20%,transparent_75%)] sm:top-16 sm:-translate-x-1/2 xl:-top-14 xl:ml-0" />
-            <div className="-mx-4 flex h-[448px] items-center justify-center px-9 sm:mx-0 xl:absolute xl:-inset-x-10 xl:-bottom-32 xl:-top-32 xl:h-auto xl:px-0">
+            <BackgroundIllustration className="pointer-events-none absolute top-4 left-1/2 h-[1026px] w-[1026px] -translate-x-1/3 [mask-image:linear-gradient(to_bottom,white_20%,transparent_75%)] stroke-gray-300/70 sm:top-16 sm:-translate-x-1/2 xl:-top-14 xl:ml-0" />
+            <div className="-mx-4 flex h-[448px] items-center justify-center px-9 sm:mx-0 xl:absolute xl:-inset-x-10 xl:-top-32 xl:-bottom-32 xl:h-auto xl:px-0">
               <Carousel
                 className="w-full"
                 style={{ maxWidth: '500px' }}

src/components/Merchandise.jsx

@@ -10,7 +10,7 @@ export function Merchandise({ className, ...props }) {
     <section id="merchandise" className={clsx(className, 'py-12')} {...props}>
       <Container>
         <div>
-          <div className="mb-6 flex justify-center gap-4 text-primary">
+          <div className="text-primary mb-6 flex justify-center gap-4">
             <FontAwesomeIcon size="xl" icon={faImage} />
             <FontAwesomeIcon size="xl" icon={faShirt} />
             <FontAwesomeIcon size="xl" icon={faMugHot} />

src/components/Video.jsx

@@ -7,7 +7,7 @@ export function Video({ className }) {
       <Container>
         <div className="relative h-0 w-full pb-[56.25%]">
           <iframe
-            className="absolute left-0 top-0 h-full w-full"
+            className="absolute top-0 left-0 h-full w-full"
             width="560"
             height="315"
             src="https://www.youtube.com/embed/K1tH2otAtMw?si=3Tjn8oz46p1miB2J"

src/components/challenge/Challenge.jsx

@@ -27,7 +27,7 @@ export function Challenge() {
           least one of following publications.
         </p>
 
-        <ul className="ml-4 mt-4 list-inside list-disc leading-relaxed">
+        <ul className="mt-4 ml-4 list-inside list-disc leading-relaxed">
           <li>
             Peter J. Stuckey, T. Feydy, A. Schutt, G. Tack, J. Fischer (2014).
             The MiniZinc Challenge 2008-2013. AI Magazine 35 (2), 55-60.

src/components/challenge/CurrentChallenge.jsx

@@ -26,7 +26,7 @@ export function CurrentChallenge() {
           >
             Announcements
           </h4>
-          <ul className="ml-4 mt-4 list-inside list-disc leading-relaxed">
+          <ul className="mt-4 ml-4 list-inside list-disc leading-relaxed">
             {info[current].announcements.map((item, i) => (
               <li key={i}>{item}</li>
             ))}
@@ -37,7 +37,7 @@ export function CurrentChallenge() {
           >
             Dates
           </h4>
-          <ul className="ml-4 mt-4 list-inside list-disc leading-relaxed">
+          <ul className="mt-4 ml-4 list-inside list-disc leading-relaxed">
             {info[current].dates.map((item, i) => (
               <li key={i}>{item}</li>
             ))}

src/components/downloads/MiniZincDistribution.jsx

@@ -29,10 +29,15 @@ export function MiniZincDistribution() {
               the MiniZinc IDE, which makes it easy to develop and run
               constraint models.
             </p>
-            <h3 id="minizinc-solvers" className="my-3 text-2xl font-medium tracking-tight text-gray-900">
+            <h3
+              id="minizinc-solvers"
+              className="my-3 text-2xl font-medium tracking-tight text-gray-900"
+            >
               Solvers
             </h3>
-            <p>A number of solvers are included in the official binary packages:</p>
+            <p>
+              A number of solvers are included in the official binary packages:
+            </p>
             <ul className="mx-2 my-2 list-inside list-disc leading-relaxed">
               <li>
                 <Link href="https://www.gecode.org">Gecode</Link>
@@ -101,7 +106,8 @@ export function MiniZincDistribution() {
               </li>
             </ul>
             <p className="my-2 leading-7">
-              Note that if you build MiniZinc from source, you will have to install any desired solvers yourself.
+              Note that if you build MiniZinc from source, you will have to
+              install any desired solvers yourself.
             </p>
           </div>
           <div>

src/components/publications/PublicationList.jsx

@@ -16,7 +16,7 @@ function TitleAndAbstract({ publication }) {
             <span className="font-bold">{publication.title}</span>.
           </div>
           <div
-            className="rounded-md bg-primary px-1.5 py-0.5 text-xs text-white no-underline hover:cursor-pointer hover:bg-primary-light"
+            className="bg-primary hover:bg-primary-light rounded-md px-1.5 py-0.5 text-xs text-white no-underline hover:cursor-pointer"
             onClick={() => setActive(!active)}
           >
             {active ? 'Hide' : 'Abstract'}
@@ -77,7 +77,7 @@ export function PublicationList({ publications }) {
       {publications.map((pub, index) => (
         <li
           className={clsx(
-            'border-b border-l border-r border-gray-200 p-4',
+            'border-r border-b border-l border-gray-200 p-4',
             index === 0 ? 'border-t' : '',
           )}
           key={pub.id || pub.title}