aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorArjun Satarkar <me@arjunsatarkar.net>2024-12-31 15:51:00 +0000
committerArjun Satarkar <me@arjunsatarkar.net>2024-12-31 15:51:00 +0000
commit292806498e1adb71ede3c77ea32c5167d4f19929 (patch)
treed44462180b6ebe61024a9c8625a082588d84be91
parent4e4134f8b2c1611e7d40074af55dcef75476016f (diff)
downloadis-the-year-a-perfect-square-292806498e1adb71ede3c77ea32c5167d4f19929.tar
is-the-year-a-perfect-square-292806498e1adb71ede3c77ea32c5167d4f19929.tar.gz
is-the-year-a-perfect-square-292806498e1adb71ede3c77ea32c5167d4f19929.zip
Add title, reset README
-rw-r--r--README.md39
-rw-r--r--src/app.html1
-rw-r--r--src/routes/+page.svelte6
3 files changed, 8 insertions, 38 deletions
diff --git a/README.md b/README.md
index b5b2950..969ab2a 100644
--- a/README.md
+++ b/README.md
@@ -1,38 +1 @@
-# sv
-
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npx sv create
-
-# create a new project in my-app
-npx sv create my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+# Is the year a perfect square?
diff --git a/src/app.html b/src/app.html
index 77a5ff5..ffc7b4c 100644
--- a/src/app.html
+++ b/src/app.html
@@ -5,6 +5,7 @@
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
+ <title>Is the year a perfect square?</title>
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 3519725..3b2ef88 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -21,6 +21,7 @@
</script>
<div id="container">
+ <h1>Is the year a perfect square?</h1>
{#if isPerfectSquare}
<div id="answer">Yes.</div>
<strong>{sqrt}</strong><sup>2</sup> = {year}.
@@ -38,6 +39,11 @@
text-align: center;
font-size: 2rem;
}
+ h1 {
+ font-size: inherit;
+ margin: 0;
+ font-weight: normal;
+ }
#answer {
font-size: 5em;
margin: 0;