diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 807cdfa..a1e590f 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,6 @@
---
export interface Props {
- title: string;
+ title: string;
}
const { title } = Astro.props as Props;
@@ -10,48 +10,53 @@ const { title } = Astro.props as Props;
-
-
- {title}
+
+
+ {title}
-
+
+
\ No newline at end of file
+ :global(code) {
+ font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+ Bitstream Vera Sans Mono, Courier New, monospace;
+ }
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5144016..241a7ac 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -37,7 +37,7 @@ import PostCard from "../components/PostCard.vue"
main {
margin: auto;
padding: 1em;
- max-width: 60ch;
+ max-width: 70ch;
}
.text-gradient {
@@ -85,4 +85,4 @@ import PostCard from "../components/PostCard.vue"
gap: 1rem;
padding: 0;
}
-
\ No newline at end of file
+
diff --git a/src/pages/links.astro b/src/pages/links.astro
new file mode 100644
index 0000000..f663515
--- /dev/null
+++ b/src/pages/links.astro
@@ -0,0 +1,73 @@
+---
+import Layout from "../layouts/Layout.astro";
+
+const links = [
+ {
+ "id": 1,
+ "name": "Ryan Wang's Blog",
+ "url": "https://ryanc.cc/",
+ "logo": "https://ryanc.cc/avatar",
+ "description": "Hello Halo",
+ "team": "",
+ "priority": 0
+ },
+ {
+ "id": 40,
+ "name": "guqing's blog",
+ "url": "https://www.guqing.xyz/",
+ "logo": "https://www.guqing.xyz/avatar",
+ "description": "毕生所求无它，爱与自由而已",
+ "team": "",
+ "priority": 0
+ },
+ {
+ "id": 104,
+ "name": "JohnNiang's Blog",
+ "url": "https://johnniang.me",
+ "logo": "https://johnniang.me/avatar",
+ "description": "Core contributor of Halo organization.",
+ "team": "",
+ "priority": 0
+ },
+ {
+ "id": 152,
+ "name": "烟霞志",
+ "url": "https://simplestark.com",
+ "logo": "https://simplestark.com/avatar",
+ "description": "空有烟霞之志，叹无水云之身。",
+ "team": "",
+ "priority": 0
+ },
+]
+---
+
+
+
+
+
+
+
+
diff --git a/templates/assets/4669d51c.dbc606a6.css b/templates/assets/1a866341.8e0feb74.css
similarity index 50%
rename from templates/assets/4669d51c.dbc606a6.css
rename to templates/assets/1a866341.8e0feb74.css
index e3fc648..a6d9e8e 100644
--- a/templates/assets/4669d51c.dbc606a6.css
+++ b/templates/assets/1a866341.8e0feb74.css
@@ -1 +1 @@
-:root{--font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--font-size-lg: clamp(1.2rem, .7vw + 1.2rem, 1.5rem);--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--color-text: hsl(12, 5%, 4%);--color-bg: hsl(10, 21%, 95%);--color-border: hsl(17, 24%, 90%)}html{font-family:system-ui,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}body{margin:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.mt-8{margin-top:2rem}.ml-3{margin-left:.75rem}.flex{display:flex}.grid{display:grid}.h-32{height:8rem}.h-full{height:100%}.h-5{height:1.25rem}.w-32{width:8rem}.w-full{width:100%}.w-5{width:1.25rem}.rotate-\[-120deg\]{--tw-rotate: -120deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity: .2}.p-4{padding:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[400ms\]{transition-duration:.4s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-opacity-30:hover{--tw-bg-opacity: .3}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:bg-opacity-40:active{--tw-bg-opacity: .4}
+:root{--font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--font-size-lg: clamp(1.2rem, .7vw + 1.2rem, 1.5rem);--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--color-text: hsl(12, 5%, 4%);--color-bg: hsl(10, 21%, 95%);--color-border: hsl(17, 24%, 90%)}html{font-family:system-ui,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}body{margin:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.relative{position:relative}.mt-8{margin-top:2rem}.ml-3{margin-left:.75rem}.flex{display:flex}.grid{display:grid}.h-32{height:8rem}.h-full{height:100%}.h-5{height:1.25rem}.h-12{height:3rem}.w-32{width:8rem}.w-full{width:100%}.w-5{width:1.25rem}.w-12{width:3rem}.min-w-0{min-width:0px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-\[-120deg\]{--tw-rotate: -120deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity: .2}.p-4{padding:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[400ms\]{transition-duration:.4s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-opacity-30:hover{--tw-bg-opacity: .3}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:bg-opacity-40:active{--tw-bg-opacity: .4}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
diff --git a/templates/assets/7181965e.5e24488a.css b/templates/assets/7181965e.5e24488a.css
new file mode 100644
index 0000000..9eeb678
--- /dev/null
+++ b/templates/assets/7181965e.5e24488a.css
@@ -0,0 +1 @@
+main:where(.astro-SLXJX4NQ){margin:auto;padding:1em;max-width:70ch}
diff --git a/templates/assets/PostCard.42ac9187.js b/templates/assets/PostCard.d1fd8841.js
similarity index 93%
rename from templates/assets/PostCard.42ac9187.js
rename to templates/assets/PostCard.d1fd8841.js
index ad1d32c..14117a0 100644
--- a/templates/assets/PostCard.42ac9187.js
+++ b/templates/assets/PostCard.d1fd8841.js
@@ -1,4 +1,4 @@
import{c as se,h as P,F as ue,i as x,p as O,d as R,r as b,a as F,o as _,b as V,w as j,e as de,f as fe,g as m,j as ce,k as pe,l as ve}from"./chunks/runtime-core.esm-bundler.e59bb94c.js";function w(e,t,...r){if(e in t){let a=t[e];return typeof a=="function"?a(...r):a}let n=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(a=>`"${a}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,w),n}var I=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(I||{}),h=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(h||{});function Q({visible:e=!0,features:t=0,ourProps:r,theirProps:n,...a}){var l;let o=he(n,r),s=Object.assign(a,{props:o});if(e||t&2&&o.static)return A(s);if(t&1){let i=(l=o.unmount)==null||l?0:1;return w(i,{[0](){return null},[1](){return A({...a,props:{...o,hidden:!0,style:{display:"none"}}})}})}return A(s)}function A({props:e,attrs:t,slots:r,slot:n,name:a}){var l;let{as:o,...s}=z(e,["unmount","static"]),i=(l=r.default)==null?void 0:l.call(r,n),u={};if(o==="template"){if(i=W(i),Object.keys(s).length>0||Object.keys(t).length>0){let[d,...f]=i??[];if(!me(d)||f.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${a} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(s).concat(Object.keys(t)).sort((c,p)=>c.localeCompare(p)).map(c=>` - ${c}`).join(`
`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(c=>` - ${c}`).join(`
`)].join(`
-`));return se(d,Object.assign({},s,u))}return Array.isArray(i)&&i.length===1?i[0]:i}return P(o,Object.assign({},s,u),i)}function W(e){return e.flatMap(t=>t.type===ue?W(t.children):[t])}function he(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},r={};for(let n of e)for(let a in n)a.startsWith("on")&&typeof n[a]=="function"?(r[a]!=null||(r[a]=[]),r[a].push(n[a])):t[a]=n[a];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map(n=>[n,void 0])));for(let n in r)Object.assign(t,{[n](a,...l){let o=r[n];for(let s of o){if(a!=null&&a.defaultPrevented)return;s(a,...l)}}});return t}function z(e,t=[]){let r=Object.assign({},e);for(let n of t)n in r&&delete r[n];return r}function me(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let ge=0;function ye(){return++ge}function be(){return ye()}function U(e){var t;return e==null||e.value==null?null:(t=e.value.$el)!=null?t:e.value}let G=Symbol("Context");var S=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(S||{});function we(){return J()!==null}function J(){return x(G,null)}function _e(e){O(G,e)}function Se(e){let t={called:!1};return(...r)=>{if(!t.called)return t.called=!0,e(...r)}}function K(){let e=[],t=[],r={enqueue(n){t.push(n)},requestAnimationFrame(...n){let a=requestAnimationFrame(...n);r.add(()=>cancelAnimationFrame(a))},nextFrame(...n){r.requestAnimationFrame(()=>{r.requestAnimationFrame(...n)})},setTimeout(...n){let a=setTimeout(...n);r.add(()=>clearTimeout(a))},add(n){e.push(n)},dispose(){for(let n of e.splice(0))n()},async workQueue(){for(let n of t.splice(0))await n()}};return r}function B(e,...t){e&&t.length>0&&e.classList.add(...t)}function C(e,...t){e&&t.length>0&&e.classList.remove(...t)}var H=(e=>(e.Finished="finished",e.Cancelled="cancelled",e))(H||{});function Te(e,t){let r=K();if(!e)return r.dispose;let{transitionDuration:n,transitionDelay:a}=getComputedStyle(e),[l,o]=[n,a].map(s=>{let[i=0]=s.split(",").filter(Boolean).map(u=>u.includes("ms")?parseFloat(u):parseFloat(u)*1e3).sort((u,d)=>d-u);return i});return l!==0?r.setTimeout(()=>t("finished"),l+o):t("finished"),r.add(()=>t("cancelled")),r.dispose}function D(e,t,r,n,a,l){let o=K(),s=l!==void 0?Se(l):()=>{};return C(e,...a),B(e,...t,...r),o.nextFrame(()=>{C(e,...r),B(e,...n),o.add(Te(e,i=>(C(e,...n,...t),B(e,...a),s(i))))}),o.add(()=>C(e,...t,...r,...n,...a)),o.add(()=>s("cancelled")),o.dispose}function y(e=""){return e.split(" ").filter(t=>t.trim().length>1)}let $=Symbol("TransitionContext");var Ee=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Ee||{});function Ce(){return x($,null)!==null}function Oe(){let e=x($,null);if(e===null)throw new Error("A is used but it is missing a parent .");return e}function Fe(){let e=x(N,null);if(e===null)throw new Error("A is used but it is missing a parent .");return e}let N=Symbol("NestingContext");function L(e){return"children"in e?L(e.children):e.value.filter(({state:t})=>t==="visible").length>0}function Y(e){let t=b([]),r=b(!1);_(()=>r.value=!0),V(()=>r.value=!1);function n(l,o=h.Hidden){let s=t.value.findIndex(({id:i})=>i===l);s!==-1&&(w(o,{[h.Unmount](){t.value.splice(s,1)},[h.Hidden](){t.value[s].state="hidden"}}),!L(t)&&r.value&&e?.())}function a(l){let o=t.value.find(({id:s})=>s===l);return o?o.state!=="visible"&&(o.state="visible"):t.value.push({id:l,state:"visible"}),()=>n(l,h.Unmount)}return{children:t,register:a,unregister:n}}let X=I.RenderStrategy,je=R({props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n,expose:a}){if(!Ce()&&we())return()=>P(Z,{...e,onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave")},n);let l=b(null),o=b("visible"),s=F(()=>e.unmount?h.Unmount:h.Hidden);a({el:l,$el:l});let{show:i,appear:u}=Oe(),{register:d,unregister:f}=Fe(),c={value:!0},p=be(),T={value:!1},M=Y(()=>{T.value||(o.value="hidden",f(p),t("afterLeave"))});_(()=>{let v=d(p);V(v)}),j(()=>{if(s.value===h.Hidden&&!!p){if(i&&o.value!=="visible"){o.value="visible";return}w(o.value,{hidden:()=>f(p),visible:()=>d(p)})}});let ee=y(e.enter),te=y(e.enterFrom),ne=y(e.enterTo),q=y(e.entered),re=y(e.leave),ae=y(e.leaveFrom),oe=y(e.leaveTo);_(()=>{j(()=>{if(o.value==="visible"){let v=U(l);if(v instanceof Comment&&v.data==="")throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}})});function le(v){let k=c.value&&!u.value,g=U(l);!g||!(g instanceof HTMLElement)||k||(T.value=!0,i.value&&t("beforeEnter"),i.value||t("beforeLeave"),v(i.value?D(g,ee,te,ne,q,E=>{T.value=!1,E===H.Finished&&t("afterEnter")}):D(g,re,ae,oe,q,E=>{T.value=!1,E===H.Finished&&(L(M)||(o.value="hidden",f(p),t("afterLeave")))})))}return _(()=>{de([i],(v,k,g)=>{le(g),c.value=!1},{immediate:!0})}),O(N,M),_e(F(()=>w(o.value,{visible:S.Open,hidden:S.Closed}))),()=>{let{appear:v,show:k,enter:g,enterFrom:E,enterTo:Ue,entered:De,leave:Ve,leaveFrom:Ie,leaveTo:Qe,...ie}=e;return Q({theirProps:ie,ourProps:{ref:l},slot:{},slots:n,attrs:r,features:X,visible:o.value==="visible",name:"TransitionChild"})}}}),xe=je,Z=R({inheritAttrs:!1,props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n}){let a=J(),l=F(()=>e.show===null&&a!==null?w(a.value,{[S.Open]:!0,[S.Closed]:!1}):e.show);j(()=>{if(![!0,!1].includes(l.value))throw new Error('A is used but it is missing a `:show="true | false"` prop.')});let o=b(l.value?"visible":"hidden"),s=Y(()=>{o.value="hidden"}),i=b(!0),u={show:l,appear:F(()=>e.appear||!i.value)};return _(()=>{j(()=>{i.value=!1,l.value?o.value="visible":L(s)||(o.value="hidden")})}),O(N,s),O($,u),()=>{let d=z(e,["show","appear","unmount","onBeforeEnter","onBeforeLeave","onAfterEnter","onAfterLeave"]),f={unmount:e.unmount};return Q({ourProps:{...f,as:"template"},theirProps:{},slot:{},slots:{...n,default:()=>[P(xe,{onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave"),...r,...f,...d},n.default)]},attrs:{},features:X,visible:o.value==="visible",name:"Transition"})}}});const Le=(e,t)=>{const r=e.__vccOpts||e;for(const[n,a]of t)r[n]=a;return r},ke=R({__name:"PostCard",setup(e,{expose:t}){t();const r=b(!0);function n(){r.value=!1,setTimeout(()=>{r.value=!0},500)}const a={isShowing:r,resetIsShowing:n,TransitionRoot:Z};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}}),Ae={class:"p-4"},Be=m("span",{class:"font-bold text-xl","th:text":"@{post.title}"},"Hello Halo",-1),He={class:"flex flex-col items-center py-16"},Pe={class:"h-32 w-32"},Re=m("div",{class:"h-full w-full rounded-md bg-white shadow-lg"},null,-1),$e=m("svg",{viewBox:"0 0 20 20",fill:"none",class:"h-5 w-5 opacity-70"},[m("path",{d:"M14.9497 14.9498C12.2161 17.6835 7.78392 17.6835 5.05025 14.9498C2.31658 12.2162 2.31658 7.784 5.05025 5.05033C7.78392 2.31666 12.2161 2.31666 14.9497 5.05033C15.5333 5.63385 15.9922 6.29475 16.3266 7M16.9497 2L17 7H16.3266M12 7L16.3266 7",stroke:"currentColor","stroke-width":"1.5"})],-1),Ne=m("span",{class:"ml-3"},"Click to transition",-1),Me=[$e,Ne];function qe(e,t,r,n,a,l){return ve(),fe("div",Ae,[Be,m("div",He,[m("div",Pe,[ce(n.TransitionRoot,{appear:"",show:n.isShowing,as:"template",enter:"transform transition duration-[400ms]","enter-from":"opacity-0 rotate-[-120deg] scale-50","enter-to":"opacity-100 rotate-0 scale-100",leave:"transform duration-200 transition ease-in-out","leave-from":"opacity-100 rotate-0 scale-100 ","leave-to":"opacity-0 scale-95 "},{default:pe(()=>[Re]),_:1},8,["show"])]),m("button",{onClick:n.resetIsShowing,class:"mt-8 flex transform items-center rounded-full bg-black bg-opacity-20 px-3 py-2 text-sm font-medium text-white transition hover:scale-105 hover:bg-opacity-30 focus:outline-none active:bg-opacity-40"},Me)])])}const ze=Le(ke,[["render",qe]]);export{ze as default};
+`));return se(d,Object.assign({},s,u))}return Array.isArray(i)&&i.length===1?i[0]:i}return P(o,Object.assign({},s,u),i)}function W(e){return e.flatMap(t=>t.type===ue?W(t.children):[t])}function he(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},r={};for(let n of e)for(let a in n)a.startsWith("on")&&typeof n[a]=="function"?(r[a]!=null||(r[a]=[]),r[a].push(n[a])):t[a]=n[a];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(r).map(n=>[n,void 0])));for(let n in r)Object.assign(t,{[n](a,...l){let o=r[n];for(let s of o){if(a!=null&&a.defaultPrevented)return;s(a,...l)}}});return t}function z(e,t=[]){let r=Object.assign({},e);for(let n of t)n in r&&delete r[n];return r}function me(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}let ge=0;function ye(){return++ge}function be(){return ye()}function U(e){var t;return e==null||e.value==null?null:(t=e.value.$el)!=null?t:e.value}let G=Symbol("Context");var S=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(S||{});function we(){return J()!==null}function J(){return x(G,null)}function _e(e){O(G,e)}function Se(e){let t={called:!1};return(...r)=>{if(!t.called)return t.called=!0,e(...r)}}function K(){let e=[],t=[],r={enqueue(n){t.push(n)},requestAnimationFrame(...n){let a=requestAnimationFrame(...n);r.add(()=>cancelAnimationFrame(a))},nextFrame(...n){r.requestAnimationFrame(()=>{r.requestAnimationFrame(...n)})},setTimeout(...n){let a=setTimeout(...n);r.add(()=>clearTimeout(a))},add(n){e.push(n)},dispose(){for(let n of e.splice(0))n()},async workQueue(){for(let n of t.splice(0))await n()}};return r}function B(e,...t){e&&t.length>0&&e.classList.add(...t)}function C(e,...t){e&&t.length>0&&e.classList.remove(...t)}var H=(e=>(e.Finished="finished",e.Cancelled="cancelled",e))(H||{});function Te(e,t){let r=K();if(!e)return r.dispose;let{transitionDuration:n,transitionDelay:a}=getComputedStyle(e),[l,o]=[n,a].map(s=>{let[i=0]=s.split(",").filter(Boolean).map(u=>u.includes("ms")?parseFloat(u):parseFloat(u)*1e3).sort((u,d)=>d-u);return i});return l!==0?r.setTimeout(()=>t("finished"),l+o):t("finished"),r.add(()=>t("cancelled")),r.dispose}function D(e,t,r,n,a,l){let o=K(),s=l!==void 0?Se(l):()=>{};return C(e,...a),B(e,...t,...r),o.nextFrame(()=>{C(e,...r),B(e,...n),o.add(Te(e,i=>(C(e,...n,...t),B(e,...a),s(i))))}),o.add(()=>C(e,...t,...r,...n,...a)),o.add(()=>s("cancelled")),o.dispose}function y(e=""){return e.split(" ").filter(t=>t.trim().length>1)}let $=Symbol("TransitionContext");var Ee=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Ee||{});function Ce(){return x($,null)!==null}function Oe(){let e=x($,null);if(e===null)throw new Error("A is used but it is missing a parent .");return e}function Fe(){let e=x(N,null);if(e===null)throw new Error("A is used but it is missing a parent .");return e}let N=Symbol("NestingContext");function L(e){return"children"in e?L(e.children):e.value.filter(({state:t})=>t==="visible").length>0}function Y(e){let t=b([]),r=b(!1);_(()=>r.value=!0),V(()=>r.value=!1);function n(l,o=h.Hidden){let s=t.value.findIndex(({id:i})=>i===l);s!==-1&&(w(o,{[h.Unmount](){t.value.splice(s,1)},[h.Hidden](){t.value[s].state="hidden"}}),!L(t)&&r.value&&e?.())}function a(l){let o=t.value.find(({id:s})=>s===l);return o?o.state!=="visible"&&(o.state="visible"):t.value.push({id:l,state:"visible"}),()=>n(l,h.Unmount)}return{children:t,register:a,unregister:n}}let X=I.RenderStrategy,je=R({props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n,expose:a}){if(!Ce()&&we())return()=>P(Z,{...e,onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave")},n);let l=b(null),o=b("visible"),s=F(()=>e.unmount?h.Unmount:h.Hidden);a({el:l,$el:l});let{show:i,appear:u}=Oe(),{register:d,unregister:f}=Fe(),c={value:!0},p=be(),T={value:!1},M=Y(()=>{T.value||(o.value="hidden",f(p),t("afterLeave"))});_(()=>{let v=d(p);V(v)}),j(()=>{if(s.value===h.Hidden&&!!p){if(i&&o.value!=="visible"){o.value="visible";return}w(o.value,{hidden:()=>f(p),visible:()=>d(p)})}});let ee=y(e.enter),te=y(e.enterFrom),ne=y(e.enterTo),q=y(e.entered),re=y(e.leave),ae=y(e.leaveFrom),oe=y(e.leaveTo);_(()=>{j(()=>{if(o.value==="visible"){let v=U(l);if(v instanceof Comment&&v.data==="")throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}})});function le(v){let k=c.value&&!u.value,g=U(l);!g||!(g instanceof HTMLElement)||k||(T.value=!0,i.value&&t("beforeEnter"),i.value||t("beforeLeave"),v(i.value?D(g,ee,te,ne,q,E=>{T.value=!1,E===H.Finished&&t("afterEnter")}):D(g,re,ae,oe,q,E=>{T.value=!1,E===H.Finished&&(L(M)||(o.value="hidden",f(p),t("afterLeave")))})))}return _(()=>{de([i],(v,k,g)=>{le(g),c.value=!1},{immediate:!0})}),O(N,M),_e(F(()=>w(o.value,{visible:S.Open,hidden:S.Closed}))),()=>{let{appear:v,show:k,enter:g,enterFrom:E,enterTo:Ue,entered:De,leave:Ve,leaveFrom:Ie,leaveTo:Qe,...ie}=e;return Q({theirProps:ie,ourProps:{ref:l},slot:{},slots:n,attrs:r,features:X,visible:o.value==="visible",name:"TransitionChild"})}}}),xe=je,Z=R({inheritAttrs:!1,props:{as:{type:[Object,String],default:"div"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:""},enterFrom:{type:[String],default:""},enterTo:{type:[String],default:""},entered:{type:[String],default:""},leave:{type:[String],default:""},leaveFrom:{type:[String],default:""},leaveTo:{type:[String],default:""}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:r,slots:n}){let a=J(),l=F(()=>e.show===null&&a!==null?w(a.value,{[S.Open]:!0,[S.Closed]:!1}):e.show);j(()=>{if(![!0,!1].includes(l.value))throw new Error('A is used but it is missing a `:show="true | false"` prop.')});let o=b(l.value?"visible":"hidden"),s=Y(()=>{o.value="hidden"}),i=b(!0),u={show:l,appear:F(()=>e.appear||!i.value)};return _(()=>{j(()=>{i.value=!1,l.value?o.value="visible":L(s)||(o.value="hidden")})}),O(N,s),O($,u),()=>{let d=z(e,["show","appear","unmount","onBeforeEnter","onBeforeLeave","onAfterEnter","onAfterLeave"]),f={unmount:e.unmount};return Q({ourProps:{...f,as:"template"},theirProps:{},slot:{},slots:{...n,default:()=>[P(xe,{onBeforeEnter:()=>t("beforeEnter"),onAfterEnter:()=>t("afterEnter"),onBeforeLeave:()=>t("beforeLeave"),onAfterLeave:()=>t("afterLeave"),...r,...f,...d},n.default)]},attrs:{},features:X,visible:o.value==="visible",name:"Transition"})}}});const Le=(e,t)=>{const r=e.__vccOpts||e;for(const[n,a]of t)r[n]=a;return r},ke=R({__name:"PostCard",setup(e,{expose:t}){t();const r=b(!0);function n(){r.value=!1,setTimeout(()=>{r.value=!0},500)}const a={isShowing:r,resetIsShowing:n,TransitionRoot:Z};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}}),Ae={class:"p-4"},Be=m("span",{class:"text-xl font-bold","th:text":"@{post.title}"},"Hello Halo",-1),He={class:"flex flex-col items-center py-16"},Pe={class:"h-32 w-32"},Re=m("div",{class:"h-full w-full rounded-md bg-white shadow-lg"},null,-1),$e=m("svg",{class:"h-5 w-5 opacity-70",fill:"none",viewBox:"0 0 20 20"},[m("path",{d:"M14.9497 14.9498C12.2161 17.6835 7.78392 17.6835 5.05025 14.9498C2.31658 12.2162 2.31658 7.784 5.05025 5.05033C7.78392 2.31666 12.2161 2.31666 14.9497 5.05033C15.5333 5.63385 15.9922 6.29475 16.3266 7M16.9497 2L17 7H16.3266M12 7L16.3266 7",stroke:"currentColor","stroke-width":"1.5"})],-1),Ne=m("span",{class:"ml-3"},"Click to transition",-1),Me=[$e,Ne];function qe(e,t,r,n,a,l){return ve(),fe("div",Ae,[Be,m("div",He,[m("div",Pe,[ce(n.TransitionRoot,{show:n.isShowing,appear:"",as:"template",enter:"transform transition duration-[400ms]","enter-from":"opacity-0 rotate-[-120deg] scale-50","enter-to":"opacity-100 rotate-0 scale-100",leave:"transform duration-200 transition ease-in-out","leave-from":"opacity-100 rotate-0 scale-100 ","leave-to":"opacity-0 scale-95 "},{default:pe(()=>[Re]),_:1},8,["show"])]),m("button",{class:"mt-8 flex transform items-center rounded-full bg-black bg-opacity-20 px-3 py-2 text-sm font-medium text-white transition hover:scale-105 hover:bg-opacity-30 focus:outline-none active:bg-opacity-40",onClick:n.resetIsShowing},Me)])])}const ze=Le(ke,[["render",qe]]);export{ze as default};
diff --git a/templates/assets/c3308dde.eb1eaf30.css b/templates/assets/c3308dde.c4369cc0.css
similarity index 97%
rename from templates/assets/c3308dde.eb1eaf30.css
rename to templates/assets/c3308dde.c4369cc0.css
index f73d4fa..057880a 100644
--- a/templates/assets/c3308dde.eb1eaf30.css
+++ b/templates/assets/c3308dde.c4369cc0.css
@@ -1 +1 @@
-:root{--astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4)}h1:where(.astro-SJCY3QFU){margin:2rem 0}main:where(.astro-SJCY3QFU){margin:auto;padding:1em;max-width:60ch}.text-gradient:where(.astro-SJCY3QFU){font-weight:900;background-image:var(--astro-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 200%;background-position-y:100%;border-radius:.4rem;-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{background-position-y:0%}50%{background-position-y:80%}}@keyframes pulse{0%,to{background-position-y:0%}50%{background-position-y:80%}}.instructions:where(.astro-SJCY3QFU){line-height:1.6;margin:1rem 0;background:#4f39fa;padding:1rem;border-radius:.4rem;color:var(--color-bg)}.instructions:where(.astro-SJCY3QFU) code:where(.astro-SJCY3QFU){font-size:.875em;border:.1em solid var(--color-border);border-radius:4px;padding:.15em .25em}.link-card-grid:where(.astro-SJCY3QFU){display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}:root{--link-gradient: linear-gradient(45deg, #4f39fa, #da62c4 30%, var(--color-border) 60%)}.link-card:where(.astro-DYDDWWYO){list-style:none;display:flex;padding:.15rem;background-image:var(--link-gradient);background-size:400%;border-radius:.5rem;background-position:100%;transition:background-position .6s cubic-bezier(.22,1,.36,1)}.link-card:where(.astro-DYDDWWYO)>a:where(.astro-DYDDWWYO){width:100%;text-decoration:none;line-height:1.4;padding:1em 1.3em;border-radius:.35rem;color:var(--text-color);background-color:#fff;opacity:.8}h2:where(.astro-DYDDWWYO){margin:0;transition:color .6s cubic-bezier(.22,1,.36,1)}p:where(.astro-DYDDWWYO){margin-top:.75rem;margin-bottom:0}h2:where(.astro-DYDDWWYO) span:where(.astro-DYDDWWYO){display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within){background-position:0}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within) h2:where(.astro-DYDDWWYO){color:#4f39fa}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within) h2:where(.astro-DYDDWWYO) span:where(.astro-DYDDWWYO){transform:translate(2px)}
+:root{--astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4)}h1:where(.astro-SJCY3QFU){margin:2rem 0}main:where(.astro-SJCY3QFU){margin:auto;padding:1em;max-width:70ch}.text-gradient:where(.astro-SJCY3QFU){font-weight:900;background-image:var(--astro-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 200%;background-position-y:100%;border-radius:.4rem;-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{background-position-y:0%}50%{background-position-y:80%}}@keyframes pulse{0%,to{background-position-y:0%}50%{background-position-y:80%}}.instructions:where(.astro-SJCY3QFU){line-height:1.6;margin:1rem 0;background:#4f39fa;padding:1rem;border-radius:.4rem;color:var(--color-bg)}.instructions:where(.astro-SJCY3QFU) code:where(.astro-SJCY3QFU){font-size:.875em;border:.1em solid var(--color-border);border-radius:4px;padding:.15em .25em}.link-card-grid:where(.astro-SJCY3QFU){display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}:root{--link-gradient: linear-gradient(45deg, #4f39fa, #da62c4 30%, var(--color-border) 60%)}.link-card:where(.astro-DYDDWWYO){list-style:none;display:flex;padding:.15rem;background-image:var(--link-gradient);background-size:400%;border-radius:.5rem;background-position:100%;transition:background-position .6s cubic-bezier(.22,1,.36,1)}.link-card:where(.astro-DYDDWWYO)>a:where(.astro-DYDDWWYO){width:100%;text-decoration:none;line-height:1.4;padding:1em 1.3em;border-radius:.35rem;color:var(--text-color);background-color:#fff;opacity:.8}h2:where(.astro-DYDDWWYO){margin:0;transition:color .6s cubic-bezier(.22,1,.36,1)}p:where(.astro-DYDDWWYO){margin-top:.75rem;margin-bottom:0}h2:where(.astro-DYDDWWYO) span:where(.astro-DYDDWWYO){display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within){background-position:0}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within) h2:where(.astro-DYDDWWYO){color:#4f39fa}.link-card:where(.astro-DYDDWWYO):is(:hover,:focus-within) h2:where(.astro-DYDDWWYO) span:where(.astro-DYDDWWYO){transform:translate(2px)}
diff --git a/templates/index.html b/templates/index.html
index 2bd0839..3425f6b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,157 +1,71 @@
-
-
-
+
-
+
Welcome to Astro.
-
-
-
+
+
-
-
- Welcome to Astro
-
- Check out the src/pages directory to get started.
- Code Challenge: Tweak the "Welcome to Astro" message above.
-
-
-
-
+
- connectedCallback() {
- !this.hasAttribute("await-children") || this.firstChild ? this.childrenConnectedCallback() : new MutationObserver((r, e) => {
- e.disconnect(), this.childrenConnectedCallback()
- }).observe(this, {childList: !0})
- }
- async childrenConnectedCallback() {
- window.addEventListener("astro:hydrate", this.hydrate), await import(this.getAttribute("before-hydration-url"));
- const r = JSON.parse(this.getAttribute("opts"));
- Astro[this.getAttribute("client")](async () => {
- const e = this.getAttribute("renderer-url"), [i, {default: o}] = await Promise.all([import(this.getAttribute("component-url")), e ? import(e) : () => () => {
- }]);
- return this.Component = i[this.getAttribute("component-export") || "default"], this.hydrator = o, this.hydrate
- }, r, this)
- }
- attributeChangedCallback() {
- this.hydrator && this.hydrate()
- }
- }, a.observedAttributes = ["props"], a))
- }
-
- Hello Halo
-
-
-
-
-
-
-
-
-
+ 
+