Change image format, fix typos, fix small bugs

README.md

@@ -1,13 +1,15 @@
 # My Portfolio #
-Written in vanilla js, if you have any questions you can message me on discord: **!Elias#3519**  
-*PS. I'm sure there is a lot of typos and bugs, so pull requests are welcome*  
+Written in vanilla js.
+
+If you have any questions you can message me on discord: **!Elias#3519**  
+*PS. I'm sure there are a lot of typos and bugs, so pull requests and forks are welcome*  
 
 **FIGMA**: https://www.figma.com/community/file/1164933568884615740  
-**LIVE**: https://elias-dev.ml  
+**LIVE**: https://elias-dev.ml
 
 ## TODO ##
 - [ ] Page contacts
 - [ ] Blog maybe
 - [ ] Animation
 - [ ] Improve images
-- [ ] Delete unused code
+- [ ] Delete unused code

package.json

@@ -1,8 +1,11 @@
 {
   "name": "portfolio",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "main": "src/app/index.js",
-  "author": "Elias",
+  "author": {
+    "name": "Elias",
+    "url": "https://elias-dev.ml"
+  },
   "license": "MIT",
   "devDependencies": {
     "copy-webpack-plugin": "^11.0.0",

src/app/blocks/home/Contacts.js

@@ -13,7 +13,7 @@ const contacts = [
 
 export default (t) => {
     return /*html*/ `
-        <sections class="contacts">
+        <sections class="contacts" id="contacts">
             <h2 class="h2">${t.title}</h2>
             <div class="contacts__content">
                 <p class="contacts__description">${t.text}</p>

src/app/blocks/home/Hero.js

@@ -6,7 +6,7 @@ export default (t) => {
             <div class="hero__content">
                 <h1 class="hero__title">${t.title}</h1>
                 <div class="hero__description">${t.description}</div>
-                <a class="button button__primary" href="/contacts">${t.button} =></a>
+                <a class="button button__primary" href="#contacts">${t.button} =></a>
             </div>
             <div class="hero__illustrations">
                 <img src="/images/logo-outline.svg" alt="" class="hero__logo">

src/app/components/Project.js

@@ -26,13 +26,11 @@ export default ({ id }, t) => {
         (project) => project.id === id
     );
 
-    console.log(id)
-
     return /*html*/ `
         <div class="project">
             ${
                 hasImage
-                    ? `<img src="/images/projects/${id}.jpg" alt="${name}" class="project__image">`
+                    ? `<img src="/images/projects/${id}.webp" alt="${t[id].name}" class="project__image">`
                     : ""
             }
             

src/app/consts/projects.js

@@ -3,9 +3,10 @@
  */
 const projects = [
     {
-        id: "linenodes",
+        id: "deplos",
         links: {
-            figma: "1198393124994627983"
+            figma: "1198393124994627983",
+            live: "deplos.com"
         },
         techs: ["pug", "stylus", "node"],
         hasImage: true,
@@ -14,6 +15,7 @@ const projects = [
         id: "feedrum",
         links: {
             github: "Feedrum-Project/feedrum-next",
+            live: "feedrum.com"
         },
         techs: ["node", "next", "react", "zod"],
         hasImage: true,
@@ -78,21 +80,6 @@ const projects = [
         },
         isSmall: true,
     },
-    {
-        id: "ooku",
-        techs: ["python", "quart"],
-        links: {},
-        isSmall: true,
-        isInProgress: true,
-    },
-    {
-        id: "blog",
-        techs: ["next", "zod"],
-        links: {},
-        isSmall: true,
-        hasImage: true,
-        isInProgress: true,
-    },
     {
         id: "madhost",
         techs: ["pug", "less", "gulp", "node"],

src/app/views/Projects.js

@@ -8,6 +8,5 @@ export default (t, t2) => {
         ${Path({ description: t.description })}
         ${ProjectList({ title: t.decent, filter: (p) => !p.isSmall }, t2.projects)}
         ${ProjectList({ title: t.small, filter: (p) => p.isSmall && !p.isInProgress }, t2.projects)}
-        ${ProjectList({ title: t.inProgress, filter: (p) => p.isInProgress }, t2.projects)}
     `;
 };

src/assets/locales/en.json

@@ -62,8 +62,8 @@
             "name": "Feedrum",
             "description": "Ukrainian social network designed for programmers"
         },
-        "linenodes": {
-            "name": "LineNodes",
+        "deplos": {
+            "name": "Deplos",
             "description": "Game servers hosting"
         }
     },

src/assets/locales/ru.json

@@ -62,8 +62,8 @@
             "name": "Feedrum",
             "description": "Украинская социальная сеть для программистов"
         },
-        "linenodes": {
-            "name": "LineNodes",
+        "deplos": {
+            "name": "Deplos",
             "description": "Хостинг для серверов разных игр"
         }
     },

src/assets/locales/ua.json

@@ -62,8 +62,8 @@
             "name": "Feedrum",
             "description": "Українська соціальна мережа для програмістів"
         },
-        "linenodes": {
-            "name": "LineNodes",
+        "deplos": {
+            "name": "Deplos",
             "description": "Хостинг для серверів різних ігор"
         }
     },

src/assets/styles/blocks/about/about.sass

@@ -17,3 +17,7 @@
     &__illustrations
         flex: 1 1 0
         min-width: 300px
+
+    &__image
+        border-bottom: 1px solid var(--primary)
+

src/assets/styles/blocks/home/about.sass

@@ -22,4 +22,5 @@
     &__image
         flex: 1 1 0
         max-width: 340px
+        border-bottom: 1px solid var(--primary)