diff --git a/public/astropi.png b/public/astropi.png new file mode 100644 index 0000000..155ae2e Binary files /dev/null and b/public/astropi.png differ diff --git a/public/favicon.svg b/public/favicon.svg index f157bd1..dbeb51f 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,9 +1,72 @@ - - - + + + + + + + + + + + + + + diff --git a/public/frontpage.svg b/public/frontpage.svg new file mode 100644 index 0000000..91eae99 --- /dev/null +++ b/public/frontpage.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + diff --git a/public/homelab.jpg b/public/homelab.jpg new file mode 100644 index 0000000..7d4ee5c Binary files /dev/null and b/public/homelab.jpg differ diff --git a/public/musician.png b/public/musician.png new file mode 100644 index 0000000..f860fe9 Binary files /dev/null and b/public/musician.png differ diff --git a/public/programmer.svg b/public/programmer.svg new file mode 100644 index 0000000..d99e4ff --- /dev/null +++ b/public/programmer.svg @@ -0,0 +1,343 @@ +
 \ No newline at end of file diff --git a/public/student.png b/public/student.png new file mode 100644 index 0000000..e16f86b Binary files /dev/null and b/public/student.png differ diff --git a/public/website.png b/public/website.png new file mode 100644 index 0000000..c2e49b5 Binary files /dev/null and b/public/website.png differ diff --git a/public/website.png~ b/public/website.png~ new file mode 100644 index 0000000..ef5ceac Binary files /dev/null and b/public/website.png~ differ diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 2d9e877..2d1d010 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -8,8 +8,8 @@ const t = useTranslations(getLangFromUrl(Astro.url)) -
