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

styles/components/github-contributions-calendar.css

@@ -0,0 +1,68 @@
+/* GitHub Contributions Calendar */
+.github-calendar {
+    max-width: 100%;
+    width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+}
+.github-calendar table.js-calendar-graph-table thead th:first-child,
+.github-calendar table.js-calendar-graph-table tbody td:first-child {
+    min-width: 1.5rem;
+}
+.github-calendar table.js-calendar-graph-table thead th:first-child,
+.github-calendar table.js-calendar-graph-table tbody td:first-child {
+    position: sticky !important;
+    z-index: 2;
+    left: 0.25vh;
+}
+/* Hide broken statistics */
+.github-calendar > :not(:first-child) {
+    display: none;
+}
+/* Hide the "How we calculate contributions" text */
+.github-calendar .js-calendar-graph .width-full .float-left {
+    display: none;
+}
+/* Change title text */
+.github-calendar table.js-calendar-graph-table > caption:first-child {
+    color: transparent;
+    font-size: 0;
+}
+.github-calendar table.js-calendar-graph-table > caption:first-child::before {
+    content: "GitHub Contributions Calendar";
+    color: var(--text-colour);
+    font-size: 1rem;
+}
+
+/* Colour scale to match theme */
+/*
+.github-calendar table tbody td:not(:first-child),
+div.ContributionCalendar-day {
+    border: solid 1px grey;
+}
+*/
+td.ContributionCalendar-day[data-level="0"], /*[aria-describedby="contribution-graph-legend-level-4"]*/ 
+div.ContributionCalendar-day[data-level="0"]
+{
+    background-color: var(--github-calendar-level-0-colour);
+}
+td.ContributionCalendar-day[data-level="1"],
+div.ContributionCalendar-day[data-level="1"]
+{
+    background-color: var(--github-calendar-level-1-colour);
+}
+td.ContributionCalendar-day[data-level="2"],
+div.ContributionCalendar-day[data-level="2"]
+{
+    background-color: var(--github-calendar-level-2-colour);
+}
+td.ContributionCalendar-day[data-level="3"],
+div.ContributionCalendar-day[data-level="3"]
+{
+    background-color: var(--github-calendar-level-3-colour);
+}
+td.ContributionCalendar-day[data-level="4"],
+div.ContributionCalendar-day[data-level="4"]
+{
+    background-color: var(--github-calendar-level-4-colour);
+}

styles/components/google-translate.css

@@ -0,0 +1,44 @@
+
+/* Google Translate
+    - Hide poorly styled iframes
+*/
+#google_translate_element {
+    background-color: white;
+    border-radius: 0.25vh;
+    padding: 0.5vh;
+}
+iframe.skiptranslate {    
+    display: none !important;
+}
+body {    
+    top: 0px !important;
+}
+
+/* Disable Google Translate hover popups and text highlighting */
+.goog-text-highlight:not(#google_translate_element *),
+.goog-tooltip:not(#google_translate_element *),
+.goog-tooltip-bubble:not(#google_translate_element *),
+.goog-te-balloon-frame:not(#google_translate_element *),
+.VIpgJd-suEOdc:not(#google_translate_element *),
+#goog-gt-tt:not(#google_translate_element *),
+.VIpgJd-yAWNEb-L7lbkb:not(#google_translate_element *),
+div.skiptranslate.goog-te-gadget span:not(#google_translate_element *),
+.goog-te-banner-frame:not(#google_translate_element *),
+.goog-te-gadget-simple span.text:not(#google_translate_element *),
+.goog-te-gadget-icon:not(#google_translate_element *),
+.goog-te-gadget-icon:not(#google_translate_element *)::before {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    height: 0 !important;
+    pointer-events: none !important;
+}
+
+/* Keep text selection normal */
+* {
+    -webkit-touch-callout: default !important;
+    -webkit-user-select: text !important;
+    -moz-user-select: text !important;
+    -ms-user-select: text !important;
+    user-select: text !important;
+}