SUM-198 | fixup footer logo border; adjust testimonial pill; update stanford font import

src/components/config-pages/local-footer.tsx

@@ -219,7 +219,7 @@ const FooterLockup = ({useDefault = true, siteName, lockupOption, ...props}: Foo
   return (
     <div className="py-10">
       <Link href="/" className="flex flex-col text-black no-underline lg:flex-row lg:items-end">
-        <div className="border-r border-black py-2 pr-4">
+        <div className="border-black py-2 pr-4 lg:border-r">
           <LockupLogo {...lockupProps} />
         </div>
         <div className="font-roboto text-28 font-light text-black lg:pl-4">{siteName || "University"}</div>

src/components/elements/lockup/lockup-a.tsx

@@ -7,7 +7,7 @@ const LockupA = ({line1, line5, siteName, logoUrl}: FooterLockupProps) => {
     <div className="py-10">
       <Link href="/" className="text-black no-underline">
         <div className="flex flex-col text-black lg:flex-row lg:items-end">
-          <div className="border-r border-black py-2 pr-4">
+          <div className="border-black py-2 pr-4 lg:border-r">
             <LockupLogo logoUrl={logoUrl} siteName={siteName} />
           </div>
           <div className="font-roboto text-28 font-light text-black lg:pl-4">{line1 || siteName}</div>

src/components/global/page-footer.tsx

@@ -13,9 +13,10 @@ const PageFooter = ({...props}: Props) => {
       <div className="bg-cardinal-red py-10 [&_a:hocus]:text-white [&_a]:text-white [&_a]:no-underline">
         <div className="centered lg:flex lg:items-start lg:gap-20">
           <div className="mb-10 text-center">
-            <a className="text-center font-stanford" href="https://www.stanford.edu">
-              <div className="text-[3.2rem]">Stanford</div>
-              <div>University</div>
+            <a className="logo type-3 text-white hocus:text-white" href="https://www.stanford.edu">
+              Stanford
+              <br />
+              University
             </a>
           </div>
           <div className="mx-auto lg:mx-0 [&_a:focus]:underline [&_a:hover]:underline">

src/components/global/page-header.tsx

@@ -21,7 +21,7 @@ const PageHeader = async () => {
       <div className="bg-cardinal-red">
         <div className="centered py-3">
           <a
-            className="font-stanford text-20 font-regular leading-none text-white no-underline hocus:text-white hocus:underline"
+            className="logo text-20 text-white no-underline hocus:text-white hocus:underline"
             href="https://www.stanford.edu"
           >
             Stanford University

src/components/paragraphs/sum-testimonial-banner/sum-testimonial-banner-paragraph.tsx

@@ -90,8 +90,10 @@ const SumTestimonialBannerParagraph = ({paragraph, ...props}: Props) => {
             className={twMerge(
               "absolute flex h-fit w-full justify-center lg:h-full lg:w-fit lg:items-center",
               clsx({
-                "bottom-[30px] right-0 sm:bottom-[50px] lg:-left-[125px] lg:bottom-0 lg:top-0": leftText,
-                "right-0 top-[30px] sm:top-[50px] lg:-right-[125px] lg:bottom-0 lg:top-0": !leftText,
+                "bottom-[30px] right-0 sm:bottom-[50px] lg:-left-[125px] lg:bottom-0 lg:top-0 xl:-left-[150px] 2xl:-left-[200px]":
+                  leftText,
+                "right-0 top-[30px] sm:top-[50px] lg:-right-[125px] lg:bottom-0 lg:top-0 xl:-right-[150px] 2xl:-right-[200px]":
+                  !leftText,
               })
             )}
           >

tailwind.config.js

@@ -50,6 +50,7 @@ module.exports = {
       },
       fontFamily: {
         roboto: ['var(--font-roboto)', 'sans-serif'],
+        stanford: ['var(--font-stanford)', 'sans-serif'],
       },
     },
   },