Fix: \n 1. Set GitHub contributions calendar scroll position to start at right-most (latest date). \n 2. Set GitHub contributions calendar first column with day of week axis labels to fixed position above scrollable rest of table. \n 3. Removed light-mode-icon.svg

This commit is contained in:
2025-03-06 17:09:33 +00:00
parent e5e29273a9
commit e1597f496f
12 changed files with 47 additions and 61 deletions

View File

@@ -14,17 +14,17 @@
GitHub Contributions Calendar (light mode default)
- Statistics under calendar do not work.
-->
<link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" />
<link rel="stylesheet" href="styles/experience-section.css">
<link rel="stylesheet" href="styles/expertise-section.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/github-contributions-calendar.css">
<link rel="stylesheet" href="styles/google-translate.css">
<link rel="stylesheet" href="styles/header.css">
<link rel="stylesheet" href="styles/home.css">
<link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" />
<link rel="stylesheet" href="styles/components/github-contributions-calendar.css">
<link rel="stylesheet" href="styles/components/google-translate.css">
<link rel="stylesheet" href="styles/layouts/footer.css">
<link rel="stylesheet" href="styles/layouts/header.css">
<link rel="stylesheet" href="styles/layouts/navigation.css">
<link rel="stylesheet" href="styles/pages/home/experience-section.css">
<link rel="stylesheet" href="styles/pages/home/expertise-section.css">
<link rel="stylesheet" href="styles/pages/home/home.css">
<link rel="stylesheet" href="styles/pages/home/projects-section.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/navigation.css">
<link rel="stylesheet" href="styles/projects-section.css">
<link rel="stylesheet" href="styles/themes.css">
<!-- Prevent detecting of experience section date ranges as phone numbers on Safari on iOS -->
<meta name="format-detection" content="telephone=no">
@@ -243,7 +243,7 @@
<!-- External -->
<!-- Google Translate -->
<script>
function initGoogleTranslateElement() {
function hookupGoogleTranslateElement() {
new google.translate.TranslateElement({
pageLanguage: 'en',
// autoDisplay: false,
@@ -256,33 +256,12 @@
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=initGoogleTranslateElement"></script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=hookupGoogleTranslateElement"></script>
<!--
GitHub Contributions Calendar (light mode default)
- Statistics under calendar do not work.
-->
<script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"></script>
<script>
// Basic implementation
// e - statistics are all 0
GitHubCalendar(".github-calendar", "Teddy-1024");
// Or with responsive option enabled:
// e - statistics are all 0
// GitHubCalendar(".github-calendar", "Teddy-1024", { responsive: true });
/*
// Or with proxy option enabled:
// e - statistics are all 0
GitHubCalendar(".github-calendar", "Teddy-1024", {
responsive: true,
proxy: function(username) {
return fetch(`https://cors-anywhere.herokuapp.com/https://github.com/users/${username}/contributions`)
.then(response => response.text());
}
});
*/
</script>
<!--
GitHub Contributions Calendar (dark mode default)
- Statistics under calendar do not work.