- +
+
diff --git a/src/content/music/first.md b/src/content/music/first.md index 9a3f564..2e79a6f 100644 --- a/src/content/music/first.md +++ b/src/content/music/first.md @@ -1,9 +1,9 @@ --- name: "C1" publishDate: 2020-01-01T00:00:00Z -pdfLink: "/public/music/first/my.pdf" -mp3Link: "/public/music/first/my.mp3" -flacLink: "/public/music/first/my.flac" +pdfLink: "/music/first/my.pdf" +mp3Link: "/music/first/my.mp3" +flacLink: "/music/first/my.flac" image: url: "https://images.unsplash.com/photo-1664380619395-a25d867b5fb9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080" alt: "Text" diff --git a/src/content/music/second.md b/src/content/music/second.md index 9157783..ec4dfc9 100644 --- a/src/content/music/second.md +++ b/src/content/music/second.md @@ -1,9 +1,9 @@ --- name: "C2" publishDate: 2020-01-01T00:00:00Z -pdfLink: "/public/music/first/my.pdf" -mp3Link: "/public/music/first/my.mp3" -flacLink: "/public/music/first/my.flac" +pdfLink: "/music/first/my.pdf" +mp3Link: "/music/first/my.mp3" +flacLink: "/music/first/my.flac" image: url: "https://images.unsplash.com/photo-1664380619395-a25d867b5fb9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=1080" alt: "Text" diff --git a/src/i18n/cs.js b/src/i18n/cs.js index 44e793d..b304a6f 100644 --- a/src/i18n/cs.js +++ b/src/i18n/cs.js @@ -1,15 +1,38 @@ export const cs = { - title: "Lorem Ipsum", // Title of the main page in browser's handlebard - description: "Page description here", // HTML page description + title: "Cyril Šebek", // Title of the main page in browser's handlebard + description: "Personal website of one weird student", // HTML page description + favicon: "/favicon.svg", /* Hero module of the page */ hero: { - title: "Lorem", - content: "ipsum dolor", - image: "/temp.jpg", - buttons: ["Button 1", "Button 2"], + title: "Programuji rytmy a hraji algoritmy", + content: "Osobní stránka a blog podivínského studenta z Česka", + image: "/frontpage.svg", + buttons: ["Více", "Kontakt"], + }, + + /* + Contact dialog from hero page + */ + contact: { + title: "Kontakt", + description: "Pokud máte zájem spolupracovat se mnou nebo by vás jenom něco zajímalo tak mě neváhejte kontaktovat pomocí tohoto formuláře. Slibuji, že se vám brzy ozvu!", + + name: "name", + nameDescription: "Jmén", + nameDefaultValue: "Beff Jazos", + + email: "email", + emailDescription: "Email", + emailDefaultValue: "beff@sahara.com", + + message: "message", + messageDescription: "Vaše zpráva", + messageDefaultValue: "Ahoj :)", + + button: "Odeslat" }, /* @@ -18,30 +41,30 @@ export const cs = { about: [ { // About page first block title - title: "Lorem", + title: "Student", // Content of about page first block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "Aktuálně jsem studentem gymnázia s vášní pro matematiku, fyziku a informační technologie. I přesto si však udržuji vynikající známky ze všech předmětů.", // Image - image: "/temp.jpg", + image: "/student.png", }, { // About page second block title - title: "Ipsum", + title: "Programátor", // Content of about page's second block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "Začal jsem programovat ve volném čase ve šesté třídě. Po experimentování s různými jazyky jsem skončil na Pythonu pro AI/ML a různé skriptíky a JavaScriptu pro vývoj webových stránek. Ale vyžaduje-li to projekt tak se nebojím ani dalších jazyků.", // Image - image: "/temp.jpg", + image: "/programmer.svg", }, { // About page third block title - title: "Ipsum", + title: "Hudebník", // Content of about page's third block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "Na flétnu jsem začal hrát v první třídě, od té doby jsem přešel k hře na klarinet a nyní hraji v několika orchestrech. Hudba je mou vášní, a proto věnuji část svého volného času i komponování a studiu filmové hudby.", // Image - image: "/temp.jpg", + image: "/musician.png", }, ], @@ -50,36 +73,52 @@ export const cs = { */ showcase: [ { - value: "first", - handle: "Website", - title: "My personal webpage", - href: "/potato", + value: "website", + handle: "Webovky", + title: "Moje osobní webová stránka", description: - "My personal website, clearly you've found it. Made in Astro.js with help of shadcnui components.", - image: "/temp.jpg", + "Očividně jste našli první dokončenou verzi mých webových stránek. Postavená pomocí Astro.js frameworku s komponentami z knihovny Shadcn/UI.", + image: "/website.png", imageAlt: "Screenshot of this website", }, { value: "second", - title: "Self-hostable", - handle: "HomeLab", - href: "/potat2", + title: "Domácí počítačová laboratoř", + handle: "Laboratoř", description: - "It has now been a few years since I've started with selfhosting. It started as one single Raspberry Pi 4, then it grew to cluster of 4 Pis... and now I have 2 old IBM servers (x3550 m4).", - image: "/temp.jpg", + "Zde slovo laboratoř odkazuje spíše na fakt, že je to místo kde se dají dělat všemožné experimenty, ale pokud se vám vybaví alchymistické laboratoře z dob císaře Rudolfa II. tak jste úplně mimo. Moje laboratoř začala jako jeden Raspberry Pi 4 mikropočítač. Postupně se však rozrůstala a dneska tedy sestává ze dvou IBM x3550 M4 serverů. Běží na nich přehršel věcí - od poznámkového systému přes správce hesel až po domácí alterntivu Netflixu a Spotify.", + image: "/homelab.jpg", imageAlt: "Photo of my personal homelab", }, { value: "third", title: "ESA's Astro Pi Challenge 2022/23", handle: "ESA Astro Pi", - href: "/kartoffeln", description: - "Astro Pi is a competition for high school students by the European Space Agency. It's goal is to make it possible for students to run their code on the ISS. I was part of the Barrande team from our school. As our mission we chose Classification of Earth's topology using AI in Real-Time and I was the one tasked with programmign the AI. The mission was very successfull and we were nominated to 10 best teams. Reports and other data can be found on ESA's website.", - image: "/temp.jpg", + "Astropi je soutěž pro studenty středních škol pořádaná Evropskou kosmickou agenturou (ESA). Cílem této soutěže je umožnit studentům pustit svůj kód na palubě Mezinárodní vesmírné stanice (ISS). Měl jsem tu čest být členem týmu Barrande z našeho gymnázia a být zodpovědný za vývoj umělé inteligence pro klasifikaci topologie Země v realném čase. Naše mise měla velký úspěch, dokonce tak velký že nás ESA vybrala mezi 10 nejlepších týmů.", + image: "/astropi.png", imageAlt: "Image for of our task and results explanation", }, ], - postsTagged: "All posts tagged with", + /* + Blog page + */ + blog: { + title: "Blog", + description: "Můj osobní blog dokumentující mé šílené nápady", + }, + + /* + Page with musical compositions + */ + music: { + title: "Moje skladby", + description: "Seznam mých skladeb.", + downloadPDF: "Stáhnout PDF", + downloadMP3: "Stáhnout MP3", + downloadFLAC: "Stáhnout FLAC" + }, + + postsTagged: "Příspěvky označené ", }; diff --git a/src/i18n/en.js b/src/i18n/en.js index 78ac528..65e4f59 100644 --- a/src/i18n/en.js +++ b/src/i18n/en.js @@ -1,38 +1,38 @@ export const en = { - title: "Lorem Ipsum", // Title of the main page in browser's handlebard - description: "Page description here", // HTML page description + title: "Cyril Šebek", // Title of the main page in browser's handlebard + description: "Personal website of one weird student", // HTML page description favicon: "/favicon.svg", /* Hero module of the page */ hero: { - title: "Lorem", - content: "ipsum dolor", - image: "/temp.jpg", - buttons: ["Button 1", "Button 2"], + title: "Coding Rhythms and Melodic Algorithms", + content: "Welcome to personal website & blog of one weird student from Czechia", + image: "/frontpage.svg", + buttons: ["Read more", "Contact me"], }, /* Contact dialog from hero page */ contact: { - title: "Lorem", - description: "lorem ipsum dolor ist lorem ipsum dolor ist lorem ipsum dolor ist lorem ipsum dolor ist", + title: "Contact me", + description: "If you are interested in working with me or you just want to talk you can contact me using this form and I promise I will get back to you soon!", - name: "lorem", - nameDescription: "idk what to put here", - nameDefaultValue: "Vojta Chlup", + name: "name", + nameDescription: "Name", + nameDefaultValue: "Beff Jazos", - email: "ipsum", - emailDescription: "idk", - emailDefaultValue: "chlup@chlup.chl", + email: "email", + emailDescription: "Email", + emailDefaultValue: "beff@sahara.com", - message: "lorim", - messageDescription: "wtf is this", - messageDefaultValue: "hi there", + message: "message", + messageDescription: "Your message", + messageDefaultValue: "Hi there :)", - button: "SubLoreMit" + button: "Send" }, /* @@ -41,30 +41,30 @@ export const en = { about: [ { // About page first block title - title: "Lorem", + title: "Student", // Content of about page first block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "Currently, I am a high school student with a passion for mathematics, physics and ICT, but I maintain excellent grades across all subjects.", // Image - image: "/temp.jpg", + image: "/student.png", }, { // About page second block title - title: "Ipsum", + title: "Programmer", // Content of about page's second block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "I started programming in my free time in 6th grade. After experimenting with various languages, I now primarily use Python for AI/ML and general scripting, and JavaScript for web development, along with other languages as needed for specific projects.", // Image - image: "/temp.jpg", + image: "/programmer.svg", }, { // About page third block title - title: "Ipsum", + title: "Musician", // Content of about page's third block content: - "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque consequatur voluptatibus nobis dolores repellendus similique, ut sit odit commodi optio tempore totam, quaerat at distinctio nisi dolore magnam quia perferendis.", + "I began playing the flute in the first grade and have since transitioned to playing the clarinet in multiple orchestras. I am deeply passionate about music and dedicate a portion of my free time to composing and studying film music.", // Image - image: "/temp.jpg", + image: "/musician.png", }, ], @@ -73,33 +73,30 @@ export const en = { */ showcase: [ { - value: "first", + value: "website", handle: "Website", title: "My personal webpage", - href: "/potato", description: - "My personal website, clearly you've found it. Made in Astro.js with help of Shadcn/UI components.", - image: "/temp.jpg", + "My personal website, clearly you've found it. Built using Astro.js and enhanced with Shadcn/UI components, this iteration marks its sixth version, yet it's the first one I've truly completed.", + image: "/website.png", imageAlt: "Screenshot of this website", }, { value: "second", title: "Self-hostable", - handle: "HomeLab", - href: "/potat2", + handle: "Homelab", description: - "It has now been a few years since I've started with selfhosting. It started as one single Raspberry Pi 4, then it grew to cluster of 4 Pis... and now I have 2 old IBM servers (x3550 m4).", - image: "/temp.jpg", + "It's been a few years since I started self-hosting. What began with a single Raspberry Pi 4 has evolved into a cluster of four Pis. Now, I rely on two old IBM servers (x3550 M4) to host nearly everything I need: a video server, music server, Git repositories, and even a password manager. It's become a robust setup that meets all my requirements.", + image: "/homelab.jpg", imageAlt: "Photo of my personal homelab", }, { value: "third", title: "ESA's Astro Pi Challenge 2022/23", handle: "ESA Astro Pi", - href: "/kartoffeln", description: - "Astro Pi is a competition for high school students by the European Space Agency. It's goal is to make it possible for students to run their code on the ISS. I was part of the Barrande team from our school. As our mission we chose Classification of Earth's topology using AI in Real-Time and I was the one tasked with programmign the AI. The mission was very successfull and we were nominated to 10 best teams. Reports and other data can be found on ESA's website.", - image: "/temp.jpg", + "Astro Pi is a competition for high school students hosted by the European Space Agency. Its goal is to enable students to run their code aboard the ISS. I was part of the Barrande team from our school. For our mission, we chose \"Real-Time Classification of Earth\'s Topology using AI,\" and I was responsible for programming the AI. Our mission was highly successful, and we were nominated as one of the top 10 teams. Detailed reports and additional data can be found on the ESA\'s website.", + image: "/astropi.png", imageAlt: "Image for of our task and results explanation", }, ], @@ -108,16 +105,16 @@ export const en = { Blog page */ blog: { - title: "Blog lorem", - description: "Bloog description here", + title: "Blog", + description: "My personal blog, documenting some of my crazy ideas", }, /* Page with musical compositions */ music: { - title: "lorem ipsum dolor sit amer cons", - description: "longegengegeg eg eg e geg eg eg eg eg eg eg eg eg eg e ge ge eg eg eg eg egge eg eg eg eg eg e eg ge g g ee geg eg eg e geg eg eg eg eg eg eg eg g e", + title: "My compositions", + description: "This is page is listing all my published musical compositions.", downloadPDF: "Download PDF", downloadMP3: "Download MP3", downloadFLAC: "Download FLAC"