svg, ico and pdf files. line break fix in safari, local href resume

jonolane · Jan 10, 2024 · 6b5ed69 · 6b5ed69
1 parent 4a443b0
commit 6b5ed69
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 13 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 node_modules/
 .cache/
 .env.development

diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -21,11 +21,11 @@ const Footer = () => {
           onClick={() => appContext?.setIsDarkMode && appContext.setIsDarkMode(!isDarkMode)}
         />
         <div className='flex sm:hidden'>
-        <FontAwesomeIcon
-          icon={faXTwitter}
-          className="sm:hidden block sm:text-4xl text-2xl hover:translate-y-[-2px] hover:scale-110 transition-all duration-300 -ml-6"
-          onClick={() => handleLinkClick('https://twitter.com/jlane_')}
-        />
+          <FontAwesomeIcon
+            icon={faXTwitter}
+            className="sm:hidden block sm:text-4xl text-2xl hover:translate-y-[-2px] hover:scale-110 transition-all duration-300 -ml-6"
+            onClick={() => handleLinkClick('https://twitter.com/jlane_')}
+          />
         </div>
         <FontAwesomeIcon
           icon={faFacebook}
@@ -50,11 +50,10 @@ const Footer = () => {
       </div>
       <div
         className="sm:text-xl text-lg my-6 font-pixel cursor-pointer tracking-wide hover:translate-y-[-2px] hover:scale-110 transition-all duration-300 text-center"
-        onClick={() =>
-          handleLinkClick('https://docs.google.com/document/d/199ejho-lgZ7_QVrCt01p2FxxJJTaxcv4p34mfUHaGCw/edit')
-        }
       >
-        Resume
+        <a href="/JonoLaneResume.pdf" target="_blank" rel="noopener noreferrer" className="text-current no-underline">
+          Resume
+        </a>
       </div>
     </footer>
   );

diff --git a/src/images/gradient.jpg b/src/images/gradient.jpg
diff --git a/src/images/gradient2.jpg b/src/images/gradient2.jpg
diff --git a/src/images/gradient7.svg b/src/images/gradient7.svg
diff --git a/src/images/gradient7OMG.svg b/src/images/gradient7OMG.svg
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -51,7 +51,7 @@ const IndexPage: React.FC<PageProps> = () => {
           <Navbar />
           <div className="z-50">
             <div className={`xs:text-4xl xxs:text-3xl text-2xl sm:my-6 mt-10 font-pixel ${isDarkMode ? 'text-white' : 'text-black'} sm:text-center sm:ml-auto ml-6`}>
-              <span className="sm:inline hidden">:// </span><span className="type-devTitle tracking-wide"></span>
+              <span className="chrome:sm:inline firefox:sm:inline hidden">:// </span><span className="type-devTitle tracking-wide"></span>
             </div>
             <p className="xs:text-base xs:leading-relaxed xxs:text-sm xxs:leading-relaxed text-xs leading-relaxed sm:hidden mt-4 mx-6 xs:mb-20 mb-16 tracking-wide max-w-md">
               I'm Jono Lane, a full-stack developer based in Nashville. I enjoy creating impactful products that adapt to the ever-changing landscape of technology.
@@ -131,11 +131,16 @@ const Head: React.FC<HeadProps> = () => {
       <link rel="preconnect" href="https://fonts.gstatic.com" />
       <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet" />
 
-      {/* <link rel="preload" href="../images/gradient3.jpg" as="image" /> */}
-
       {/* ::before directive might be creating slow bg image load. opacity-60 or 70 was here */}
       {/* before:md:fixed before:absolute works on safari, before:fixed works on chrome | need to just somehow lose bg-background on sm: for chrome!*/}
       {/* fall back would be to lose the safari directives */}
+
+      {/* for .svg background
+          before:bg-[url("../images/gradient7OMG.svg")]  
+          before:bg-cover 
+          before:bg-center
+          before:bg-no-repeat 
+      */}
       <body
         className={`
           ${isDarkMode
@@ -145,7 +150,7 @@ const Head: React.FC<HeadProps> = () => {
                before:fixed
                before:bg-[url("../images/gradient4.jpg")] 
                before:bg-cover 
-               before:bg-repeat-round 
+               before:bg-repeat-round
                before:inset-0 
                before:z-[-1]`
           }

diff --git a/static/JonoLaneResume.pdf b/static/JonoLaneResume.pdf
diff --git a/static/favicon.ico b/static/favicon.ico