commit c7cee2af64f39c011ac6979a528906c159e2a8ac Author: Antonio De Lucreziis Date: Mon Jul 29 18:31:32 2024 +0200 initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..16d54bb --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# build output +dist/ +# generated types +.astro/ + +# dependencies +node_modules/ + +# logs +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + + +# environment variables +.env +.env.production + +# macOS-specific files +.DS_Store + +# jetbrains setting folder +.idea/ diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..2592970 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,4 @@ +{ + "recommendations": ["astro-build.astro-vscode"], + "unwantedRecommendations": [] +} diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..e368c54 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,11 @@ +{ + "version": "0.2.0", + "configurations": [ + { + "command": "./node_modules/.bin/astro dev", + "name": "Development server", + "request": "launch", + "type": "node-terminal" + } + ] +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..5a31e01 --- /dev/null +++ b/README.md @@ -0,0 +1,20 @@ +# Sito di Arianna Misuraca + +## Usage + +```bash +npm install +``` + +```bash +npm run dev +``` + +```bash +npm run build +``` + +```bash +rsync -azvP ./dist/ misuraca@poisson.phc.dm.unipi.it:/home/misuraca/public_html/ +``` + diff --git a/astro.config.mjs b/astro.config.mjs new file mode 100644 index 0000000..36a28e4 --- /dev/null +++ b/astro.config.mjs @@ -0,0 +1,7 @@ +import { defineConfig } from 'astro/config' + +// https://astro.build/config +export default defineConfig({ + base: '/~misuraca', + trailingSlash: 'always', +}) diff --git a/bun.lockb b/bun.lockb new file mode 100755 index 0000000..7ab9d79 Binary files /dev/null and b/bun.lockb differ diff --git a/package.json b/package.json new file mode 100644 index 0000000..5de9333 --- /dev/null +++ b/package.json @@ -0,0 +1,19 @@ +{ + "name": "poisson-arianna", + "type": "module", + "version": "0.0.1", + "scripts": { + "dev": "astro dev", + "start": "astro dev", + "build": "astro build", + "preview": "astro preview", + "astro": "astro" + }, + "dependencies": { + "@fontsource/berkshire-swash": "^5.0.20", + "@fontsource/corinthia": "^5.0.20", + "@fontsource/indie-flower": "^5.0.19", + "@fontsource/patrick-hand": "^5.0.20", + "astro": "^4.12.2" + } +} \ No newline at end of file diff --git a/public/arianna-1.png b/public/arianna-1.png new file mode 100644 index 0000000..52dcdac Binary files /dev/null and b/public/arianna-1.png differ diff --git a/public/bocca.png b/public/bocca.png new file mode 100644 index 0000000..57271c8 Binary files /dev/null and b/public/bocca.png differ diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..f157bd1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,9 @@ + + + + diff --git a/public/foto.png b/public/foto.png new file mode 100644 index 0000000..d2e3930 Binary files /dev/null and b/public/foto.png differ diff --git a/public/gatto-1.png b/public/gatto-1.png new file mode 100644 index 0000000..3f8f388 Binary files /dev/null and b/public/gatto-1.png differ diff --git a/public/gatto-2.png b/public/gatto-2.png new file mode 100644 index 0000000..0cd3b54 Binary files /dev/null and b/public/gatto-2.png differ diff --git a/public/gatto-matematica.png b/public/gatto-matematica.png new file mode 100644 index 0000000..8a35552 Binary files /dev/null and b/public/gatto-matematica.png differ diff --git a/public/gazzelle.png b/public/gazzelle.png new file mode 100644 index 0000000..d11cd29 Binary files /dev/null and b/public/gazzelle.png differ diff --git a/public/gomitolo.png b/public/gomitolo.png new file mode 100644 index 0000000..dd24cf2 Binary files /dev/null and b/public/gomitolo.png differ diff --git a/public/libri.png b/public/libri.png new file mode 100644 index 0000000..5bec378 Binary files /dev/null and b/public/libri.png differ diff --git a/public/link-icon.png b/public/link-icon.png new file mode 100644 index 0000000..e78b40c Binary files /dev/null and b/public/link-icon.png differ diff --git a/public/link-utili.png b/public/link-utili.png new file mode 100644 index 0000000..7f52e22 Binary files /dev/null and b/public/link-utili.png differ diff --git a/public/note.png b/public/note.png new file mode 100644 index 0000000..887daed Binary files /dev/null and b/public/note.png differ diff --git a/public/pattern-arianna-right.png b/public/pattern-arianna-right.png new file mode 100644 index 0000000..8f24743 Binary files /dev/null and b/public/pattern-arianna-right.png differ diff --git a/public/pattern-arianna-right.svg b/public/pattern-arianna-right.svg new file mode 100644 index 0000000..39d802f --- /dev/null +++ b/public/pattern-arianna-right.svg @@ -0,0 +1,2861 @@ + + + + diff --git a/public/pattern-arianna.png b/public/pattern-arianna.png new file mode 100644 index 0000000..a5436e4 Binary files /dev/null and b/public/pattern-arianna.png differ diff --git a/public/pattern-arianna.svg b/public/pattern-arianna.svg new file mode 100644 index 0000000..b5a9116 --- /dev/null +++ b/public/pattern-arianna.svg @@ -0,0 +1,1469 @@ + + + + diff --git a/public/pi-greco.png b/public/pi-greco.png new file mode 100644 index 0000000..c731ac5 Binary files /dev/null and b/public/pi-greco.png differ diff --git a/public/sunflower.png b/public/sunflower.png new file mode 100644 index 0000000..94dd39a Binary files /dev/null and b/public/sunflower.png differ diff --git a/public/wine-glass.png b/public/wine-glass.png new file mode 100644 index 0000000..2bfba7c Binary files /dev/null and b/public/wine-glass.png differ diff --git a/src/assets/galleria/foto-1.png b/src/assets/galleria/foto-1.png new file mode 100644 index 0000000..331d540 Binary files /dev/null and b/src/assets/galleria/foto-1.png differ diff --git a/src/assets/galleria/foto-2.png b/src/assets/galleria/foto-2.png new file mode 100644 index 0000000..331d540 Binary files /dev/null and b/src/assets/galleria/foto-2.png differ diff --git a/src/assets/galleria/foto-3.png b/src/assets/galleria/foto-3.png new file mode 100644 index 0000000..331d540 Binary files /dev/null and b/src/assets/galleria/foto-3.png differ diff --git a/src/assets/galleria/foto-4.png b/src/assets/galleria/foto-4.png new file mode 100644 index 0000000..331d540 Binary files /dev/null and b/src/assets/galleria/foto-4.png differ diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro new file mode 100644 index 0000000..2ee1ee5 --- /dev/null +++ b/src/components/Sidebar.astro @@ -0,0 +1,34 @@ + diff --git a/src/content/about.md b/src/content/about.md new file mode 100644 index 0000000..e69de29 diff --git a/src/content/appunti/analisi-1.md b/src/content/appunti/analisi-1.md new file mode 100644 index 0000000..35006e6 --- /dev/null +++ b/src/content/appunti/analisi-1.md @@ -0,0 +1,5 @@ +--- +title: Analisi 1 +--- + +Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, sit. \ No newline at end of file diff --git a/src/content/interessi.md b/src/content/interessi.md new file mode 100644 index 0000000..e69de29 diff --git a/src/content/link-utili.md b/src/content/link-utili.md new file mode 100644 index 0000000..020bcb0 --- /dev/null +++ b/src/content/link-utili.md @@ -0,0 +1,34 @@ +## Primo paragrafo + +![Gatto Matematica](/~misuraca/gatto-matematica.png) + +Questo è un paragrafo _di testo_. + +### Secondo paragrafo + +Questo è un **altro** paragrafo di testo. + +![Gatto Matematica](/~misuraca/gatto-matematica.png) + +#### Terzo paragrafo + +Questo è un terzo paragrafo di testo. + +![Gatto Matematica](/~misuraca/gatto-matematica.png) + +- Primo elemento + +- Secondo elemento + +- Terzo elemento [link](https://example.com) + +Questo è un terzo paragrafo di testo. + +![Gatto Matematica](/~misuraca/gatto-matematica.png) + +1. Primo elemento + +2. Secondo elemento + +3. Terzo elemento [link](https://example.com) + diff --git a/src/env.d.ts b/src/env.d.ts new file mode 100644 index 0000000..acef35f --- /dev/null +++ b/src/env.d.ts @@ -0,0 +1,2 @@ +/// +/// diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro new file mode 100644 index 0000000..1d38166 --- /dev/null +++ b/src/layouts/Base.astro @@ -0,0 +1,30 @@ +--- +import '../main.css' + +import Sidebar from '../components/Sidebar.astro' + +import '@fontsource/corinthia/latin.css' +import '@fontsource/indie-flower/latin.css' +import '@fontsource/patrick-hand/latin.css' +import '@fontsource/berkshire-swash/latin.css' +--- + + + + + + + Arianna Misuraca + + + + + gatto 1 + + +
+ +
+
+ + diff --git a/src/main.css b/src/main.css new file mode 100644 index 0000000..8bc6327 --- /dev/null +++ b/src/main.css @@ -0,0 +1,375 @@ +:root { + --font-corinthia: 'Corinthia', cursive; + --font-patrik-hand: 'Patrick Hand', cursive; + --font-indie-flower: 'Indie Flower', cursive; + --font-berkshire-swash: 'Berkshire Swash', cursive; +} + +*, +*::before, +*::after { + font-family: inherit; + margin: 0; + box-sizing: border-box; +} + +html, +body { + min-height: 100%; + height: 100%; +} + +img { + display: block; +} + +/* Components */ + +.pattern { + background-image: url('/~misuraca/pattern-arianna-right.png'); + /* background-repeat: no-repeat; */ + background-repeat: repeat-y; + background-size: 400px; +} + +.sidebar { + background: #5f432f; + color: #fde1c5; + + height: 100vh; + max-height: 100vh; + overflow: hidden; + + padding-top: 1rem; + + width: 20%; + position: fixed; + + display: grid; + grid-template-rows: minmax(auto, 10rem) 1fr minmax(auto, 10rem); + /* place-content: center; */ + /* place-items: center; */ + + box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.25); + + z-index: 1; + + & > .nav-top, + & > .nav-bottom { + width: 100%; + height: 100%; + + & > a { + width: 100%; + height: 100%; + } + + img { + width: 100%; + height: 100%; + + object-fit: contain; + } + } + + & > .nav-links { + place-self: center; + + display: flex; + flex-direction: column; + align-items: center; + + gap: 2rem; + + & > a { + text-align: center; + + color: #fde1c5; + text-decoration: none; + + font-family: var(--font-indie-flower); + font-size: 32px; + font-weight: 400; + + letter-spacing: 0.25rem; + + padding: 0.25rem 1rem; + + &:hover { + background: rgba(255, 255, 255, 0.125); + } + } + } + + #mobile-menu-toggle, + label { + display: none; + } + + @media screen and (max-width: 768px) { + padding: 0; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + + & > .nav-top, + & > .nav-bottom { + display: none; + } + + & > label { + width: 3rem; + min-height: 3rem; + + display: grid; + place-content: center; + + align-self: start; + } + + &:has(#mobile-menu-toggle:not(:checked)) { + & > .nav-links { + display: none; + } + } + + &:has(#mobile-menu-toggle:checked) { + width: 100%; + + & > .nav-top, + & > .nav-bottom { + display: block; + + max-width: 5rem; + } + + & > .nav-links { + display: flex; + gap: 1rem; + } + } + } +} + +.text { + display: block; + + &.center { + text-align: center; + } + + h1, + h2, + h3, + h4, + p, + ul, + ol { + width: 100%; + max-width: 42rem; + } + + p + p { + margin-top: 0.75rem; + } + + h1, + h2, + h3, + h4 { + font-family: var(--font-berkshire-swash); + font-weight: 400; + + padding: 2rem 0 1rem; + } + + li { + margin: 1rem 0; + } + + a { + color: gold; + text-decoration: none; + /* font-weight: 600; */ + + &:hover { + color: rgb(255, 225, 56); + text-decoration: underline; + } + } + + p:has(> img) { + max-width: 10rem; + + & > img { + max-width: 10rem; + } + + &:nth-child(even) { + float: right; + margin: 2rem -5rem 2rem 2rem; + } + + &:nth-child(odd) { + float: left; + margin: 2rem 2rem 2rem -5rem; + } + } + + @media screen and (max-width: 768px) { + font-size: 16px; + + p:has(> img) { + max-width: 10rem; + + & > img { + max-width: 10rem; + margin: 1rem auto; + } + + &:nth-child(even) { + float: none !important; + margin: 1rem auto; + } + + &:nth-child(odd) { + float: none !important; + margin: 1rem auto; + } + } + } +} + +.photo-grid { + width: 100%; + padding: 0 3rem 0 6rem; + + display: grid; + grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); + gap: 3rem; + + img { + transform: rotate(calc(5deg * sin(2 + var(--seed) * 80))); + + width: 100%; + height: 100%; + + object-fit: cover; + } + + @media screen and (max-width: 768px) { + padding: 0; + + display: flex; + flex-direction: column; + gap: 2rem; + } +} + +/* Structure */ + +body { + background: #c59f7c; + color: #333; + + font-family: var(--font-patrik-hand); + + font-size: 24px; + font-weight: 400; + letter-spacing: 0.25rem; + + display: grid; + grid-template-columns: 1fr 4fr 1fr; + + & > .sidebar { + grid-column: 1 / 2; + } + + & > main { + grid-column: 2 / 3; + + display: flex; + flex-direction: column; + gap: 3rem; + align-items: center; + + padding-bottom: 6rem; + + img { + max-height: 50vh; + max-width: 100%; + } + + & > img { + box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.25); + } + + & > h1:first-child { + font-family: var(--font-berkshire-swash); + font-size: 80px; + font-weight: 400; + + padding: 3rem 0 0; + + text-align: center; + + &.font-corinthia { + font-family: var(--font-corinthia); + font-weight: 800; + } + + img { + display: inline-block; + vertical-align: middle; + + height: 8rem; + } + + @media screen and (max-width: 768px) { + padding: 2rem 0 0; + font-size: 52px; + + img { + height: 4rem; + } + } + } + + h1, + h2, + h3, + h4, + p, + ul, + ol { + width: 100%; + max-width: 42rem; + } + } + + & > .pattern { + grid-column: 3 / 4; + } + + @media screen and (max-width: 768px) { + padding: 0; + + grid-template-columns: 3rem 1fr 3rem; + + & > .sidebar { + /* display: none; */ + + width: 3rem; + } + + & > main { + padding: 1rem 0 3rem 1rem; + } + + & > .pattern { + background-size: 200px; + } + } +} diff --git a/src/pages/about.astro b/src/pages/about.astro new file mode 100644 index 0000000..85d1283 --- /dev/null +++ b/src/pages/about.astro @@ -0,0 +1,17 @@ +--- +import Base from '../layouts/Base.astro' + +import { Content } from '../content/about.md' +--- + + + pi greco + +

+ About + wine glass +

+
+ +
+ diff --git a/src/pages/appunti.astro b/src/pages/appunti.astro new file mode 100644 index 0000000..fd0eceb --- /dev/null +++ b/src/pages/appunti.astro @@ -0,0 +1,34 @@ +--- +import Base from '../layouts/Base.astro' + +const materie = import.meta.glob('../content/appunti/*.md') + +const materieSlugTitle = await Promise.all( + Object.values(materie).map(async materiaModule => { + // @ts-ignore + const { file, frontmatter } = await materiaModule() + + const slug = file.match(/appunti\/(.*).md$/)[1] + return { title: frontmatter.title, slug } + }) +) +--- + + + pi greco + +

+ Appunti + + libri +

+
+ { + materieSlugTitle.map(({ title, slug }) => ( + +

{title}

+ + )) + } +
+ diff --git a/src/pages/appunti/[materia].astro b/src/pages/appunti/[materia].astro new file mode 100644 index 0000000..5b53de2 --- /dev/null +++ b/src/pages/appunti/[materia].astro @@ -0,0 +1,38 @@ +--- +import Base from '../../layouts/Base.astro' + +export async function getStaticPaths() { + const materie = import.meta.glob('../../content/appunti/*.md') + + return await Promise.all( + Object.keys(materie).map(async filename => { + // @ts-ignore + const { Content, frontmatter, file } = await materie[filename]() + + return { + params: { + materia: file.replace(/\.md$/, '').split('/').pop(), + }, + props: { + frontmatter, + Content, + }, + } + }) + ) +} + +const { Content, frontmatter } = Astro.props +--- + + + pi greco + +

+ {frontmatter.title} + libri +

+
+ +
+ diff --git a/src/pages/foto.astro b/src/pages/foto.astro new file mode 100644 index 0000000..bbe1696 --- /dev/null +++ b/src/pages/foto.astro @@ -0,0 +1,19 @@ +--- +import { Image } from 'astro:assets' +import Base from '../layouts/Base.astro' + +const photos = import.meta.glob('../assets/galleria/*') + +// @ts-ignore +const images = (await Promise.all(Object.values(photos).map(imgModule => imgModule()))).map(img => img.default) +--- + + +

+ Foto + foto +

+
+ {images.map((img, index) => una foto)} +
+ diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..b49151d --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,9 @@ +--- +import Base from '../layouts/Base.astro' +--- + + +

Arianna Misuraca

+ arianna 1 +
Non si tratta di vincere.
Si tratta di non mollare.
Se avete un sogno, lottate.
+ diff --git a/src/pages/interessi.astro b/src/pages/interessi.astro new file mode 100644 index 0000000..67f43d9 --- /dev/null +++ b/src/pages/interessi.astro @@ -0,0 +1,17 @@ +--- +import Base from '../layouts/Base.astro' + +import { Content } from '../content/interessi.md' +--- + + + link utili + +

+ Interessi + music note +

+
+ +
+ diff --git a/src/pages/link-utili.astro b/src/pages/link-utili.astro new file mode 100644 index 0000000..735baa6 --- /dev/null +++ b/src/pages/link-utili.astro @@ -0,0 +1,18 @@ +--- +import Base from '../layouts/Base.astro' + +import { Content } from '../content/link-utili.md' +--- + + + gomitolo + +

+ Link Utili + link utili +

+ +
+ +
+ diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..d78f81e --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,3 @@ +{ + "extends": "astro/tsconfigs/base" +}