Merge pull request #8 from MPUSP/dev

fix: deployment time and minor style improvements

Author: m-jahn

.github/workflows/deploy.yml

@@ -2,7 +2,7 @@ name: Deploy to GitHub Pages
 
 on:
   schedule:
-    - cron: 0 5 * * 1
+    - cron: 0 5 * * 5
   push:
     branches: [main]
 

docusaurus.config.js

@@ -107,6 +107,10 @@ const config = {
                 label: "Documentation",
                 to: "/docs/projects/intro",
               },
+              {
+                label: `Last update: ${new Date().toLocaleDateString()}`,
+                to: "https://github.com/MPUSP/mpusp.github.io/actions",
+              },
             ],
           },
           {
@@ -145,7 +149,7 @@ const config = {
       colorMode: {
         defaultMode: "light",
         disableSwitch: false,
-        respectPrefersColorScheme: false,
+        respectPrefersColorScheme: true,
       },
     }),
 };

src/components/About/styles.module.css

@@ -68,12 +68,20 @@
   transform: scale(0.95);
 }
 
-.card h1,
-h3 {
+.card h1 {
   margin: 0;
+  background-image: linear-gradient(
+    90deg,
+    var(--ifm-color-primary-dark),
+    var(--ifm-color-primary-lightest)
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
 }
 
 .card h3 {
+  margin: 0;
   font-weight: 600;
   margin-top: 5px;
 }
@@ -87,7 +95,6 @@ h3 {
   .stats2_card {
     grid-template-columns: repeat(2, 1fr);
   }
-
 }
 
 @media screen and (max-width: 650px) {
@@ -119,4 +126,4 @@ h3 {
   .about_description p {
     font-size: 16px;
   }
-}
+}

src/components/Activity/index.jsx

@@ -99,7 +99,7 @@ export default function Activity() {
       <footer className={styles.activity_footer}>
         <p>
           Statistics are automatically retrieved from GitHub.
-          Last updates can be viewed on <Link to="https://github.com/MPUSP/mpusp.github.io/actions">Deployment history</Link>.
+          Last update on {new Date().toLocaleDateString()} (<Link to="https://github.com/MPUSP/mpusp.github.io/actions">Deployment history</Link>).
         </p>
       </footer>
     </section>

src/css/custom.css

@@ -24,6 +24,7 @@
     var(--ifm-color-primary-light) 100%
   );
   --ifm-color-link-grey: #878787;
+  --footer-color: #347b6f;
   --theme-card: #f6f6f6;
   --theme-card-link-color: var(--ifm-color-primary-dark);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
@@ -38,7 +39,7 @@
   --ifm-color-primary-light: #5eb1a3;
   --ifm-color-primary-lighter: #76c0b3;
   --ifm-color-primary-lightest: #8ccbbf;
-  --ifm-color-secondary: #515151;
+  --ifm-color-secondary: #c4c4c4;
   --ifm-color-success: #388e3c;
   --ifm-color-info: #1976d2;
   --ifm-color-warning: #ef6c00;
@@ -48,7 +49,13 @@
     var(--ifm-color-primary-light) 100%
   );
   --ifm-color-link-grey: #494949;
+  --footer-color: #293f3a;
   --theme-card: #2c2c2c;
   --theme-card-link-color: var(--ifm-color-primary-dark);
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+/* Override the default footer background colors */
+.footer {
+  --ifm-footer-background-color: var(--footer-color);
+}