diff --git a/.gitignore b/.gitignore index 02f6e50..c31d27d 100644 --- a/.gitignore +++ b/.gitignore @@ -17,3 +17,5 @@ pnpm-debug.log* # macOS-specific files .DS_Store + +content \ No newline at end of file diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff deleted file mode 100644 index 302ab1d..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff2 b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff2 deleted file mode 100644 index 85543c9..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-500.woff2 and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff deleted file mode 100644 index fef8e1f..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff2 b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff2 deleted file mode 100644 index 0d30275..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-600.woff2 and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff deleted file mode 100644 index af8bb88..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff2 b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff2 deleted file mode 100644 index bd41ea3..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-700.woff2 and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff deleted file mode 100644 index 8b01d07..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff2 b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff2 deleted file mode 100644 index eaa7278..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-italic.woff2 and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff deleted file mode 100644 index 25c1c3c..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff and /dev/null differ diff --git a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff2 b/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff2 deleted file mode 100644 index 56b6941..0000000 Binary files a/public/assets/fonts/Rubik/rubik-v20-latin_cyrillic-regular.woff2 and /dev/null differ diff --git a/src/components/Sections/RecentArticles/RecentArticles.astro b/src/components/Sections/RecentArticles/RecentArticles.astro index eb7e990..0b9c4d9 100644 --- a/src/components/Sections/RecentArticles/RecentArticles.astro +++ b/src/components/Sections/RecentArticles/RecentArticles.astro @@ -10,7 +10,7 @@ import './RecentArticles.scss';
-
+ -
+

Развертывание вашего Node.js приложение с помощью Docker

diff --git a/src/components/Sections/RecentArticles/RecentArticles.scss b/src/components/Sections/RecentArticles/RecentArticles.scss index 5972a04..962ccf3 100644 --- a/src/components/Sections/RecentArticles/RecentArticles.scss +++ b/src/components/Sections/RecentArticles/RecentArticles.scss @@ -15,33 +15,5 @@ &-list { margin-top: 10px; max-width: calc(var(--content-width) + (var(--content-padding) * 2)); - & article { - border-radius: var(--border-radius-md); - & a { - display: flex; - justify-content: space-between; - align-items: center; - column-gap: 10px; - color: var(--font-color); - padding: 8px 15px; - text-decoration: none; - & h3 { - font-size: var(--font-size-md); - font-weight: normal; - margin: 0; - } - & p { - font-size: var(--font-size-xs); - font-family: monospace; - color: var(--font-color-gray); - text-transform: uppercase; - margin: 0; - text-align: right; - } - } - &:hover { - background-color: var(--background-color-hover); - } - } } } diff --git a/src/pages/articles.astro b/src/pages/articles.astro index 35bd18b..4964570 100644 --- a/src/pages/articles.astro +++ b/src/pages/articles.astro @@ -1,13 +1,136 @@ --- -import '@styles/global.scss'; +import Page from '@layouts/Page.astro'; --- - - - - - - Sergey Yarkov - - ... - + +

+
+

Статьи

+

+ Технические статьи, туториалы и различные справочные материалы которые + связаны с IT тематикой находятся здесь. +

+
+
+ + + + + 3 +
+
+ +
+
+
+

2022

+ + +
+
+

2021

+ +
+
+
+ + + diff --git a/src/styles/global.scss b/src/styles/global.scss index e3ef038..20d949c 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -7,6 +7,7 @@ --font-family-base: 'Rubik', var(--font-fallback); --font-color: var(--color-black); --font-color-gray: var(--color-gray-500); + --font-color-grayer: var(--color-gray-700); --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-md: 1rem; @@ -73,6 +74,7 @@ /* Border */ --border-color: var(--color-gray-100); + --border-color-hover: var(--color-gray-400); --border-radius-md: 3px; /* Sizes */ @@ -122,6 +124,52 @@ body { padding: 0 var(--content-padding); } +.page-heading { + font-size: var(--font-size-4xl); + text-align: center; + margin-bottom: 15px; +} + +.page-description { + font-size: var(--font-size-lg); + text-align: center; + max-width: 650px; + margin: 0 auto; + margin-bottom: 2.5rem; +} + +.article-item { + border-radius: var(--border-radius-md); + text-decoration: none; + & a { + display: flex; + justify-content: space-between; + align-items: center; + column-gap: 10px; + color: var(--font-color); + padding: 8px 15px; + & h3 { + font-size: var(--font-size-md); + font-weight: normal; + margin: 0; + } + & p { + font-size: var(--font-size-xs); + font-family: monospace; + color: var(--font-color-gray); + text-transform: uppercase; + margin: 0; + text-align: right; + } + &:hover { + text-decoration: none; + } + } + &:hover { + background-color: var(--background-color-hover); + } +} + a { color: var(--color-blue-500); font-weight: 500; @@ -146,6 +194,15 @@ h5 { margin-bottom: 1.5rem; } +input { + padding: 8px 15px; + border: 1px solid var(--border-color); + border-radius: var(--border-radius-md); + font-size: var(--font-size-sm); + width: 100%; + outline-color: var(--color-blue-500); +} + svg { fill: var(--color-black); }