new site syles and some info with links!

src/App.css

@@ -1,7 +1,14 @@
+:root {
+  --link-color: rgb(245, 132, 79);
+  --link-hover-color: rgb(238, 127, 75);
+}
+
 body {
   font-family: jetbrains-mono, monospace;
   margin: 0;
   padding: 0;
+  background: #140f10;
+  color: rgb(241, 209, 190);
 }
 
 .app {
@@ -15,14 +22,23 @@ body {
   padding: 0;
   display: flex;
   gap: 1rem;
-  background: #f4f4f4;
+  /* background: #18161f; */
   padding: 1rem;
 }
 
+.navbar a {
+  color: var(--link-color);
+  text-decoration: none;
+}
+
+.navbar a:hover {
+  color: var(--link-hover-color);
+}
+
 .footer {
   text-align: center;
   padding: 1.5rem;
-  background: #252525;
+  /* background: #18161f; */
-  color: aqua;
+  color: rgb(238, 127, 75);
   margin-top: auto;
 }

src/components/Footer.js

@@ -3,7 +3,7 @@ import React from 'react';
 function Footer() {
   return (
     <footer className="footer">
-      <p>&copy; 2025 Мой блог. Все права защищены.</p>
+      <p>&copy; 2025 pufok. Все права зафырканы.</p>
     </footer>
   );
 }

src/pages/About.js

@@ -4,7 +4,8 @@ function About() {
   return (
     <div className="about">
       <h1>Обо мне</h1>
-      <p>Привет! Меня зовут [Твое имя], и я занимаюсь разработкой веб-приложений.</p>
+      <p>можете звать меня пуфок. я очень ленивая лисичка, которая любит заниматься различным творчеством и интересными вещами)</p>
+      <p>местоимения: он/она/любые</p>
     </div>
   );
 }

src/pages/Contact.js

@@ -4,8 +4,19 @@ function Contact() {
   return (
     <div className="contact">
       <h1>Контакты</h1>
-      <p>Email: example@example.com</p>
+      <p>можешь найти меня тут:</p>
-      <p>Telegram: @username</p>
+      <ul>
+        <li><a href="https://discord.com/users/539167320753438760" target="_blank" rel="noreferrer">Discord</a></li>
+        <li><a href="https://bsky.app/profile/pufok.bsky.social" target="_blank" rel="noreferrer">Bsky</a></li>
+        <li><a href="https://x.com/pufok_" target="_blank" rel="noreferrer">Twitter (aka X)</a></li>
+        <li><a href="https://open.spotify.com/user/4upok9k7rp5xvtnrefeocsknp?si=bc3b935dda9d47ed" target="_blank" rel="noreferrer">Spotify</a></li>
+        <li><a href="https://www.roblox.com/users/1435861704" target="_blank" rel="noreferrer">Roblox</a></li>
+        <li><a href="https://steamcommunity.com/id/pufok_/" target="_blank" rel="noreferrer">Steam</a></li>
+        <li><a href="https://osu.ppy.sh/users/33437773" target="_blank" rel="noreferrer">Osu!</a></li>
+        <li><a href="https://www.twitch.tv/pushokthefox" target="_blank" rel="noreferrer">Twitch</a></li>
+        <li><a href="https://www.youtube.com/@pufok" target="_blank" rel="noreferrer">YouTube</a></li>
+        <li>Minecraft: furrmeow</li>
+      </ul>
     </div>
   );
 }

src/pages/Home.js

@@ -3,8 +3,8 @@ import React from 'react';
 function Home() {
   return (
     <div className="home">
-      <h1>Добро пожаловать на мой блог!</h1>
+      <h1>Добро пожаловать на мой сайт!</h1>
-      <p>Здесь я делюсь своими проектами, увлечениями и опытом.</p>
+      <p>он пока еще в разработке.. но уже выглядит более взрачным, нежели его первая версия) но все же, еще не полностью готов! наберитесь терпения, друзья :з</p>
     </div>
   );
 }

src/pages/Projects.js

@@ -3,10 +3,9 @@ import React from 'react';
 function Projects() {
   return (
     <div className="projects">
-      <h1>Мои проекты</h1>
+      <h1>Мои проекты (что? зачем?)</h1>
       <ul>
-        <li>Проект 1: Описание проекта</li>
+        <li>пустовато...</li>
-        <li>Проект 2: Описание проекта</li>
       </ul>
     </div>
   );