diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..0f77216 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +export default { + plugins: { + tailwindcss: {}, + autoprefixer: {} + } +}; diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..e0fe217 --- /dev/null +++ b/src/app.css @@ -0,0 +1,125 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root +{ + --font-size : 1vw; +} + +* +{ + color: #F5F5F5; + text-decoration: none; + font-size: var(--font-size, 1vw); + transition: 0.3s; +} + +h1 +{ + font-size: calc(var(--font-size, 1vw) * 2.5); +} + +html +{ + /*background: linear-gradient(45deg, #102eff, #d2379b);*/ + background: linear-gradient(45deg, #b9b9c9, #d2379b); + height: 100vh; +} + +body +{ + display: flex; + height: 100vh; + align-items: center; + flex-direction: column; +} + +.container +{ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + + width: 75vw; + height: 75vh; +} + +hr { + height: 1px; + width: 100%; + background-color: #A1674A; + border: none; + +} + +nav +{ + display: flex; + align-self: start; + justify-content: space-around; + align-items: center; + + height: 5vh; + + margin-top: 2vh; + margin-bottom: 2vh; +} + +nav a +{ + margin-right: 2.5vw; + margin-left: 2.5vw; +} + +.nav_delimiter +{ + margin-bottom: 5vh; +} + +form +{ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + margin-bottom: 10vh; +} + +input +{ + color: #424242; + font-size: 2.5vh; + + width: 20vw; + height: 4.5vh; + + padding: 1vh; + margin: 1.5vh; + + text-align: center; +} + +.bordered +{ + border-radius: 10px; +} + +footer +{ + display: flex; + justify-content: end; + align-items: center; + + position: absolute; + bottom: 0.25vh; + margin-bottom: 0.25vh; + + width: 100vw; + height: 5vh; +} + +footer a { + margin-right: 2vh; +} \ No newline at end of file diff --git a/src/app.html b/src/app.html index 77a5ff5..284c860 100644 --- a/src/app.html +++ b/src/app.html @@ -1,6 +1,7 @@
+Visit kit.svelte.dev to read the documentation
+It was revealed to me in my dream
\ No newline at end of file diff --git a/src/routes/play/+page.svelte b/src/routes/play/+page.svelte new file mode 100644 index 0000000..2492b46 --- /dev/null +++ b/src/routes/play/+page.svelte @@ -0,0 +1,4 @@ + diff --git a/src/routes/play/+page.svlete b/src/routes/play/+page.svlete new file mode 100644 index 0000000..e69de29 diff --git a/static/favicon.png b/static/favicon.png deleted file mode 100644 index 825b9e6..0000000 Binary files a/static/favicon.png and /dev/null differ diff --git a/tailwind.config.ts b/tailwind.config.ts new file mode 100644 index 0000000..efd3b54 --- /dev/null +++ b/tailwind.config.ts @@ -0,0 +1,11 @@ +import type { Config } from 'tailwindcss'; + +export default { + content: ['./src/**/*.{html,js,svelte,ts}'], + + theme: { + extend: {} + }, + + plugins: [] +} as Config;