+
+
+
+
+
+ Мы команда инженеров, програмистов, архитекторов, конструкторов, тестировщиков, которвые собрались для общего дела.
+ Проектирование и изготовление печатных плат – это важный этап в создании электронных устройств. Наша компания специализируется на разработке и программировании плат управления, которые могут быть частью различных устройств, от беспилотных летательных аппаратов (БПЛА) до умных домов и систем оповещения.
+ Вот несколько ключевых аспектов, которые следует учесть при проектировании и изготовлении печатных плат:
+
+ Определение правил проектирования платы:
+
Прежде чем начать размещение компонентов, важно определить правила проектирования печатной платы. Это включает в себя выбор метода изготовления, определение стека платы и установку ограничений для обеспечения производительности и надежности.
+ Размещение компонентов:
+ Хорошее размещение компонентов обеспечивает решаемость и простоту трассировки. Группировка компонентов по типу помогает предотвратить необходимость долгой трассировки по всей плате.
+ Расположение питания и заземления:
+ Важно правильно разместить питание и заземление в стеке платы. Это включает в себя учет смешанных сигналов и обеспечение надежной работы.
+ Соблюдение механических ограничений:
+ Расположение разъемов и соблюдение размеров корпуса также важно для успешного проектирования.
+
+
+
+
+
+
+
+
+ {posts.map((post) => (
+ -
+
+
+ ))}
+
+
+
+
+
+
+
+ Сайт сделан на следующих технологиях
+
+
+ {stack.map(item => (
+
+ ))}
+
+
+ Демонстрируя реактивность и статичность, специального фреймворка
+
+
+ SolidJS
+
+
+
+
+
+
+
+
+
+
+ {projects.map((project) => (
+ -
+
+
+ ))}
+
+
+
+
+
+
+
+ Для связи
+
+
+ у нас есть email и телеграм бот обратной связи, так же есть каналы в telegram, youtube, github.
+
+
+ {SOCIALS.map(social => (
+
+
+ {social.NAME}
+
+
+
+ ))}
+
+
+
+
diff --git a/src/pages/legal/[...slug].astro b/src/pages/legal/[...slug].astro
new file mode 100644
index 0000000..afd4c06
--- /dev/null
+++ b/src/pages/legal/[...slug].astro
@@ -0,0 +1,42 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content"
+import PageLayout from "@layouts/PageLayout.astro"
+import TopLayout from "@layouts/TopLayout.astro"
+import BottomLayout from "@layouts/BottomLayout.astro"
+import { formatDate } from "@lib/utils"
+import { SITE } from "@consts"
+
+// Create the static pages for legal docs
+export async function getStaticPaths() {
+ const docs = await getCollection("legal")
+ return docs.map((doc) => ({
+ params: { slug: doc.slug },
+ props: doc,
+ }))
+}
+
+// Get the requested legal doc
+type Props = CollectionEntry<"legal">;
+const doc = Astro.props
+const { title, date } = doc.data
+const { Content } = await doc.render();
+
+---
+
+
+
+
+
+ {title}
+
+
+ Last updated: {formatDate(date)}
+
+
\ No newline at end of file
diff --git a/src/pages/projects/[...slug].astro b/src/pages/projects/[...slug].astro
new file mode 100644
index 0000000..c2a53e9
--- /dev/null
+++ b/src/pages/projects/[...slug].astro
@@ -0,0 +1,35 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content"
+import PageLayout from "@layouts/PageLayout.astro"
+import TopLayout from "@layouts/TopLayout.astro"
+import BottomLayout from "@layouts/BottomLayout.astro"
+import ArticleTopLayout from "@layouts/ArticleTopLayout.astro"
+import ArticleBottomLayout from "@layouts/ArticleBottomLayout.astro"
+
+// Create the static projects pages
+export async function getStaticPaths() {
+ const projects = await getCollection("projects")
+ return projects.map((project) => ({
+ params: { slug: project.slug },
+ props: project,
+ }))
+}
+
+// Get the requested project
+type Props = CollectionEntry<"projects">
+const project = Astro.props
+const { title, summary } = project.data
+---
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
new file mode 100644
index 0000000..de671cf
--- /dev/null
+++ b/src/pages/projects/index.astro
@@ -0,0 +1,28 @@
+---
+import { getCollection } from "astro:content"
+import PageLayout from "@layouts/PageLayout.astro"
+import TopLayout from "@layouts/TopLayout.astro"
+import BottomLayout from "@layouts/BottomLayout.astro"
+import Projects from "@components/Projects"
+import { PROJECTS } from "@consts"
+
+const projects = (await getCollection("projects"))
+ .filter(project => !project.data.draft)
+ .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
+
+const tags = [...new Set(projects.flatMap(project => project.data.tags))]
+ .sort((a, b) => a.localeCompare(b))
+---
+
+
+
+
+ {PROJECTS.TITLE}
+
+
+
+
+
+
diff --git a/src/pages/robots.txt.ts b/src/pages/robots.txt.ts
new file mode 100644
index 0000000..a45d1ed
--- /dev/null
+++ b/src/pages/robots.txt.ts
@@ -0,0 +1,16 @@
+import type { APIRoute } from "astro"
+
+const robotsTxt = `
+User-agent: *
+Allow: /
+
+Sitemap: ${new URL("sitemap-index.xml", import.meta.env.SITE).href}
+`.trim()
+
+export const GET: APIRoute = () => {
+ return new Response(robotsTxt, {
+ headers: {
+ "Content-Type": "text/plain; charset=utf-8",
+ },
+ })
+}
diff --git a/src/pages/rss.xml.ts b/src/pages/rss.xml.ts
new file mode 100644
index 0000000..93a2683
--- /dev/null
+++ b/src/pages/rss.xml.ts
@@ -0,0 +1,30 @@
+import rss from "@astrojs/rss"
+import { getCollection } from "astro:content"
+import { SITE } from "@consts"
+
+type Context = {
+ site: string
+}
+
+export async function GET(context: Context) {
+ const posts = await getCollection("blog")
+ const projects = await getCollection("projects")
+
+ const items = [...posts, ...projects]
+
+ items.sort((a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime())
+
+ return rss({
+ title: SITE.TITLE,
+ description: SITE.DESCRIPTION,
+ site: context.site,
+ items: items.map((item) => ({
+ title: item.data.title,
+ description: item.data.summary,
+ pubDate: item.data.date,
+ link: item.slug.startsWith("blog")
+ ? `/blog/${item.slug}/`
+ : `/projects/${item.slug}/`,
+ })),
+ })
+}
diff --git a/src/pages/search/index.astro b/src/pages/search/index.astro
new file mode 100644
index 0000000..01223e6
--- /dev/null
+++ b/src/pages/search/index.astro
@@ -0,0 +1,29 @@
+---
+import { type CollectionEntry, getCollection } from "astro:content"
+import PageLayout from "@layouts/PageLayout.astro"
+import TopLayout from "@layouts/TopLayout.astro"
+import BottomLayout from "@layouts/BottomLayout.astro"
+import Search from "@components/Search"
+import { SEARCH } from "@consts"
+
+const posts = (await getCollection("blog"))
+ .filter(post => !post.data.draft)
+
+const projects = (await getCollection("projects"))
+ .filter(post => !post.data.draft)
+
+const data = [...posts, ...projects] as CollectionEntry<"blog">[]
+---
+
+
+
+
+ {SEARCH.TITLE}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/work/index.astro b/src/pages/work/index.astro
new file mode 100644
index 0000000..c645d98
--- /dev/null
+++ b/src/pages/work/index.astro
@@ -0,0 +1,59 @@
+---
+import { getCollection } from "astro:content"
+import PageLayout from "@layouts/PageLayout.astro"
+import TopLayout from "@layouts/TopLayout.astro"
+import BottomLayout from "@layouts/BottomLayout.astro"
+import { WORK } from "@consts"
+
+const collection = await getCollection("work")
+
+collection.sort((a, b) => new Date(b.data.dateStart).getTime() - new Date(a.data.dateStart).getTime())
+
+const work = await Promise.all(
+ collection.map(async (item) => {
+ const { Content } = await item.render()
+ return { ...item, Content }
+ })
+)
+
+function formatWorkDate(input: Date | string) {
+ if (typeof input === "string") return input
+
+ const month = input.toLocaleDateString("en-US", {
+ month: "short",
+ })
+
+ const year = new Date(input).getFullYear()
+ return `${month} ${year}`
+}
+---
+
+
+
+
+ {WORK.TITLE}
+
+
+
+
+
+
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..9ef386f
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,150 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ @font-face {
+ font-family: "Atkinson";
+ src: url("/fonts/atkinson-regular.woff") format("woff");
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+ }
+
+ @font-face {
+ font-family: "Atkinson";
+ src: url("/fonts/atkinson-bold.woff") format("woff");
+ font-weight: 700;
+ font-style: normal;
+ font-display: swap;
+ }
+}
+
+html {
+ overflow-y: scroll;
+ color-scheme: light;
+ background-color: white;
+ font-family: "Atkinson", sans-serif;
+
+}
+
+html.dark {
+ color-scheme: dark;
+ background-color: black;
+}
+
+html,
+body {
+ @apply h-full w-full antialiased;
+ @apply bg-white dark:bg-black;
+ @apply text-black/75 dark:text-white/75;
+}
+
+body {
+ @apply relative flex flex-col;
+}
+
+main {
+ @apply flex flex-col flex-1 bg-white dark:bg-black;
+}
+
+header {
+ @apply border-b;
+ @apply transition-all duration-300 ease-in-out;
+}
+
+header:not(.scrolled) {
+ @apply bg-transparent border-transparent;
+}
+
+header.scrolled {
+ @apply bg-white/75 dark:bg-black/50;
+ @apply border-black/10 dark:border-white/25;
+ @apply backdrop-blur-sm saturate-200;
+}
+
+article {
+ @apply prose dark:prose-invert max-w-full pb-12;
+}
+
+.page-heading {
+ @apply font-semibold text-black dark:text-white;
+}
+
+.blend {
+ @apply transition-all duration-300 ease-in-out;
+}
+
+/** Light theme particles on home page */
+@keyframes animateParticle {
+ from {
+ transform: translateY(0px);
+ }
+ to {
+ transform: translateY(-2000px);
+ }
+}
+
+/** styles for public /animation.js */
+.animate {
+ opacity: 0;
+ transform: translateY(50px);
+ transition: opacity 1s ease, transform 1s ease;
+}
+
+.animate.show {
+ opacity: 1;
+ transform: translateY(0);
+}
+
+article img {
+ padding-top: 20px;
+ padding-bottom: 20px;
+ display: block;
+ margin: 0 auto;
+}
+
+/**
+ * TWINKLE STARS
+ */
+
+ #twinkle-star.template {
+ @apply absolute -left-full; /* hide offscreen */
+}
+
+#twinkle-star.twinkle {
+ @apply animate-twinkle; /* defined in tailwind.config */
+}
+
+
+/**
+ * Meteors
+ */
+
+#meteors .shower {
+ @apply absolute inset-0 top-0;;
+ @apply left-1/2 -translate-x-1/2;
+ @apply w-screen aspect-square;
+}
+
+#meteors .meteor {
+ @apply animate-meteor; /* defined in tailwind.config */
+ @apply absolute top-1/2 left-1/2 w-px h-[75vh];
+ @apply bg-gradient-to-b from-white to-transparent;
+}
+
+#meteors .shower.ur {
+ @apply rotate-45;
+}
+
+#meteors .shower.dr {
+ @apply rotate-135;
+}
+
+#meteors .shower.dl {
+ @apply rotate-225;
+}
+
+#meteors .shower.ul {
+ @apply rotate-315;
+}
\ No newline at end of file
diff --git a/src/types.ts b/src/types.ts
new file mode 100644
index 0000000..11c856c
--- /dev/null
+++ b/src/types.ts
@@ -0,0 +1,20 @@
+export type Page = {
+ TITLE: string
+ DESCRIPTION: string
+}
+
+export interface Site extends Page {
+ AUTHOR: string
+}
+
+export type Links = {
+ TEXT: string
+ HREF: string
+}[]
+
+export type Socials = {
+ NAME: string
+ ICON: string
+ TEXT: string
+ HREF: string
+}[]
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
new file mode 100644
index 0000000..f89f5da
--- /dev/null
+++ b/tailwind.config.mjs
@@ -0,0 +1,61 @@
+import defaultTheme from "tailwindcss/defaultTheme"
+
+/** @type {import('tailwindcss').Config} */
+export default {
+ darkMode: ["class"],
+ content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+ theme: {
+ extend: {
+ fontFamily: {
+ "sans": ["Atkinson", ...defaultTheme.fontFamily.sans],
+ },
+ typography: {
+ DEFAULT: {
+ css: {
+ maxWidth: "full",
+ },
+ },
+ },
+ rotate: {
+ "45": "45deg",
+ "135": "135deg",
+ "225": "225deg",
+ "315": "315deg",
+ },
+ animation: {
+ twinkle: "twinkle 2s ease-in-out forwards",
+ meteor: "meteor 3s ease-in-out forwards",
+ },
+ keyframes: {
+ twinkle: {
+ "0%": {
+ opacity: 0,
+ transform: "rotate(0deg)"
+ },
+ "50%": {
+ opacity: 1,
+ transform: "rotate(180deg)"
+ },
+ "100%": {
+ opacity: 0,
+ transform: "rotate(360deg)"
+ },
+ },
+ meteor: {
+ "0%": {
+ opacity: 0,
+ transform: "translateY(200%)"
+ },
+ "50%": {
+ opacity: 1
+ },
+ "100%": {
+ opacity: 0,
+ transform: "translateY(0)"
+ },
+ },
+ },
+ },
+ },
+ plugins: [require("@tailwindcss/typography")],
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e1e1e8d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,23 @@
+{
+ "extends": "astro/tsconfigs/base",
+ "compilerOptions": {
+ "strictNullChecks": true,
+ "baseUrl": ".",
+ "paths": {
+ "@*": [
+ "src/*"
+ ]
+ },
+ "jsx": "preserve",
+ "jsxImportSource": "solid-js"
+ },
+ "include": [
+ "src/**/*.ts",
+ "src/**/*.tsx",
+ "src/**/*.astro"
+ ],
+ "exclude": [
+ "dist",
+ "node_modules"
+ ]
+}
\ No newline at end of file