+
+ {title}
+ ++ +
+ +
+
+
+
diff --git a/src/components/RecentArticles.astro b/src/components/RecentArticles.astro
new file mode 100644
index 0000000..fe42255
--- /dev/null
+++ b/src/components/RecentArticles.astro
@@ -0,0 +1,60 @@
+---
+import type { CollectionEntry } from "astro:content";
+import ArticleItem from "@components/ArticleItem.astro";
+// import UIString from "@components/UIString";
+// import { getLanguageFromURL } from "@i18n/utils";
+// import { sortArtcilesByDate } from "@utils/articles";
+import EmptyList from "@components/EmptyList.astro";
+// import EmptyList from "./EmptyList.astro";
+// import TranslatedLink from "@components/TranslatedLink";
+export interface Props {
+ articles: CollectionEntry<"blog">[];
+ length?: number | undefined;
+}
+const { articles, length = 5 } = Astro.props as Props;
+// const lang = getLanguageFromURL(Astro.url.pathname);
+const isEmpty = articles.length === 0;
+---
+
++ {heading} +
+ {description &&{description}
} +
+
+
+ Π½Π΅Π΄Π°Π²Π½ΠΈΠ΅ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ
+ ΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ +
+ {
+ !isEmpty ? (
+ articles
+ .slice(0, length)
+ .map((article) => (
+
+
+
+
+
diff --git a/src/components/Splash/SplashHeading.astro b/src/components/Splash/SplashHeading.astro
new file mode 100644
index 0000000..dc4af15
--- /dev/null
+++ b/src/components/Splash/SplashHeading.astro
@@ -0,0 +1,34 @@
+
+
+
+
diff --git a/src/components/Splash/SplashLinks.astro b/src/components/Splash/SplashLinks.astro
new file mode 100644
index 0000000..dc9b081
--- /dev/null
+++ b/src/components/Splash/SplashLinks.astro
@@ -0,0 +1,11 @@
+
+
+
diff --git a/src/components/ThemeSwticher/ThemeSwitcher.scss b/src/components/ThemeSwticher/ThemeSwitcher.scss
new file mode 100644
index 0000000..92f509b
--- /dev/null
+++ b/src/components/ThemeSwticher/ThemeSwitcher.scss
@@ -0,0 +1,31 @@
+.theme-switcher {
+ background: none;
+ border: none;
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ padding: 0;
+ margin: 0;
+ opacity: 0;
+ &:hover {
+ opacity: var(--opacity-hover);
+ border: none;
+ }
+ &.ready {
+ opacity: 1;
+ transition: all 0.1s linear 0s;
+ }
+}
+
+body[data-is-mobile-open="true"] {
+ .theme-switcher {
+ display: block;
+ position: absolute;
+ bottom: 45px;
+ right: 2.2rem;
+ & svg {
+ width: 36px;
+ height: 36px;
+ }
+ }
+}
diff --git a/src/components/ThemeSwticher/ThemeSwitcher.tsx b/src/components/ThemeSwticher/ThemeSwitcher.tsx
new file mode 100644
index 0000000..c347193
--- /dev/null
+++ b/src/components/ThemeSwticher/ThemeSwitcher.tsx
@@ -0,0 +1,72 @@
+import { IS_SITE_UNDER_CONSTRUCTION } from "@root/constants";
+import type { Component, JSX } from "solid-js";
+
+import { createSignal, onMount, Switch, Match } from "solid-js";
+import "./ThemeSwitcher.scss";
+
+const MoonIcon: Component = () => (
+
+);
+
+const SunIcon: Component = () => (
+
+);
+
+const ThemeSwitcher: Component = () => {
+ const [theme, setTheme] = createSignal
+
+
+
diff --git a/src/constants.ts b/src/constants.ts
new file mode 100644
index 0000000..4e46401
--- /dev/null
+++ b/src/constants.ts
@@ -0,0 +1,13 @@
+export const DEFAULT_LANGUAGE: LanguageKeys = "ru";
+
+/* Show banner about website development */
+export const IS_SITE_UNDER_CONSTRUCTION = import.meta.env.IS_SITE_UNDER_CONSTRUCTION === "true" ? true : false;
+
+export const SUPPORTED_LANGUAGES: SupportedLanguages = ["ru", "en"];
+
+export const SITE_METADATA: SiteMetadataType = {
+ title: "Sergey Yarkov",
+ name: "yarkov.tech",
+ author: "Sergey Yarkov",
+ themeColor: "#1e2327",
+};
diff --git a/src/consts.ts b/src/consts.ts
deleted file mode 100644
index 1d5dbf6..0000000
--- a/src/consts.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// Place any global data in this file.
-// You can import this data from anywhere in your site by using the `import` keyword.
-
-export const SITE_TITLE = 'My personal website.';
-export const SITE_DESCRIPTION = 'Welcome to my website!';
diff --git a/src/content/blog/using-mdx.mdx b/src/content/blog/using-mdx.mdx
index 036209d..728b6c1 100644
--- a/src/content/blog/using-mdx.mdx
+++ b/src/content/blog/using-mdx.mdx
@@ -1,8 +1,8 @@
---
-title: 'Using MDX'
-description: 'Lorem ipsum dolor sit amet'
-pubDate: 'Jul 02 2022'
-heroImage: '/placeholder-hero.jpg'
+title: "Using MDX"
+description: "Lorem ipsum dolor sit amet"
+pubDate: "Jul 02 2022"
+heroImage: "/placeholder-hero.jpg"
---
This theme comes with the [@astrojs/mdx](https://docs.astro.build/en/guides/integrations-guide/mdx/) integration installed and configured in your `astro.config.mjs` config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.
@@ -18,7 +18,7 @@ If you have existing content authored in MDX, this integration will hopefully ma
Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.
-import HeaderLink from '../../components/HeaderLink.astro';
+import HeaderLink from "../../components/Header/HeaderLink.astro";
{title}
-
- Last updated on
- )
- }
- -
+
+
+
+
+
+
+
+ - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo - viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam - adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus - et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus - vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque - sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet. -
- -- Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non - tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non - blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna - porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis - massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc. - Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis - bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra - massa massa ultricies mi. -
- -- Mollis nunc sed id semper risus in. Convallis a cras semper auctor neque. Diam sit amet nisl - suscipit. Lacus viverra vitae congue eu consequat ac felis donec. Egestas integer eget aliquet - nibh praesent tristique magna sit amet. Eget magna fermentum iaculis eu non diam. In vitae - turpis massa sed elementum. Tristique et egestas quis ipsum suspendisse ultrices. Eget lorem - dolor sed viverra ipsum. Vel turpis nunc eget lorem dolor sed viverra. Posuere ac ut consequat - semper viverra nam. Laoreet suspendisse interdum consectetur libero id faucibus. Diam phasellus - vestibulum lorem sed risus ultricies tristique. Rhoncus dolor purus non enim praesent elementum - facilisis. Ultrices tincidunt arcu non sodales neque. Tempus egestas sed sed risus pretium quam - vulputate. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Fringilla - urna porttitor rhoncus dolor purus non. Amet dictum sit amet justo donec enim. -
- -- Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Tortor posuere ac ut consequat semper - viverra. Tellus mauris a diam maecenas sed enim ut sem viverra. Venenatis urna cursus eget nunc - scelerisque viverra mauris in. Arcu ac tortor dignissim convallis aenean et tortor at. Curabitur - gravida arcu ac tortor dignissim convallis aenean et tortor. Egestas tellus rutrum tellus - pellentesque eu. Fusce ut placerat orci nulla pellentesque dignissim enim sit amet. Ut enim - blandit volutpat maecenas volutpat blandit aliquam etiam. Id donec ultrices tincidunt arcu. Id - cursus metus aliquam eleifend mi. -
- -- Tempus quam pellentesque nec nam aliquam sem. Risus at ultrices mi tempus imperdiet. Id porta - nibh venenatis cras sed felis eget velit. Ipsum a arcu cursus vitae. Facilisis magna etiam - tempor orci eu lobortis elementum. Tincidunt dui ut ornare lectus sit. Quisque non tellus orci - ac. Blandit libero volutpat sed cras. Nec tincidunt praesent semper feugiat nibh sed pulvinar - proin gravida. Egestas integer eget aliquet nibh praesent tristique magna. -
-{post.data.title}
--
- {
- posts.map((post) => (
-
-
-
- {post.data.title} -
- ))
- }
-
π§βπ Hello, Astronaut!
-- Welcome to the official Astro blog starter template. This - template serves as a lightweight, minimally-styled starting point for anyone looking to build - a personal website, blog, or portfolio with Astro. -
-
- This template comes with a few integrations already configured in your
- astro.config.mjs file. You can customize your setup with
- Astro Integrations to add tools like Tailwind,
- React, or Vue to your project.
-
Here are a few ideas on how to get started with the template:
--
-
- Edit this page in
src/pages/index.astro
- - Edit the site header items in
src/components/Header.astro
- - Add your name to the footer in
src/components/Footer.astro
- - Check out the included blog posts in
src/pages/blog/
- - Customize the blog post page layout in
src/layouts/BlogPost.astro
-
- Have fun! If you get stuck, remember to read the docs - or join us on Discord to ask questions. -
-- Looking for a blog template with a bit more personality? Check out astro-blog-template - by Maxi Ferreira. -
-Hello, I'am Sergey
+Fullstack web-developer & freelancer
+ ++ Π― Π·Π°Π½ΠΈΠΌΠ°ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ² ΠΈ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΡΠ°Π·Π½ΠΎΠΉ ΡΠ»ΠΎΠΆΠ½ΠΎΡΡΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΏΡΠ±Π»ΠΈΠΊΡΡ ΡΡΠ°ΡΡΠΈ ΠΈ ΡΡΡΠΎΡΠΈΠ°Π»Ρ Π½Π° + ΡΠ°Π·Π½ΡΠ΅ IT ΡΠ΅ΠΌΡ. +
+