make footer text bigger

Prototypr · Feb 12, 2024 · e061ac2 · e061ac2
1 parent 2d2abfa
commit e061ac2
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 20 deletions.
diff --git a/components/StickyFooterCTA.js b/components/StickyFooterCTA.js
@@ -49,19 +49,19 @@ const StickyFooterCTA = ({title, description, buttonText}) => {
           // className="fixed bottom-0 rounded-none md:bottom-4 max-w-3xl w-full px-5 py-4 h-auto md:rounded-2xl border border-black border-opacity-10 bg-[#2f62c7] z-[100]"
           className="fixed bottom-0 w-full md:bottom-3 bg-gradient-to-t shadow-md overflow- from-blue-50 border border-indigo-900/10 to-white md:w-[80%] md:max-w-[1120px] md:rounded-2xl h-auto z-[100]"
         >
-              <img src={`/static/images/robo2.png`} className="w-[76px] md:w-[100px] drop-shadow-xl z-40 ml-4 md:ml-0 left-0 absolute bottom-0 -mb-[15px] md:-mb-[25px] -scale-x-100"/>
+              <img src={`/static/images/robo2.png`} className="w-[76px] md:w-[104px] drop-shadow-xl z-40 ml-4 md:ml-0 left-0 absolute bottom-0 -mb-[15px] md:-mb-[25px] -scale-x-100"/>
           <Container  maxWidth="max-w-[1320px] z-30 relative overflow-hidden">
               <div  className="absolute top-0 left-0 w-full h-full md:rounded-2xl -ml-0.5 -mt-0.5" style={{"backgroundColor":"#ffffff","opacity":"0.1","backgroundImage":"linear-gradient(#203490 1.5px, transparent 1.5px), linear-gradient(to right, #203490 1.5px, #ffffff 1.5px)","backgroundSize":"30px 30px"}}/>
 
             <div className="w-full z-10 relative px-1 py-3  flex flex-col gap-4 md:gap-3 md:flex-row justify-between">
               <div className="hidden md:flex flex-row justify-center items-center gap-4 md:gap-8">
                 <div>
                 </div>
-                <div className="flex flex-col md:ml-[68px]">
-                  <h1 className="text-base font-medium text-black/80">
+                <div className="flex flex-col md:ml-[80px]">
+                  <h1 className="text-xl font-semibold text-black/00">
                     {title?title:`Become a member`}
                   </h1>
-                  <p className="text-sm max-w-md text-black/70">
+                  <p className="text-lg max-w-md text-black/80">
                   {description?description:`Get published, collect tools, and earn rewards.`}
                   </p>
                 </div>

diff --git a/components/old/toolboxIndexPage.js b/components/old/toolboxIndexPage.js
@@ -117,7 +117,7 @@ export default function ToolboxPage({ allPosts = [], topicPosts = [], featuredPo
         }}
         activeNav={"toolbox"}
       >
-        {!user?.isLoggedIn && <StickyFooterCTA title="Create your account today"
+        {!user?.isLoggedIn && <StickyFooterCTA title="Welcome to Prototypr"
       description="Join today to make posts and grow with us."
       />}
         <ToolBoxHero />

diff --git a/components/post-header.js b/components/post-header.js
@@ -20,17 +20,19 @@ export default function PostHeader({
   //   : "https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png";
 
   return <>
-    {template == 2 ? (
-      <div className="w-full relative h-56 md:h-80 rounded-xl mt-2 mb-4 md:mb-0 md:mt-6">
-        <Image
-          loader={gumletLoader}
-          objectFit="cover"
-          className="rounded-xl"
-          layout="fill"
-          src={coverImage}
-        />
-      </div>
-    ):template == 3 && 
+    {
+    // template == 2 ? (
+    //   <div className="w-full relative h-56 md:h-80 rounded-xl mt-2 mb-4 md:mb-0 md:mt-6">
+    //     <Image
+    //       loader={gumletLoader}
+    //       objectFit="cover"
+    //       className="rounded-xl"
+    //       layout="fill"
+    //       src={coverImage}
+    //     />
+    //   </div>
+    // ):
+    template == 3 && 
     <>
 <div className="text-center pt-16 md:pt-16">
 		<p className="text-sm mb-3 md:text-base text-green-500 font-bold">Web Monetization Guide <span className="text-gray-900">/</span> Uphold</p>

diff --git a/components/toolbox/ToolboxIndexPage.jsx b/components/toolbox/ToolboxIndexPage.jsx
@@ -139,7 +139,7 @@ const ToolboxIndexPage = ({
           />}
           </div>
       </div> */}
-        {!user?.isLoggedIn && <StickyFooterCTA title="Create your account today"
+        {!user?.isLoggedIn && <StickyFooterCTA title="Welcome to Prototypr"
       description="Join today to make posts and grow with us."
       />}
     </>

diff --git a/pages/index.js b/pages/index.js
@@ -299,7 +299,7 @@ export default function Index({
           <DesignTool allTools={toolsList} />
         </BrowserView> */}
       </Layout>
-      {!user?.isLoggedIn && <StickyFooterCTA title="Create your account today"
+      {!user?.isLoggedIn && <StickyFooterCTA title="Welcome to Prototypr"
       description="Join today to make posts and grow with us."
       />}
       <Footer />

diff --git a/pages/post/[slug].js b/pages/post/[slug].js
@@ -323,7 +323,7 @@ const date = post.attributes.date
           {!user?.isLoggedIn && <StickyFooterCTA title="The best stories every week"buttonText="Sign up for free" />}
           </div>
         </div> */}
-       {!user?.isLoggedIn && <StickyFooterCTA title="Create your account today"
+       {!user?.isLoggedIn && <StickyFooterCTA title="Welcome to Prototypr"
       description="Join today to make posts and grow with us."
       />}
 

diff --git a/pages/toolbox/[slug].js b/pages/toolbox/[slug].js
@@ -276,7 +276,7 @@ const ToolContent = ({ post, gallery, relatedPosts, popularTags }) => {
         </div>
       </Container>
 
-      {!user?.isLoggedIn && <StickyFooterCTA title="Create your account today"
+      {!user?.isLoggedIn && <StickyFooterCTA title="Welcome to Prototypr"
       description="Join today to make posts and grow with us."
       />}
       {/* <NewsletterSection title="Get the best tools every week"/> */}

diff --git a/styles/posts-page.scss b/styles/posts-page.scss
@@ -249,6 +249,10 @@ figure, pre{
     }
    }
    blockquote.wp-block-quote{
+    em{
+        font-style: normal!important;
+    }
+    font-style: normal!important;
     strong{
         font-weight: 300!important;
     }