Merge branch 'main' into feature/login-stats

Author: Bentroen

web/posts/help/5_custom-instruments.md

@@ -54,7 +54,7 @@ Note Block World lets you use any sound in the latest Minecraft version in your
 
 When you upload a song that uses custom instruments to Note Block World, you'll need to manually select the sound files for each custom instrument you used. This ensures that your song sounds the way you intended it to sound, even if the listener doesn't have the custom instruments installed.
 
-Uploading a song with custom instruments follows the same process as [uploading a regular song](/help/1-creating-song), with the addition of manually selecting the sound files for your custom instruments. Here's how you can do it:
+Uploading a song with custom instruments follows the same process as [uploading a regular song](/help/creating-song), with the addition of manually selecting the sound files for your custom instruments. Here's how you can do it:
 
 1. After you've filled in the song's title, description, and other metadata, you'll see a section labeled _Custom instruments_.
 

web/public/ads.txt

@@ -1 +1,2 @@
 google.com, pub-2486912467787383, DIRECT, f08c47fec0942fa0
+google.com, pub-6165475566660433, DIRECT, f08c47fec0942fa0

web/src/app/(content)/(info)/blog/[id]/page.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next';
 import Image from 'next/image';
+import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
 import { PostType, getPostData } from '@web/src/lib/posts';
-import BackButton from '@web/src/modules/shared/components/client/BackButton';
 import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
 
 type BlogPageProps = {
@@ -45,9 +45,12 @@ const BlogPost = ({ params }: BlogPageProps) => {
   return (
     <>
       <article className='max-w-screen-md mx-auto mb-36'>
-        <BackButton className='text-zinc-500 hover:text-zinc-400 text-sm'>
-          {'< Back to Help'}
-        </BackButton>
+        <Link
+          href='/help'
+          className='text-zinc-500 hover:text-zinc-400 text-sm'
+        >
+          {'< Back to Blog'}
+        </Link>
         <h1 className='text-4xl font-bold mt-16 mb-8'>{post.title}</h1>
 
         {/* Author */}

web/src/app/(content)/(info)/help/[id]/page.tsx

@@ -4,7 +4,6 @@ import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
 import { PostType, getPostData } from '@web/src/lib/posts';
-import BackButton from '@web/src/modules/shared/components/client/BackButton';
 import { CustomMarkdown } from '@web/src/modules/shared/components/CustomMarkdown';
 
 type HelpPageProps = {
@@ -46,9 +45,12 @@ const HelpPost = ({ params }: HelpPageProps) => {
   return (
     <>
       <article className='max-w-screen-md mx-auto mb-36'>
-        <BackButton className='text-zinc-500 hover:text-zinc-400 text-sm'>
+        <Link
+          href='/blog'
+          className='text-zinc-500 hover:text-zinc-400 text-sm'
+        >
           {'< Back to Help'}
-        </BackButton>
+        </Link>
         <h1 className='text-4xl font-bold mt-16 mb-8'>{post.title}</h1>
 
         {/* Author */}

web/src/app/globals.css

@@ -150,3 +150,12 @@ body {
   transform: translatex(100%) skewy(-45deg);
   top: -4px;
 }
+
+
+/************** Google AdSense **************/
+
+/* Hide unfilled ads */
+/* https://support.google.com/adsense/answer/10762946?hl=en */
+ins.adsbygoogle[data-ad-status="unfilled"] {
+  display: none !important;
+}

web/src/modules/browse/components/SongCard.tsx

@@ -73,7 +73,7 @@ const SongCard = ({ song }: { song: SongPreviewDtoType | null }) => {
   return !song ? (
     <SongDataDisplay song={song} />
   ) : (
-    <Link href={`/song/${song.publicId}`} className='h-full'>
+    <Link href={`/song/${song.publicId}`} className='h-full max-h-fit'>
       <div
         className='bg-zinc-800 hover:scale-105 hover:bg-zinc-700 rounded-lg cursor-pointer w-full h-full transition-all duration-200'
         style={{ backfaceVisibility: 'hidden' }}

web/src/modules/shared/components/client/ads/AdSlots.tsx

@@ -122,7 +122,7 @@ export const SideRailAdSlot = ({ className }: { className?: string }) => {
         // height with this class: "max-h-[calc(100vh-9rem)]", but then the container doesn't fit to
         // the ad content height, always occupying the full viewport height instead. So we use 'max-w-fit'
         // to cap the max height to that of the ad.
-        'flex-0 sticky mb-8 top-24 p-2 min-h-96 max-h-fit hidden xl:block w-36 min-w-36 bg-zinc-800/50 rounded-xl',
+        'flex-0 sticky mb-8 top-24 max-h-fit hidden xl:block w-36 min-w-36 bg-zinc-800/50 rounded-xl',
         className,
       )}
       adSlot='4995642586'
@@ -152,7 +152,7 @@ export const MultiplexAdSlot = ({ className }: { className?: string }) => {
   return (
     <AdTemplate
       className={cn(
-        'relative rounded-xl bg-zinc-800/50 p-2 my-8 h-auto min-h-32 w-full min-w-64 text-sm text-zinc-400',
+        'relative rounded-xl bg-zinc-800/50 my-8 h-auto min-h-32 w-full min-w-64 text-sm text-zinc-400',
         className,
       )}
       adSlot='6673081563'
@@ -166,12 +166,12 @@ export const SongCardAdSlot = ({ className }: { className?: string }) => {
   return (
     <AdTemplate
       className={cn(
-        'relative rounded-xl bg-zinc-800 p-2 my-8 h-full w-full min-w-64 text-sm text-zinc-400',
+        'relative rounded-xl bg-zinc-800 p-2 h-full w-full min-w-64 text-sm text-zinc-400',
         className,
       )}
       adSlot='1737918264'
       adFormat='fluid'
-      adLayoutKey='-7o+ez-1j-38+bu'
+      adLayoutKey='-6o+ez-1j-38+bu'
       showCloseButton={false}
     />
   );