neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 02:19:34 +05:30
Code Issues Wiki Activity

(fixed): working on section icon color not rendering + (feature): implemented dynamic socials section on footer

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-01 22:23:46 +05:30
parent 5edcf4c562
commit a6e11fc047
3 changed files with 20 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
htdocs/assets/_footer.php
View File

@@ -20,6 +20,7 @@
$featured_projects_footer = fetch_all_records($conn, "featured_projects"); $featured_projects_footer = fetch_all_records($conn, "featured_projects");
if($featured_projects_footer -> num_rows > 0) { if($featured_projects_footer -> num_rows > 0) {
//show all featured projects
while($featured_footer_item = $featured_projects_footer -> fetch_assoc()) { while($featured_footer_item = $featured_projects_footer -> fetch_assoc()) {
echo " echo "
<a class='text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100' href='".$featured_footer_item['link']."' target='_blank'>".$featured_footer_item['name']."</a> <a class='text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100' href='".$featured_footer_item['link']."' target='_blank'>".$featured_footer_item['name']."</a>
@@ -31,12 +32,20 @@
</div> </div>
<div class="w-[50%] lg:w-[25%] flex flex-col justify-start items-start mb-10 lg:mb-0"> <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">Follow Me On</h6> <h6 class="font-bold mb-8">Follow Me On</h6>
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://instagram.com/neo_subhamoy" target="_blank">Instagram</a> <?php
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://twitter.com/neo_subhamoy" target="_blank">Twitter</a>
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://www.linkedin.com/in/neo-subhamoy" target="_blank">Linkedin</a> $socials = fetch_all_records($conn, "socials");
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://github.com/neosubhamoy" target="_blank">Github</a>
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://www.facebook.com/profile.php?id=100076097318726" target="_blank">Facebook</a> if($socials -> num_rows > 0) {
<a class="text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100" href="https://mastodon.social/@neo_subhamoy" target="_blank">Mastodon</a> //show all social links
while($social = $socials -> fetch_assoc()) {
echo "
<a class='text-sm text-accent_three my-1 hover:text-accent_secondary transition transform duration-100' href='".$social['link']."' target='_blank'>".$social['platform']."</a>
";
}
}
?>
</div> </div>
</div> </div>
<hr class="opacity-20 mt-16 mb-5"> <hr class="opacity-20 mt-16 mb-5">

33
htdocs/assets/style.css
View File

@@ -685,6 +685,10 @@ video {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.mb-24 {
margin-bottom: 6rem;
}
.mb-3 { .mb-3 {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@@ -809,10 +813,6 @@ video {
margin-top: 2.2rem; margin-top: 2.2rem;
} }
.mb-24 {
margin-bottom: 6rem;
}
.flex { .flex {
display: flex; display: flex;
} }
@@ -1258,31 +1258,6 @@ video {
font-weight: 400; 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 { .text-accent_four {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(172 203 222 / var(--tw-text-opacity)); color: rgb(172 203 222 / var(--tw-text-opacity));

2
htdocs/projects.php
View File

@@ -161,7 +161,7 @@ $years = create_project_years_array($conn);
//show all currently working on topics //show all currently working on topics
while($working_on_topic = $working_on -> fetch_assoc()) { while($working_on_topic = $working_on -> fetch_assoc()) {
echo" echo"
<div class='w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full'><i class='".$working_on_topic['icon']."'></i> ".$working_on_topic['title']."</div> <div class='w-fit my-[0.30rem] text-sm font-bold bg-bg_secondary px-3 py-1 rounded-full'><i class='text-base mr-1 ".$working_on_topic['icon']."' style='color: ".$working_on_topic['icon_color']."'></i> ".$working_on_topic['title']."</div>
"; ";
} }
} }