Compare commits
2 commits
5f1f0d58d8
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9cefe6237d | ||
|
|
9f1d634cf3 |
7 changed files with 8654 additions and 8668 deletions
28
README.md
28
README.md
|
|
@ -1,22 +1,8 @@
|
||||||
# create-svelte
|
# Homesite
|
||||||
|
|
||||||
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
|
My personal web site, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
|
||||||
|
|
||||||
## Creating a project
|
## If you want to test this locally
|
||||||
|
|
||||||
If you're seeing this, you've probably already done this step. Congrats!
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# create a new project in the current directory
|
|
||||||
npm init svelte@next
|
|
||||||
|
|
||||||
# create a new project in my-app
|
|
||||||
npm init svelte@next my-app
|
|
||||||
```
|
|
||||||
|
|
||||||
> Note: the `@next` is temporary
|
|
||||||
|
|
||||||
## Developing
|
|
||||||
|
|
||||||
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
||||||
|
|
||||||
|
|
@ -27,14 +13,10 @@ npm run dev
|
||||||
npm run dev -- --open
|
npm run dev -- --open
|
||||||
```
|
```
|
||||||
|
|
||||||
## Building
|
## Bundling into statics site
|
||||||
|
|
||||||
To create a production version of your app:
|
To create a static version of this project:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run build
|
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://kit.svelte.dev/docs/adapters) for your target environment.
|
|
||||||
|
|
|
||||||
4
package-lock.json
generated
4
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "veikko.lintujarvi.fi",
|
"name": "veikko.lintujarvi.fi",
|
||||||
"version": "0.0.1",
|
"version": "1.0.0",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "veikko.lintujarvi.fi",
|
"name": "veikko.lintujarvi.fi",
|
||||||
"version": "0.0.1",
|
"version": "1.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource/fira-mono": "^4.5.0",
|
"@fontsource/fira-mono": "^4.5.0",
|
||||||
"@lukeed/uuid": "^2.0.0",
|
"@lukeed/uuid": "^2.0.0",
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "veikko.lintujarvi.fi",
|
"name": "veikko.lintujarvi.fi",
|
||||||
"version": "0.0.1",
|
"version": "1.0.0",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "svelte-kit dev",
|
"dev": "svelte-kit dev",
|
||||||
"build": "svelte-kit build",
|
"build": "svelte-kit build",
|
||||||
|
|
|
||||||
13
src/app.css
13
src/app.css
|
|
@ -3,11 +3,11 @@
|
||||||
:root {
|
:root {
|
||||||
font-family: 'Syne Mono', monospace;
|
font-family: 'Syne Mono', monospace;
|
||||||
--pure-white: #ffffff;
|
--pure-white: #ffffff;
|
||||||
--primary-color: #642aa7;
|
--primary-color: #4f2085;
|
||||||
--secondary-color: #5c0ac7;
|
--secondary-color: #3f0d80;
|
||||||
--tertiary-color: #385196;
|
--tertiary-color: #132761;
|
||||||
--accent-color: #4b0981;
|
--accent-color: #a12fce;
|
||||||
--heading-color: rgba(0, 0, 0, 0.7);
|
--heading-color: rgba(255, 255, 255, 0.7);
|
||||||
--background-without-opacity: rgba(8, 4, 4, 0.7);
|
--background-without-opacity: rgba(8, 4, 4, 0.7);
|
||||||
--column-width: 42rem;
|
--column-width: 42rem;
|
||||||
--column-margin-top: 4rem;
|
--column-margin-top: 4rem;
|
||||||
|
|
@ -49,7 +49,8 @@ body::before {
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
p {
|
p,
|
||||||
|
li {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: var(--heading-color);
|
color: var(--heading-color);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,4 +14,7 @@
|
||||||
<div>%svelte.body%</div>
|
<div>%svelte.body%</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
<script async defer data-website-id="25ad484d-c6d4-452e-8f9d-364301d0da3a"
|
||||||
|
src="https://umami.avislacus.com/umami.js"></script>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
nav {
|
nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
--background: rgba(133, 116, 192, 0.63);
|
--background: rgba(42, 18, 128, 0.63);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
|
@ -76,7 +76,7 @@
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
color: var(--heading-color);
|
color: var(--heading-color);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 0.8rem;
|
font-size: 0.9rem;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.1em;
|
letter-spacing: 0.1em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>Me</title>
|
<title>Veikko Lintujärvi</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue