styles: frame color, tickets row rotation

peakshift · Dec 26, 2023 · cfb0689 · cfb0689
1 parent 101f714
commit cfb0689
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/v2/src/app/project/adopting-bitcoin/TicketsRow.tsx b/v2/src/app/project/adopting-bitcoin/TicketsRow.tsx
@@ -41,7 +41,7 @@ export default function TicketsRow() {
   if (!mounted) return null;
 
   return (
-    <div className="-rotate-12">
+    <div className="-rotate-[4deg]">
       <motion.div
         initial={{ x: initialPosition === "left" ? "0" : "-48%" }}
         animate={{ x: initialPosition === "left" ? "-48%" : "0" }}

diff --git a/v2/src/app/project/adopting-bitcoin/page.tsx b/v2/src/app/project/adopting-bitcoin/page.tsx
@@ -29,7 +29,7 @@ export default function AdoptingBitcoinPage() {
     <>
       <SetPageColor
         backgroundColor={projectData.pageColor}
-        frameColor={projectData.pageColor}
+        frameColor={projectData.frameColor}
         textColor="#000"
       />
       <Container className="overflow-hidden">
@@ -61,9 +61,9 @@ export default function AdoptingBitcoinPage() {
             <span>client - {projectData.client}</span>
           </p>
         </section>
-        <section className="py-100 full-bleed">
+        <section className="pt-64 pb-100 full-bleed">
           <TicketsRow />
-          <p className="uppercase text-body6 md:text-body4 lg:text-h1 -rotate-12 text-center my-36 font-bold flex items-center whitespace-nowrap gap-16 justify-center">
+          <p className="uppercase text-body6 md:text-body4 lg:text-h1 -rotate-[4deg] text-center my-36 font-bold flex items-center whitespace-nowrap gap-16 justify-center">
             designing the largest bitcoin conference{" "}
             <span>
               <MdBolt />
@@ -322,6 +322,7 @@ export default function AdoptingBitcoinPage() {
 
 const projectData = {
   pageColor: "#EEDB5F",
+  frameColor: "#000",
   tags: ["branding", "identity", "website"],
   client: "Galoy INC",
   year: "2023",