diff --git a/assets/images/projects/frontend-mini/analog-world-clock.webp b/assets/images/projects/frontend-mini/analog-world-clock.webp
new file mode 100644
index 0000000..50abd44
Binary files /dev/null and b/assets/images/projects/frontend-mini/analog-world-clock.webp differ
diff --git a/assets/images/projects/frontend-mini/blog-header.webp b/assets/images/projects/frontend-mini/blog-header.webp
new file mode 100644
index 0000000..95a4761
Binary files /dev/null and b/assets/images/projects/frontend-mini/blog-header.webp differ
diff --git a/assets/images/projects/frontend-mini/eve.webp b/assets/images/projects/frontend-mini/eve.webp
new file mode 100644
index 0000000..6089d67
Binary files /dev/null and b/assets/images/projects/frontend-mini/eve.webp differ
diff --git a/assets/images/projects/frontend-mini/full-page-header.webp b/assets/images/projects/frontend-mini/full-page-header.webp
new file mode 100644
index 0000000..30ccb9d
Binary files /dev/null and b/assets/images/projects/frontend-mini/full-page-header.webp differ
diff --git a/assets/images/projects/frontend-mini/galaxy-stars.webp b/assets/images/projects/frontend-mini/galaxy-stars.webp
new file mode 100644
index 0000000..9f4e678
Binary files /dev/null and b/assets/images/projects/frontend-mini/galaxy-stars.webp differ
diff --git a/assets/images/projects/frontend-mini/matrix.webp b/assets/images/projects/frontend-mini/matrix.webp
new file mode 100644
index 0000000..51cbbc4
Binary files /dev/null and b/assets/images/projects/frontend-mini/matrix.webp differ
diff --git a/assets/images/projects/frontend-mini/responsive-navbar.webp b/assets/images/projects/frontend-mini/responsive-navbar.webp
new file mode 100644
index 0000000..29d6e24
Binary files /dev/null and b/assets/images/projects/frontend-mini/responsive-navbar.webp differ
diff --git a/assets/images/projects/frontend-mini/strength-potion.webp b/assets/images/projects/frontend-mini/strength-potion.webp
new file mode 100644
index 0000000..7714ef8
Binary files /dev/null and b/assets/images/projects/frontend-mini/strength-potion.webp differ
diff --git a/assets/images/projects/frontend-mini/windows-calculator.webp b/assets/images/projects/frontend-mini/windows-calculator.webp
new file mode 100644
index 0000000..5cbf452
Binary files /dev/null and b/assets/images/projects/frontend-mini/windows-calculator.webp differ
diff --git a/assets/js/data/projects.json b/assets/js/data/projects.json
index dab64b4..49336f3 100644
--- a/assets/js/data/projects.json
+++ b/assets/js/data/projects.json
@@ -1,6 +1,6 @@
[
{
- "category": "frontend",
+ "category": "frontend > templates",
"projects": [
{
"name": "botostart",
@@ -73,5 +73,91 @@
"sources": [{ "title": "github", "url": "https://github.com/devshashtag/job-search" }]
}
]
+ },
+ {
+ "category": "frontend > mini-projects",
+ "projects": [
+ {
+ "name": "blog header",
+ "root": "/frontend-mini/blog-header",
+ "description": "an scss blog-header",
+ "tags": ["html", "scss", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/blog-header.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/blog-header" }]
+ },
+ {
+ "name": "responsive navbar",
+ "root": "/frontend-mini/responsive-navbar",
+ "description": "a css responsive-navbar",
+ "tags": ["html", "css", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/responsive-navbar.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/responsive-navbar" }]
+ },
+ {
+ "name": "full page header",
+ "root": "/frontend-mini/full-page-header",
+ "description": "a simple css full page header",
+ "tags": ["html", "css"],
+ "image": "/assets/images/projects/frontend-mini/full-page-header.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/full-page-header" }]
+ },
+ {
+ "name": "analog world clock",
+ "root": "/frontend-mini/analog-world-clock",
+ "description": "a simple analog world-clock",
+ "tags": ["html", "css", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/analog-world-clock.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/analog-world-clock" }]
+ },
+ {
+ "name": "matrix",
+ "root": "/frontend-mini/matrix",
+ "description": "a program that simulate matrix letters falling from sky",
+ "tags": ["html", "css", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/matrix.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/matrix" }]
+ },
+ {
+ "name": "galaxy stars",
+ "root": "/frontend-mini/galaxy-stars",
+ "description": "a program that simulate moving in space and galaxy stars comming near you",
+ "tags": ["html", "css", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/galaxy-stars.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/galaxy-stars" }]
+ },
+ {
+ "name": "eve",
+ "root": "/frontend-mini/eve",
+ "description": "eve from wall-e movie",
+ "tags": ["html", "css", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/eve.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/eve" }]
+ },
+ {
+ "name": "strength potion",
+ "root": "/frontend-mini/strength-potion",
+ "description": "a simple redesign of strength-potion",
+ "tags": ["html", "css", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/strength-potion.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/strength-potion" }]
+ },
+ {
+ "name": "windows calculator",
+ "root": "/frontend-mini/windows-calculator",
+ "description": "simulated design of windows calculator on web",
+ "tags": ["html", "css", "javascript", "responsive"],
+ "image": "/assets/images/projects/frontend-mini/windows-calculator.webp",
+ "pages": [{ "title": "home", "url": "/" }],
+ "sources": [{ "title": "github", "url": "https://github.com/devshashtag/frontend-mini/tree/main/windows-calculator" }]
+ }
+ ]
}
]