Feat: GitHub contributions calendar added to bottom of page.

styles/styles.css

@@ -80,6 +80,11 @@ nav a:hover {
 /* Google Translate styles
     - Hide poorly styled iframes
 */
+#google_translate_element {
+    background-color: white;
+    border-radius: 0.25vh;
+    padding: 0.5vh;
+}
 iframe.skiptranslate {    
     display: none !important;
 }
@@ -201,6 +206,8 @@ ul, li {
     font-size: 0.9rem;
     text-decoration: underline;
     margin-top: 1vh;
+    cursor: pointer;
+    width: fit-content;
 }
 .project-thumbnail {
     margin-top: 2vh;
@@ -320,4 +327,25 @@ footer a {
     .projects-grid {
         grid-template-columns: 1fr;
     }
+}
+
+
+/* GitHub Contributions Calendar */
+/* 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-color);
+    font-size: 1rem;
 }