diff --git a/htdocs/assets/_integrate.php b/htdocs/assets/_integrate.php index 2ad1e47..65fad7c 100644 --- a/htdocs/assets/_integrate.php +++ b/htdocs/assets/_integrate.php @@ -1,6 +1,6 @@ - + diff --git a/htdocs/assets/images/neosubhamoy.jpg b/htdocs/assets/images/neosubhamoy.jpg new file mode 100644 index 0000000..bb09148 Binary files /dev/null and b/htdocs/assets/images/neosubhamoy.jpg differ diff --git a/htdocs/assets/images/projects-heroimage.svg b/htdocs/assets/images/projects-heroimage.svg new file mode 100644 index 0000000..312d74a --- /dev/null +++ b/htdocs/assets/images/projects-heroimage.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/htdocs/assets/images/techishfellow.jpg b/htdocs/assets/images/techishfellow.jpg new file mode 100644 index 0000000..bd99e1f Binary files /dev/null and b/htdocs/assets/images/techishfellow.jpg differ diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css index 3c572b2..2449430 100644 --- a/htdocs/assets/style.css +++ b/htdocs/assets/style.css @@ -614,6 +614,11 @@ video { z-index: 100; } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; @@ -634,6 +639,11 @@ video { margin-right: 1.5rem; } +.mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; +} + .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; @@ -649,6 +659,16 @@ video { margin-bottom: 1.75rem; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +.my-\[0\.30rem\] { + margin-top: 0.30rem; + margin-bottom: 0.30rem; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -701,6 +721,10 @@ video { margin-left: 0.5rem; } +.ml-3 { + margin-left: 0.75rem; +} + .ml-5 { margin-left: 1.25rem; } @@ -709,6 +733,10 @@ video { margin-left: 1.5rem; } +.ml-7 { + margin-left: 1.75rem; +} + .ml-8 { margin-left: 2rem; } @@ -717,6 +745,18 @@ video { margin-left: 0.59rem; } +.mr-0 { + margin-right: 0px; +} + +.mr-1 { + margin-right: 0.25rem; +} + +.mr-2 { + margin-right: 0.5rem; +} + .mr-3 { margin-right: 0.75rem; } @@ -797,6 +837,10 @@ video { height: 50px; } +.h-\[70px\] { + height: 70px; +} + .h-full { height: 100%; } @@ -949,6 +993,10 @@ video { border-radius: 0.5rem; } +.rounded-sm { + border-radius: 0.125rem; +} + .border-\[2px\] { border-width: 2px; } @@ -992,6 +1040,10 @@ video { background-color: rgb(56 189 248 / var(--tw-bg-opacity)); } +.bg-accent_secondary_transparent { + background-color: rgba(255, 255, 255, 0.30); +} + .bg-bg_primary { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity)); @@ -1006,6 +1058,15 @@ video { padding: 2.5rem; } +.p-2 { + padding: 0.5rem; +} + +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1108,6 +1169,14 @@ video { font-weight: 700; } +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + .text-accent_four { --tw-text-opacity: 1; color: rgb(172 203 222 / var(--tw-text-opacity)); @@ -1123,6 +1192,10 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-accent_secondary_transparent { + color: rgba(255, 255, 255, 0.30); +} + .text-accent_three { --tw-text-opacity: 1; color: rgb(217 217 217 / var(--tw-text-opacity)); @@ -1133,6 +1206,31 @@ video { color: rgb(15 23 42 / var(--tw-text-opacity)); } +.text-\[\#38BDF8\] { + --tw-text-opacity: 1; + color: rgb(56 189 248 / var(--tw-text-opacity)); +} + +.text-\[\#3FF989\] { + --tw-text-opacity: 1; + color: rgb(63 249 137 / var(--tw-text-opacity)); +} + +.text-\[\#CD6CFB\] { + --tw-text-opacity: 1; + color: rgb(205 108 251 / var(--tw-text-opacity)); +} + +.text-\[\#DCDF3F\] { + --tw-text-opacity: 1; + color: rgb(220 223 63 / var(--tw-text-opacity)); +} + +.text-\[\#EC4B4B\] { + --tw-text-opacity: 1; + color: rgb(236 75 75 / var(--tw-text-opacity)); +} + .opacity-20 { opacity: 0.2; } @@ -1238,6 +1336,11 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.hover\:bg-bg_third:hover { + --tw-bg-opacity: 1; + background-color: rgb(38 51 74 / var(--tw-bg-opacity)); +} + .hover\:text-accent_secondary:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -1263,6 +1366,11 @@ video { width: 100%; } +.group:hover .group-hover\:bg-accent_secondary { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + @media (min-width: 1024px) { .lg\:bottom-\[-6rem\] { bottom: -6rem; @@ -1334,6 +1442,10 @@ video { margin-bottom: 0.25rem; } + .lg\:mb-10 { + margin-bottom: 2.5rem; + } + .lg\:mb-16 { margin-bottom: 4rem; } @@ -1354,6 +1466,10 @@ video { margin-right: 2.5rem; } + .lg\:mr-\[12\.5rem\] { + margin-right: 12.5rem; + } + .lg\:mr-\[6\.5rem\] { margin-right: 6.5rem; } @@ -1378,6 +1494,10 @@ video { margin-top: 2.5rem; } + .lg\:mt-\[3\.5rem\] { + margin-top: 3.5rem; + } + .lg\:mt-\[7rem\] { margin-top: 7rem; } @@ -1487,6 +1607,11 @@ video { line-height: 1.75rem; } + .lg\:blur-2xl { + --tw-blur: blur(40px); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + } + .lg\:blur-lg { --tw-blur: blur(16px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); @@ -1534,6 +1659,10 @@ video { margin-bottom: 2.5rem; } + .\32xl\:mb-32 { + margin-bottom: 8rem; + } + .\32xl\:mt-16 { margin-top: 4rem; } diff --git a/htdocs/projects.php b/htdocs/projects.php index 92dae10..ae3fb85 100644 --- a/htdocs/projects.php +++ b/htdocs/projects.php @@ -9,8 +9,66 @@ -
+
+
+
+

My Projects 🎉

+

Work, Hobby & Open Source

+

I'm just obsessed with side projects and open-source stuffs

+

You can explore some of them below

+
+ + +
+
+
+
+ heroimage +
+
+
+
+
+
+
+
+
My Profiles
+
+
+
neosubhamoy
+
+
Subhamoy Biswas
+

Personal Profile

+
+
+
+
techishfellow
+
+
The Techishfellow
+

Digital Product Publisher

+
+
+
+
Featured Projects
+
+
+ fantasywalls +
+
+ prourl +
+
+
Currently Working On
+
+
React Web Development
+
Android OS & Apps
+
Automation & Python
+
Javascript Library
+
AI & ML
+
+
+
diff --git a/tailwind.config.js b/tailwind.config.js index 858f638..e2068c0 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -10,6 +10,7 @@ module.exports = { colors: { bg_primary: '#0F172A', bg_secondary: '#1E293B', + bg_third: '#26334A', accent_primary: '#38BDF8', accent_secondary: '#FFFFFF', accent_three: '#D9D9D9',