diff --git a/src/image/avatar.gif b/src/image/avatar.gif new file mode 100644 index 0000000..c3bfce4 Binary files /dev/null and b/src/image/avatar.gif differ diff --git a/src/layout/root.astro b/src/layout/root.astro index 24ae515..dc0d09e 100644 --- a/src/layout/root.astro +++ b/src/layout/root.astro @@ -1,6 +1,6 @@ --- const { title } = Astro.props; -import '../style/ibm-plex-sans-default.css' +import "../style/ibm-plex-sans-default.css"; --- @@ -12,6 +12,12 @@ import '../style/ibm-plex-sans-default.css' {title} - + + + diff --git a/src/pages/about.astro b/src/pages/about.astro new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/bio.astro b/src/pages/bio.astro new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/index.astro b/src/pages/index.astro index 6535b92..ac14dc9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,17 +1,142 @@ --- +import { Image } from "astro:assets"; import Root from "../layout/root.astro"; + +var now = new Date(); //Текущая дата +var today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); //Текущая дата без времени +var dob = new Date(2007, 9, 8); //Дата рождения +var dobnow = new Date(today.getFullYear(), dob.getMonth(), dob.getDate()); //ДР в текущем году +var age; //Возраст + +//Возраст = текущий год - год рождения +age = today.getFullYear() - dob.getFullYear(); +//Если ДР в этом году ещё предстоит, то вычитаем из age один год +if (today < dobnow) { + age = age - 1; +} + +import avatar from "../image/avatar.gif"; --- -

добро пожаловать

-

привет мир!

+
+
+
+

GrechkaGK

+

{age} лет, программист, художник, творческий человек

+
- - \ No newline at end of file + } + + /* Mobile */ + @media (max-width: 640px) { + .CenterBox { + flex-direction: column; + text-align: center; + padding: 20px; + } + + .Avatar img { + width: 140px; + height: 140px; + border-radius: 20px; + } + + .LinkBox { + padding: 16px 20px; + } + } + + +