diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index fd9543f..895bdb8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -88,7 +88,7 @@
         <div class="prose font-mono pointer-events-auto  h-full" style="max-width: 100%;">            
             <div class="grid place-content-center h-full">
                 <div class="grid gap-4 p-4" style="{!mobile ? "max-width: 50vw;" : ""} background: linear-gradient(to bottom, transparent 0%, oklch(var(--b2)) 5%)">
-                    <FrontFold Title="Alex / Zhen">
+                    <FrontFold Title="Alex / Zhen" Checked={true}>
                         <p>Hi, I am Alex/Zhen, I'm that chinese guy.</p>
                         <p>Here's my CV: <a href="/zhen/cv/rev1?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
                     </FrontFold>
diff --git a/src/routes/comps/FrontFold.svelte b/src/routes/comps/FrontFold.svelte
index 601e3c8..2eb92ff 100644
--- a/src/routes/comps/FrontFold.svelte
+++ b/src/routes/comps/FrontFold.svelte
@@ -1,9 +1,14 @@
 <script>
     export let Title = "";
+    export let Checked = false;
 </script>
 
 <div class="collapse collapse-arrow bg-base-100 text-start shadow-sm" {...$$restProps}>
-    <input type="radio" name="my-accordion-2" checked/>
+    {#if Checked}
+    <input type="radio" name="{Title}" checked/>
+    {:else}
+    <input type="radio" name="{Title}"/>
+    {/if}
     <div class="collapse-title text-xl font-medium "><b>{Title}</b></div>
     <div class="collapse-content" style="border-top: dotted 0.15rem oklch(var(--b3));">
         <slot/>