feat(ui): Add GitHub integration and enhance hero section design
- Add GitHub star counter badge to navigation (desktop and mobile) - Implement grid pattern background in hero section - Redesign hero title with inline PDF Toolkit badge and briefcase icon - Update feature badges styling with improved visual hierarchy - Refactor CTA button layout with icon integration - Add simple-mode-footer utility component for footer management - Update all tool pages with consistent styling improvements - Enhance responsive design for mobile navigation with GitHub link - Improve visual consistency across all pages with updated color scheme
This commit is contained in:
@@ -80,6 +80,12 @@ const init = () => {
|
||||
supportSection.style.display = 'none';
|
||||
}
|
||||
|
||||
// Hide "Used by companies" section
|
||||
const usedBySection = document.querySelector('.hide-section') as HTMLElement;
|
||||
if (usedBySection) {
|
||||
usedBySection.style.display = 'none';
|
||||
}
|
||||
|
||||
// Hide footer but keep copyright
|
||||
const footer = document.querySelector('footer');
|
||||
if (footer) {
|
||||
@@ -291,17 +297,26 @@ const init = () => {
|
||||
console.log('Please share our tool and share the love!');
|
||||
|
||||
|
||||
const githubStarsElement = document.getElementById('github-stars');
|
||||
if (githubStarsElement && !__SIMPLE_MODE__) {
|
||||
const githubStarsElements = [
|
||||
document.getElementById('github-stars-desktop'),
|
||||
document.getElementById('github-stars-mobile')
|
||||
];
|
||||
|
||||
if (githubStarsElements.some(el => el) && !__SIMPLE_MODE__) {
|
||||
fetch('https://api.github.com/repos/alam00000/bentopdf')
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
if (data.stargazers_count !== undefined) {
|
||||
githubStarsElement.textContent = formatStars(data.stargazers_count);
|
||||
const formattedStars = formatStars(data.stargazers_count);
|
||||
githubStarsElements.forEach(el => {
|
||||
if (el) el.textContent = formattedStars;
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
githubStarsElement.textContent = '-';
|
||||
githubStarsElements.forEach(el => {
|
||||
if (el) el.textContent = '-';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user