summaryrefslogtreecommitdiff
path: root/examples/starter/public
diff options
context:
space:
mode:
Diffstat (limited to 'examples/starter/public')
-rw-r--r--examples/starter/public/assets/logo.svg12
-rw-r--r--examples/starter/public/favicon.svg11
-rw-r--r--examples/starter/public/robots.txt2
-rw-r--r--examples/starter/public/style/global.css28
-rw-r--r--examples/starter/public/style/home.css38
5 files changed, 91 insertions, 0 deletions
diff --git a/examples/starter/public/assets/logo.svg b/examples/starter/public/assets/logo.svg
new file mode 100644
index 000000000..d751556b2
--- /dev/null
+++ b/examples/starter/public/assets/logo.svg
@@ -0,0 +1,12 @@
+<svg width="193" height="256" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <style>
+ #flame { fill: #FF5D01; }
+ #a { fill: #000014; }
+ @media (prefers-color-scheme: dark) {
+ #a { fill: #fff; }
+ }
+ </style>
+
+ <path id="a" fill-rule="evenodd" clip-rule="evenodd" d="M131.496 18.929c1.943 2.413 2.935 5.67 4.917 12.181l43.309 142.27a180.277 180.277 0 00-51.778-17.53L99.746 60.56a3.67 3.67 0 00-7.042.01l-27.857 95.232a180.224 180.224 0 00-52.01 17.557l43.52-142.281c1.989-6.502 2.983-9.752 4.927-12.16a15.999 15.999 0 016.484-4.798c2.872-1.154 6.271-1.154 13.07-1.154h31.085c6.807 0 10.211 0 13.085 1.157a16 16 0 016.488 4.806z" fill="url(#paint0_linear)"/>
+ <path id="flame" fill-rule="evenodd" clip-rule="evenodd" d="M136.678 180.151c-7.14 6.105-21.39 10.268-37.804 10.268-20.147 0-37.033-6.272-41.513-14.707-1.602 4.835-1.962 10.367-1.962 13.902 0 0-1.055 17.355 11.016 29.426 0-6.268 5.081-11.349 11.349-11.349 10.743 0 10.731 9.373 10.721 16.977v.679c0 11.542 7.054 21.436 17.086 25.606a23.27 23.27 0 01-2.339-10.2c0-11.008 6.463-15.107 13.973-19.87 5.977-3.79 12.616-8.001 17.192-16.449a31.013 31.013 0 003.744-14.82c0-3.299-.513-6.479-1.463-9.463z" />
+</svg>
diff --git a/examples/starter/public/favicon.svg b/examples/starter/public/favicon.svg
new file mode 100644
index 000000000..542f90aec
--- /dev/null
+++ b/examples/starter/public/favicon.svg
@@ -0,0 +1,11 @@
+<svg width="256" height="256" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <style>
+ #flame { fill: #FF5D01; }
+ #a { fill: #000014; }
+ @media (prefers-color-scheme: dark) {
+ #a { fill: #fff; }
+ }
+ </style>
+ <path id="a" fill-rule="evenodd" clip-rule="evenodd" d="M163.008 18.929c1.944 2.413 2.935 5.67 4.917 12.181l43.309 142.27a180.277 180.277 0 00-51.778-17.53l-28.198-95.29a3.67 3.67 0 00-7.042.01l-27.857 95.232a180.225 180.225 0 00-52.01 17.557l43.52-142.281c1.99-6.502 2.983-9.752 4.927-12.16a15.999 15.999 0 016.484-4.798c2.872-1.154 6.271-1.154 13.07-1.154h31.085c6.807 0 10.211 0 13.086 1.157a16.004 16.004 0 016.487 4.806z" />
+ <path id="flame" fill-rule="evenodd" clip-rule="evenodd" d="M168.19 180.151c-7.139 6.105-21.39 10.268-37.804 10.268-20.147 0-37.033-6.272-41.513-14.707-1.602 4.835-1.961 10.367-1.961 13.902 0 0-1.056 17.355 11.015 29.426 0-6.268 5.081-11.349 11.349-11.349 10.743 0 10.731 9.373 10.721 16.977v.679c0 11.542 7.054 21.436 17.086 25.606a23.27 23.27 0 01-2.339-10.2c0-11.008 6.463-15.107 13.974-19.87 5.976-3.79 12.616-8.001 17.192-16.449a31.024 31.024 0 003.743-14.82c0-3.299-.513-6.479-1.463-9.463z" />
+</svg>
diff --git a/examples/starter/public/robots.txt b/examples/starter/public/robots.txt
new file mode 100644
index 000000000..1f53798bb
--- /dev/null
+++ b/examples/starter/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
diff --git a/examples/starter/public/style/global.css b/examples/starter/public/style/global.css
new file mode 100644
index 000000000..0ce3b249a
--- /dev/null
+++ b/examples/starter/public/style/global.css
@@ -0,0 +1,28 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+}
+
+:root {
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+ font-size: 1rem;
+ --user-font-scale: 1rem - 16px;
+ font-size: clamp(0.875rem, 0.4626rem + 1.0309vw + var(--user-font-scale), 1.125rem);
+}
+
+body {
+ padding: 4rem 2rem;
+ width: 100vw;
+ min-height: 100vh;
+ display: grid;
+ justify-content: center;
+ background: #f9fafb;
+ color: #111827;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background: #111827;
+ color: #fff;
+ }
+}
diff --git a/examples/starter/public/style/home.css b/examples/starter/public/style/home.css
new file mode 100644
index 000000000..c4271a845
--- /dev/null
+++ b/examples/starter/public/style/home.css
@@ -0,0 +1,38 @@
+:root {
+ --font-mono: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
+ --color-light: #F3F4F6;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --color-light: #1F2937;
+ }
+}
+
+a {
+ color: inherit;
+}
+
+header > div {
+ font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem);
+}
+
+header > div {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+header h1 {
+ font-size: 1em;
+ font-weight: 500;
+}
+header img {
+ width: 2em;
+ height: 2.667em;
+}
+
+h2 {
+ font-weight: 500;
+ font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem);
+}