Skip to content

fixed faqs unreadable parts #414

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Aug 22, 2025
Merged

fixed faqs unreadable parts #414

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c526461
fixed faqs
Adez017 Aug 21, 2025
e0b11fa
fixed dark visiblity
Adez017 Aug 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 16 additions & 9 deletions src/components/faqs/faqs.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const faqData = [
{
question: "What is the recode hive?",
answer:
"Recode Hive is a comprehensive platform focused on providing students with the right resources at the right time. We help you focus on important topics and tools used in current industry standards compared to traditional university curricula. This includes data engineering tutorials, blogs, and opportunities for open-source contributions with earning potential. <br><br>🌐 <a href='https://recodehive.com/' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Visit our official website</a> | 📚 <a href='/docs/intro' class='text-indigo-600 hover:text-indigo-800 underline'>Explore our documentation</a>",
"Recode Hive is a comprehensive platform focused on providing students with the right resources at the right time. We help you focus on important topics and tools used in current industry standards compared to traditional university curricula. This includes data engineering tutorials, blogs, and opportunities for open-source contribution with earning potential. <br><br>🌐 <a href='https://recodehive.com/' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Visit our official website</a> | 📚 <a href='/docs/intro' class='text-indigo-600 hover:text-indigo-800 underline'>Explore our documentation</a>",
},
{
question: "What features do the recode hive provides?",
Expand Down Expand Up @@ -118,13 +118,20 @@ const FAQs: React.FC = () => {
>
<div
className={`mt-2 text-base transition-colors duration-200 ${
isDark ? "text-gray-400" : "text-gray-600"
}
[&_a]:text-indigo-600 [&_a]:hover:text-indigo-800
dark:[&_a]:text-indigo-400 dark:[&_a]:hover:text-indigo-300
[&_strong]:font-semibold [&_strong]:text-gray-800
dark:[&_strong]:text-gray-200`}
dangerouslySetInnerHTML={{ __html: faq.answer }}
isDark ? "text-gray-300" : "text-gray-900"
}`}
style={{
color: isDark ? '#d1d5db' : '#111827'
}}
dangerouslySetInnerHTML={{
__html: faq.answer.replace(
/<strong>/g,
`<strong style="color: ${isDark ? '#f3f4f6' : '#000000'}; font-weight: 600;">`
).replace(
/<a /g,
`<a style="color: ${isDark ? '#818cf8' : '#4f46e5'};" `
)
}}
/>
</motion.div>
</motion.div>
Expand All @@ -137,4 +144,4 @@ const FAQs: React.FC = () => {
);
};

export default FAQs;
export default FAQs;
Loading