Skip to content

Commit

Permalink
fixed the head tag for the app
Browse files Browse the repository at this point in the history
  • Loading branch information
@e-for-eshaan
e-for-eshaan committed Dec 13, 2023
1 parent cc77596 commit 5977a25
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 78 deletions.
41 changes: 0 additions & 41 deletions src/pages/_app.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import { AppStateProvider } from '@/contexts/AppContext';
import { AppLoadingStateWrapper } from '@/components/AppLoadingStateWrapper';
import { Toaster } from 'react-hot-toast';
import { inter } from '@/styles/fonts';
import Head from 'next/head';
import { useRouter } from 'next/router';
import mixpanel from 'mixpanel-browser';
import { useEffect } from 'react';
Expand Down Expand Up @@ -71,46 +70,6 @@ export default function App({

return (
<>
<Head>
{/* Favicon */}
<link rel="icon" href="/favicon.ico" />

<title>Unwrapped by Middleware</title>

<meta
name="keywords"
content="developer,unwrap,app,recap,yearly,review,annual,github,spotify,wrapped,year-in-review,year in review,middleware,software,engineering,annual review,appraisal,new year,new year's eve,december,github unwrapped,githubunwrapped,github-unwrapped,software engineers,jayant bhawal,eshaan yadav,samad yar khan,shivam singh,dhruv agarwal,varun narula,adnan hashmi,cadence,management,dora metrics,open source,open-source,contributions,bottlenecks,pull requests,prs,issues,commits,lines of code,loc,languages,repositories,repos,stars,forks,github insights"
/>

<meta property="og:title" content={`Unwrapped by Middleware`} />
<meta
property="og:description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta property="og:image" content="/assets/images/og-image.png" />
<meta property="og:url" content={process.env.NEXT_PUBLIC_APP_URL} />
<meta property="og:type" content="website" />

{/* Other meta tags */}
<meta
name="description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

{/* Twitter meta tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Unwrapped by Middleware" />
<meta
name="twitter:description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta name="twitter:image" content="/assets/images/og-image.png" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
</Head>
<main className={`${inter} text-white`}>
<SessionProvider session={session}>
<AppStateProvider>
Expand Down
117 changes: 80 additions & 37 deletions src/pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import { TrustNotice } from '@/components/TrustNotice';
import { ThrownCards } from '@/components/ThrownCards';
import { Description } from '@/components/Description';
import { AuthActions } from '@/components/AuthActions';
import Head from 'next/head';

const PopDevsMasonry = dynamic(() =>
import('@/components/PopDevsMasonry').then((m) => m.PopDevsMasonry)
Expand All @@ -35,42 +36,84 @@ export default function Home() {
}, []);

return (
<div className="justify-center w-full flex flex-col gap-4 box-border overflow-hidden">
<LogoSvg
style={{
position: 'fixed',
right: '-150px',
bottom: '-200px',
opacity: 0.3
}}
className="scale-[2] md:scale-[3]"
/>
<IndexPageSection>
<ThrownCards />
<div className="flex flex-col gap-4 justify-center grow">
<span
className={`${major} text-5xl md:text-7xl lg:text-9xl`}
style={{ position: 'relative', left: '-0.08em' }}
>
UNWRAPPED
</span>
<span
className={`${major} text-8xl md:text-[7em] lg:text-[9em] text-purple-400`}
style={{ position: 'relative', left: '-0.15em' }}
>
2023
</span>
<Description />
<AuthActions />
</div>
<div className="flex flex-col mt-8">
<MouseScrollAnim fontSize="1.4em" />
</div>
</IndexPageSection>
<IndexPageSection>
<TrustNotice />
<PopDevsMasonry />
</IndexPageSection>
</div>
<>
<Head>
{/* Favicon */}
<link rel="icon" href="/favicon.ico" />

<title>Unwrapped by Middleware</title>

<meta
name="keywords"
content="developer,unwrap,app,recap,yearly,review,annual,github,spotify,wrapped,year-in-review,year in review,middleware,software,engineering,annual review,appraisal,new year,new year's eve,december,github unwrapped,githubunwrapped,github-unwrapped,software engineers,jayant bhawal,eshaan yadav,samad yar khan,shivam singh,dhruv agarwal,varun narula,adnan hashmi,cadence,management,dora metrics,open source,open-source,contributions,bottlenecks,pull requests,prs,issues,commits,lines of code,loc,languages,repositories,repos,stars,forks,github insights"
/>

<meta property="og:title" content={`Unwrapped by Middleware`} />
<meta
property="og:description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta property="og:image" content="/assets/images/og-image.png" />
<meta property="og:url" content={process.env.NEXT_PUBLIC_APP_URL} />
<meta property="og:type" content="website" />

{/* Other meta tags */}
<meta
name="description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

{/* Twitter meta tags */}
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Unwrapped by Middleware" />
<meta
name="twitter:description"
content="A yearly recap of your GitHub, like Spotify Wrapped. If you are a developer, you will love it! ❤️"
/>
<meta name="twitter:image" content="/assets/images/og-image.png" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
</Head>
<div className="justify-center w-full flex flex-col gap-4 box-border overflow-hidden">
<LogoSvg
style={{
position: 'fixed',
right: '-150px',
bottom: '-200px',
opacity: 0.3
}}
className="scale-[2] md:scale-[3]"
/>
<IndexPageSection>
<ThrownCards />
<div className="flex flex-col gap-4 justify-center grow">
<span
className={`${major} text-5xl md:text-7xl lg:text-9xl`}
style={{ position: 'relative', left: '-0.08em' }}
>
UNWRAPPED
</span>
<span
className={`${major} text-8xl md:text-[7em] lg:text-[9em] text-purple-400`}
style={{ position: 'relative', left: '-0.15em' }}
>
2023
</span>
<Description />
<AuthActions />
</div>
<div className="flex flex-col mt-8">
<MouseScrollAnim fontSize="1.4em" />
</div>
</IndexPageSection>
<IndexPageSection>
<TrustNotice />
<PopDevsMasonry />
</IndexPageSection>
</div>
</>
);
}

0 comments on commit 5977a25

Please sign in to comment.