наработки за поездку в Красноярск

bun.lock

@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "dependencies": {

src/pages/about.astro

@@ -0,0 +1,61 @@
+---
+import Root from "../layout/root.astro"
+---
+
+<Root>
+  <p id="numb">a</p>
+  <div class="Page">
+  <div class="AboutBox">
+    <h1>о сайте</h1>
+    <p>этот сайт обо мне и моих успеха х в жизни, а так же я вляется небольшой зоной практики в веб разработке :3</p>
+    <p>данный сайт разработан на фреймворке Astro</p>
+  </div>
+  <div class="HistoryBox">
+    <h2>история разработки сайтов</h2>
+    <p>давным давно я захотел себе сделать свой сайт, но я не понимал как они делаются. У меня было куча одностраничек, но самый первый более менее успешный вариант называется grechkaws-v1, и он был построен на vue, но... визуально он мне не нравился.</p>
+    <p>после я решил сделать сайт на wordpress, чтобы было быстро и легко, это был просто grechkaws (WS в этом случае значит WordPress, не WebSite). Но я вообще не знал PHP и знать не хотел, поэтому кастомизировать я особо не мог, и поэтому я вскоре просто стёр его</p>
+    <p>далее я решил вернуться к vue, потому что он был мне знаком, и стал я разрабатывать grechkaws-v2, и базировался он на Nuxt, удобном, но очень прожорливом фреймфорке! И был этот сайт красив, и нравилось мне всё, но сайт рос, и силы на его билд тоже, вскоре мой маленький VPS не выдерживал этот бтлд и просто происходил out of memory и краш системы, а вскоре просто вся ubuntu пошла к черту, поэтому этот сайт я тоже забросил...</p>
+    <p>и вот на момент начала 2026 года я пишу уже v3, которая я думаю меня уже во всё устроит - он построен на SSG фреймворке astro, так что можно билдить на ПК и отдавать файлы на сервер, а так же у меня впланах написать свой собственный backend для разных функций</p>
+    <p>надеюсь кого нибудь это замотивирует :)</p>
+  </div>
+  <a href="/">вернуться на главную страницу?</a>
+  </div>
+</Root>
+
+<style>
+	.Page {
+		min-height: 100vh;
+		display: flex;
+		flex-direction: column;
+
+		justify-content: center;
+		align-items: stretch;
+		gap: 24px;
+
+		padding: 24px; /* воздух по краям экрана */
+		box-sizing: border-box;
+	}
+
+  .AboutBox {
+    padding: 14px 30px;
+    border: 4px solid black;
+  }
+
+  .HistoryBox {
+    padding: 14px 30px;
+    border: 4px solid black;
+  }
+</style>
+
+<script lang="js">
+  let numb = document.getElementById("numb")
+
+  numb.style.color = "red";
+  numb.style.position = "absolute"
+  function randomtext() {
+    let numb = document.getElementById("numb")
+    numb.textContent = Math.random(1) + " <- God number"
+  }
+  setInterval(randomtext(), 500);
+     
+</script>

src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
 import { Image } from "astro:assets";
 import Root from "../layout/root.astro";
+import avatar from "../image/avatar.gif";
 
 var now = new Date(); //Текущая дата
 var today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); //Текущая дата без времени
@@ -15,7 +16,6 @@ if (today < dobnow) {
 	age = age - 1;
 }
 
-import avatar from "../image/avatar.gif";
 ---
 
 <Root title="GrechkaGK site">
@@ -30,7 +30,10 @@ import avatar from "../image/avatar.gif";
 		</div>
 		<div class="Box LinkBox">
 			<a href="/bio">боиграфия</a>
-			<a href="/about">о сайте</a>
+      <a href="/about">о сайте</a>
+      <a href="/gallery" class="">моя галерея</a>
+      <a href="/request" class="">написать мне реквест</a>
+      <a href="/garden" class="">оставить приятный отзыв</a>
 		</div>
 	</div>
 </Root>
@@ -85,15 +88,14 @@ import avatar from "../image/avatar.gif";
 	/* Ссылки */
 	.LinkBox a {
 		text-decoration: none;
-		color: #0071e3; /* Apple blue */
+		color: green; /* Apple blue */
 		font-weight: 500;
 		padding: 8px 4px;
-		border-radius: 8px;
+		transition: color 0.15s ease-out;
-		transition: background 0.15s ease;
 	}
 
 	.LinkBox a:hover {
-		background: rgba(0, 113, 227, 0.08);
+		color: greenyellow; 
 	}
 
 	/* Аватар */

src/pages/request.astro

@@ -0,0 +1,60 @@
+---
+import Root from '../layout/root.astro';
+---
+
+<Root>
+  <h1>Хотите получить от меня арт за бесплатно? Напишите реквест!</h1>
+
+  <h2 id="spoiler">до осени 2026 года приём работ закрыт!!!</h2>
+
+  <p>реквест - это абсолютно бесплатный запрос на работу (в основном арт), которую я сделаю сугубо по моему желанию, то есть я могу полностью отказать, а так же делать в любом качествеё</p>
+  <p>прием реквестов не всегда открыт, поэтому непугайтесь, что работа месяц не публикуется</p>
+  <p>все реквестовые работы выкладываются в мой телеграм канал и/или твиттер!</p>
+
+
+
+  <form action="" class="form">
+    <div class="input">
+      <input type="text" title="name">
+      <p>ваше имя</p>
+    </div>
+    <div class="input">
+      <input type="text" title="name">
+      <p>ваша идея</p>
+    </div>
+  </form>
+
+  
+
+<label for="name">Name (4 to 8 characters):</label>
+
+<input
+  type="text"
+  id="name"
+  name="name"
+  required
+  minlength="4"
+  maxlength="8"
+  size="10" />
+</Root>
+
+<style>
+  #spoiler {
+    color: red;
+  }
+
+  .form {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+  }
+
+  .input {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: row;
+    gap: 24px;
+  }
+</style>