From d66621640b347c28ead7c76bcb8c88d9d74a41a4 Mon Sep 17 00:00:00 2001 From: UjjwalTomar0808 Date: Thu, 25 Sep 2025 23:15:29 +0530 Subject: [PATCH 1/3] fix(ui): Ensure footer consistency and fix dark mode style --- .DS_Store | Bin 0 -> 6148 bytes assets/css/convert.css | 38 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 38 insertions(+) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..f49429e497a94ce67708137793354b7acb72bcaf GIT binary patch literal 6148 zcmeHKy-ve05Wa(mRxr>J#FC8#A^HZP3IiKbB^D%9`j6C-N^MzK@&b(T7A!mg8%V6Y zM<;f^v)vLmgb|_YF0wzzcV~b3qS!GJac$bJ5><$(j3O9pqWZzaFC}Mdu1Att#u)Uf z^;R+*OsG@u7zB*`O;Lj`wpe+~qSmT_DxeB16p-~HL=lV}rWVc8fyx{KfC0LVp)J1@k`p?N z9HtiGfw4^m+EjK&47Ta$4_#d3FtupYiQVCY-OTJxC~RiO_@N0Wjx1`e3aA3U0_*m+ zBK!YI@%i6R(mPc^6<8?+IEd?U4UgpZ*4)F%UK^q`P{brIwP;dMx$W3AWGmi5F$P~K W4PfLjwTK>={s Date: Fri, 26 Sep 2025 09:19:57 +0530 Subject: [PATCH 2/3] Delete .DS_Store --- .DS_Store | Bin 6148 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index f49429e497a94ce67708137793354b7acb72bcaf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHKy-ve05Wa(mRxr>J#FC8#A^HZP3IiKbB^D%9`j6C-N^MzK@&b(T7A!mg8%V6Y zM<;f^v)vLmgb|_YF0wzzcV~b3qS!GJac$bJ5><$(j3O9pqWZzaFC}Mdu1Att#u)Uf z^;R+*OsG@u7zB*`O;Lj`wpe+~qSmT_DxeB16p-~HL=lV}rWVc8fyx{KfC0LVp)J1@k`p?N z9HtiGfw4^m+EjK&47Ta$4_#d3FtupYiQVCY-OTJxC~RiO_@N0Wjx1`e3aA3U0_*m+ zBK!YI@%i6R(mPc^6<8?+IEd?U4UgpZ*4)F%UK^q`P{brIwP;dMx$W3AWGmi5F$P~K W4PfLjwTK>={s Date: Fri, 26 Sep 2025 09:28:03 +0530 Subject: [PATCH 3/3] fix the code alignment and resolve the conflict --- assets/css/convert.css | 266 ++++++++++++++++++++++++++++++++--------- 1 file changed, 207 insertions(+), 59 deletions(-) diff --git a/assets/css/convert.css b/assets/css/convert.css index 92d1677..b3c4f06 100644 --- a/assets/css/convert.css +++ b/assets/css/convert.css @@ -84,7 +84,7 @@ /* Active navigation link styles */ .nav-links a.active { - background: linear-gradient(90deg, #3e2723, #573730, #3e2723) !important; + background-color: #0d0d0d !important; color: #ffffff !important; border-color: #1e1e1e !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); @@ -415,70 +415,218 @@ body.dark-mode .badge-purple { } /* ===== FOOTER ===== */ - .footer { background: radial-gradient(circle at center, #e9b4b6, #e5c5b3); backdrop-filter: blur(15px); position:relative; z-index:2; border-top:1px solid rgba(255,255,255,0.3); margin-top:4rem; } - body.dark-mode .footer { background:#1e1e1e; } - .footer-content { max-width:1500px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; padding:3rem 2rem 2rem; } - .footer-section h3.footer-title { color:#3e2723; font-size:1.2rem; font-weight:700; margin-bottom:1.5rem; position:relative; } - .footer-section h3.footer-title::after { content:''; position:absolute; bottom:-8px; left:0; width:30px; height:3px; background:#3e2723; border-radius:2px; } - body.dark-mode .footer-section h3.footer-title::after { background:#e0e0e0; } - .footer-logo { display:flex; align-items:center; gap:.8rem; margin-bottom:1.5rem; font-size:1.8rem; font-weight:700; color:#3e2723;} - .footer-logo-icon { font-size:2rem; } - .footer-description { color:#333; line-height:1.6; margin-bottom:2rem; font-size:.95rem; } - .footer-links { list-style:none; padding:0; margin:0; } - .footer-links li { margin-bottom:.8rem; } - .footer-links a { color:#333; text-decoration:none; display:flex; align-items:center; gap:.8rem; font-weight:500; transition:all .3s ease; padding:.3rem 0; border-radius:5px; } - .footer-links a:hover { color:black; transform:translateX(4px); background:rgba(255,107,107,0.1); padding-left:.8rem; } - .footer-links i { font-size:.9rem; width:16px; opacity:.7; } - .social-links { display:flex; gap:1rem; margin-top:1rem; } - .social-link { display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; background:linear-gradient(90deg,#3e2723,#6e463e,#3e2723); color:white; text-decoration:none; border-radius:50%; font-size:1.2rem; transition:all .3s ease; box-shadow:0 4px 15px rgba(0,0,0,0.2); } - .social-link:hover { transform:translateY(-3px) scale(1.1); box-shadow:0 8px 25px rgba(0,0,0,0.3); } - - .footer-bottom { background:rgba(0,0,0,0.05); backdrop-filter:blur(10px); border-top:1px solid rgba(255,255,255,0.1); padding:1.5rem 0; } - .footer-bottom-content { max-width:1500px; margin:0 auto; padding:0 2rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; } - .copyright { color:#333; font-size:.9rem; margin:0; } - .copyright .name { color:#3e2723; font-weight:600; } - - body.dark-mode .footer-section h3.footer-title { - color: #e0e0e0; - } - body.dark-mode .footer-section h3.footer-title::after { - background: #e0e0e0; - } +.footer { + background: radial-gradient(circle at center, #e9b4b6, #e5c5b3); + backdrop-filter: blur(15px); + position: relative; + z-index: 2; + border-top: 1px solid rgba(255, 255, 255, 0.3); + margin-top: 4rem; +} - body.dark-mode .footer-logo { - color: #f7f3f3; - } +.footer-content { + max-width: 1500px; + margin: 0 auto; + display: grid; + grid-template-columns: 2fr 1fr 1fr 1fr; + gap: 3rem; + padding: 3rem 2rem 2rem; +} - body.dark-mode .footer-description { - color: #a0a0a0; - } +.footer-section h3.footer-title { + color: #3e2723; + font-size: 1.2rem; + font-weight: 700; + margin-bottom: 1.5rem; + position: relative; +} - body.dark-mode .footer-links a { - color: #e0e0e0; - } +.footer-section h3.footer-title::after { + content: ''; + position: absolute; + bottom: -8px; + left: 0; + width: 30px; + height: 3px; + background: #3e2723; + border-radius: 2px; +} - body.dark-mode .footer-links a:hover { - color: #a0a0a0; - background: rgba(255, 138, 128, 0.1); - } +.footer-logo { + display: flex; + align-items: center; + gap: .8rem; + margin-bottom: 1.5rem; + font-size: 1.8rem; + font-weight: 700; + color: #3e2723; +} - body.dark-mode .footer-bottom { - background: #1e1e1e; - } +.footer-logo-icon { + font-size: 2rem; +} - body.dark-mode .copyright { - color: #a0a0a0; - } +.footer-description { + color: #333; + line-height: 1.6; + margin-bottom: 2rem; + font-size: .95rem; +} - body.dark-mode .copyright .name { - color: #ef6154; - } +.footer-links { + list-style: none; + padding: 0; + margin: 0; +} + +.footer-links li { + margin-bottom: .8rem; +} + +.footer-links a { + color: #333; + text-decoration: none; + display: flex; + align-items: center; + gap: .8rem; + font-weight: 500; + transition: all .3s ease; + padding: .3rem 0; + border-radius: 5px; +} + +.footer-links a:hover { + color: black; + transform: translateX(4px); + background: rgba(255, 107, 107, 0.1); + padding-left: .8rem; +} + +.footer-links i { + font-size: .9rem; + width: 16px; + opacity: .7; +} + +.social-links { + display: flex; + gap: 1rem; + margin-top: 1rem; +} + +.social-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 45px; + height: 45px; + background: linear-gradient(90deg, #3e2723, #6e463e, #3e2723); + color: white; + text-decoration: none; + border-radius: 50%; + font-size: 1.2rem; + transition: all .3s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); +} - @media (max-width:1024px){ - .footer-content{ grid-template-columns:1fr 1fr; gap:2rem; } +.social-link:hover { + transform: translateY(-3px) scale(1.1); + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); +} + +.footer-bottom { + background: rgba(0, 0, 0, 0.05); + backdrop-filter: blur(10px); + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding: 1.5rem 0; +} + +.footer-bottom-content { + max-width: 1500px; + margin: 0 auto; + padding: 0 2rem; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 1rem; +} + +.copyright { + color: #333; + font-size: .9rem; + margin: 0; +} + +.copyright .name { + color: #3e2723; + font-weight: 600; +} + +/* ===== Dark Mode Styles ===== */ +body.dark-mode .footer { + background: #1e1e1e; +} + +body.dark-mode .footer-section h3.footer-title { + color: #e0e0e0; +} + +body.dark-mode .footer-section h3.footer-title::after { + background: #e0e0e0; +} + +body.dark-mode .footer-logo { + color: #f7f3f3; +} + +body.dark-mode .footer-description { + color: #a0a0a0; +} + +body.dark-mode .footer-links a { + color: #e0e0e0; +} + +body.dark-mode .footer-links a:hover { + color: #a0a0a0; + background: rgba(255, 138, 128, 0.1); +} + +body.dark-mode .footer-bottom { + background: #1e1e1e; +} + +body.dark-mode .copyright { + color: #a0a0a0; +} + +body.dark-mode .copyright .name { + color: #ef6154; +} + +/* ===== Responsive Styles ===== */ +@media (max-width: 1024px) { + .footer-content { + grid-template-columns: 1fr 1fr; + gap: 2rem; + } +} + +@media (max-width: 768px) { + .footer-content { + grid-template-columns: 1fr; + gap: 2rem; + text-align: center; } - @media (max-width:768px){ - .footer-content{ grid-template-columns:1fr; gap:2rem; text-align:center; } - .footer-bottom-content{ flex-direction:column; text-align:center; gap:1rem; } - .social-links{ justify-content:center; } - } \ No newline at end of file + + .footer-bottom-content { + flex-direction: column; + text-align: center; + gap: 1rem; + } + + .social-links { + justify-content: center; + } +}