Fixed phone cover resize and tried something with the background on p…

…roduction.
framedsc · Dec 18, 2023 · 0a84c1e · 0a84c1e
1 parent 9c10f36
commit 0a84c1e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/home/year-cover.tsx b/components/home/year-cover.tsx
@@ -35,6 +35,7 @@ const coverContainerStyle: CSS.Properties = {
 };
 
 const coverImageStyle: CSS.Properties = {
+  minHeight: '100%',
   display: 'block',
   objectFit: 'cover',
 }
@@ -45,7 +46,7 @@ const coverFrameStyle: CSS.Properties = {
   left: '20px', /* Adjust left position */
   right: '20px', /* Adjust right position */
   bottom: '20px', /* Adjust bottom position */
-  backdropFilter: 'blur(20px) brightness(125%) saturate(120%)',
+  backdropFilter: 'blur(20px) brightness(115%) saturate(120%)',
   maskComposite: 'exclude',
   WebkitMaskComposite: 'exclude',
   mask:
@@ -101,7 +102,8 @@ const creditsTextStyle: CSS.Properties = {
 export const YearCover = (year: number) => {
   const covers = getCovers(year);
    var selectedCover = covers[Math.floor(Math.random() * Math.floor(covers.length))];
-  // var selectedCover = {shotUrl: "mockedLink", author: "test" };
+   //var selectedCover = {shotUrl: "https://cdn.framedsc.com/images/1650423560_eldenring_2022-03-17_13-54-54.png", author: "test" };
+   //var selectedCover = {shotUrl: "https://cdn.framedsc.com/images/1659302449_Stray-Win64-Shipping.exe_2022-07-24_13-42-01_86x.png", author: "test" };
 
   return (
     <a className="year-cover-container" href={year.toString()} style={coverContainerStyle}>

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -24,6 +24,7 @@ export default function App({ Component, pageProps }: AppProps) {
         <link rel="apple-touch-icon" href="logo512.jpg" />
       </Head>
       <Navigation />
+      <Component {...pageProps} />
       <picture>
             <img
               className="absolute top-0 left-0 object-cover"
@@ -32,7 +33,6 @@ export default function App({ Component, pageProps }: AppProps) {
               style = {{zIndex: "-1", objectFit: "cover", minHeight: "200%"}}
             />
       </picture>
-      <Component {...pageProps} />
       <Footer />
     </div>
   );