mirror of
https://github.com/neosubhamoy/neosubhamoy-portfolio.git
synced 2025-12-19 18:13:01 +05:30
implemented basic project timeline and sidebar
This commit is contained in:
@@ -8,10 +8,10 @@
|
||||
</div>
|
||||
<div class="w-[50%] lg:w-[25%] flex flex-col justify-start items-start mb-10 lg:mb-0">
|
||||
<h6 class="font-bold mb-8">Site Pages</h6>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="">Home Page</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="">My Projects</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="">My Blog</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="">Contact Me</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="index.php">Home Page</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="projects.php">My Projects</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="blog.php">My Blog</a>
|
||||
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="contact.php">Contact Me</a>
|
||||
</div>
|
||||
<div class="w-[50%] lg:w-[25%] flex flex-col justify-start items-start mb-10 lg:mb-0">
|
||||
<h6 class="font-bold mb-8">Featured</h6>
|
||||
@@ -36,6 +36,6 @@
|
||||
<hr class="opacity-20 mt-16 mb-5">
|
||||
<div class="copyrightsection w-full flex justify-between items-center mt-7 mb-12">
|
||||
<a class="font-cormorant text-4xl font-bold hidden lg:block" href="https://neosubhamoy.xyz">Subhamoy Biswas</a>
|
||||
<p class="">© <script>document.write(new Date().getFullYear())</script> - All Rights Reserved<br>Designed with ♥ by <a class="font-bold" href="https://neosubhamoy.xyz">Subhamoy</a></p>
|
||||
<p class="">© <script>document.write(new Date().getFullYear())</script> - All Rights Reserved<br>Developed with ❤ in <a class="font-bold" href="">India</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -60,4 +60,21 @@ background: #38BDF8;
|
||||
z-index: 2;
|
||||
opacity: 0;
|
||||
transition: opacity 500ms;
|
||||
}
|
||||
}
|
||||
|
||||
/* .z-20 rect {
|
||||
transition: fill 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.z-20 rect:hover {
|
||||
fill: red;
|
||||
}
|
||||
|
||||
.z-20 path:hover + .z-20 rect {
|
||||
fill: red;
|
||||
}
|
||||
|
||||
.z-20 g:hover + .z-20 rect {
|
||||
fill: red;
|
||||
} */
|
||||
|
||||
|
||||
BIN
htdocs/assets/images/fantasywalls.jpg
Normal file
BIN
htdocs/assets/images/fantasywalls.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 KiB |
BIN
htdocs/assets/images/prourl.jpg
Normal file
BIN
htdocs/assets/images/prourl.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
@@ -649,6 +649,11 @@ video {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.my-2 {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.my-3 {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 0.75rem;
|
||||
@@ -659,11 +664,6 @@ 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;
|
||||
@@ -725,6 +725,10 @@ video {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.ml-4 {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.ml-5 {
|
||||
margin-left: 1.25rem;
|
||||
}
|
||||
@@ -741,6 +745,10 @@ video {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
.ml-\[0\.30rem\] {
|
||||
margin-left: 0.30rem;
|
||||
}
|
||||
|
||||
.ml-\[0\.59rem\] {
|
||||
margin-left: 0.59rem;
|
||||
}
|
||||
@@ -781,6 +789,10 @@ video {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
.mt-3 {
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
@@ -801,6 +813,14 @@ video {
|
||||
margin-top: 2.2rem;
|
||||
}
|
||||
|
||||
.mt-32 {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.mt-44 {
|
||||
margin-top: 11rem;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
@@ -853,6 +873,10 @@ video {
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.w-2 {
|
||||
width: 0.5rem;
|
||||
}
|
||||
|
||||
.w-\[200px\] {
|
||||
width: 200px;
|
||||
}
|
||||
@@ -997,6 +1021,14 @@ video {
|
||||
border-radius: 0.125rem;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.rounded-2xl {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.border-\[2px\] {
|
||||
border-width: 2px;
|
||||
}
|
||||
@@ -1030,6 +1062,16 @@ video {
|
||||
border-color: rgba(255, 255, 255, 0.30);
|
||||
}
|
||||
|
||||
.border-l-accent_primary {
|
||||
--tw-border-opacity: 1;
|
||||
border-left-color: rgb(56 189 248 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-l-bg_primary {
|
||||
--tw-border-opacity: 1;
|
||||
border-left-color: rgb(15 23 42 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-t-accent_primary {
|
||||
--tw-border-opacity: 1;
|
||||
border-top-color: rgb(56 189 248 / var(--tw-border-opacity));
|
||||
@@ -1140,6 +1182,10 @@ video {
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.text-\[10px\] {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.text-base {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
@@ -1177,6 +1223,31 @@ video {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.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));
|
||||
}
|
||||
|
||||
.text-accent_four {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(172 203 222 / var(--tw-text-opacity));
|
||||
@@ -1206,31 +1277,6 @@ 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;
|
||||
}
|
||||
@@ -1239,6 +1285,10 @@ video {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.opacity-\[0\.75\] {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.shadow-\[0px_0px_100px_10px\] {
|
||||
--tw-shadow: 0px 0px 100px 10px;
|
||||
--tw-shadow-colored: 0px 0px 100px 10px var(--tw-shadow-color);
|
||||
@@ -1275,11 +1325,58 @@ video {
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-lg {
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[10px_10px_20px\] {
|
||||
--tw-shadow: 10px 10px 20px;
|
||||
--tw-shadow-colored: 10px 10px 20px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[10px_10px_5px\] {
|
||||
--tw-shadow: 10px 10px 5px;
|
||||
--tw-shadow-colored: 10px 10px 5px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[0px_10px_5px\] {
|
||||
--tw-shadow: 0px 10px 5px;
|
||||
--tw-shadow-colored: 0px 10px 5px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[0px_10px_20px\] {
|
||||
--tw-shadow: 0px 10px 20px;
|
||||
--tw-shadow-colored: 0px 10px 20px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[0px_0px_20px\] {
|
||||
--tw-shadow: 0px 0px 20px;
|
||||
--tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-\[0px_0px_15px\] {
|
||||
--tw-shadow: 0px 0px 15px;
|
||||
--tw-shadow-colored: 0px 0px 15px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-accent_primary_transparent {
|
||||
--tw-shadow-color: rgba(56, 189, 248, 0.30);
|
||||
--tw-shadow: var(--tw-shadow-colored);
|
||||
}
|
||||
|
||||
.shadow-accent_primary {
|
||||
--tw-shadow-color: #38BDF8;
|
||||
--tw-shadow: var(--tw-shadow-colored);
|
||||
}
|
||||
|
||||
.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);
|
||||
@@ -1290,6 +1387,11 @@ video {
|
||||
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);
|
||||
}
|
||||
|
||||
.drop-shadow-lg {
|
||||
--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
|
||||
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);
|
||||
}
|
||||
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
@@ -1316,6 +1418,10 @@ video {
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
.last\:mb-3:last-child {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.hover\:scale-125:hover {
|
||||
--tw-scale-x: 1.25;
|
||||
--tw-scale-y: 1.25;
|
||||
|
||||
Reference in New Issue
Block a user