remove blog from home page and sync colors

SuperJura · Nov 27, 2024 · 317914d · 317914d
1 parent ccf6a4b
commit 317914d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 27 deletions.
diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
@@ -42,29 +42,6 @@ function HeroSmall({ image, title, url }) {
 
 
 export function HomepageHeros() {
-  const [imageUrl, setImageUrl] = useState("");
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const urlMetadata = require('url-metadata');
-    const lastBlogPost = recentPosts.items[0]; // Define lastBlogPost here
-
-    urlMetadata(lastBlogPost.permalink)
-      .then((metadata) => {
-        var url = metadata.image.replace(/([^:]\/)\/+/g, '$1');
-        const urlObject = new URL(url);
-        setImageUrl(urlObject.pathname);
-        setLoading(false);
-      })
-      .catch((err) => {
-        console.log(err);
-        setLoading(false);
-      });
-  }, []);
-
-  if (loading) {
-    return <div>Loading...</div>;
-  } else {
     const lastBlogPost = recentPosts.items[0]; // Define lastBlogPost here as well
     return (
       <>
@@ -73,7 +50,6 @@ export function HomepageHeros() {
             {HeroList.map((props, idx) => (
               <Hero key={idx} {...props} />
             ))}
-            <Hero image={imageUrl} title={"Blog: " + lastBlogPost.title} url={lastBlogPost.permalink} />
           </div>
         </section>
         <section className={styles.features}>
@@ -86,5 +62,4 @@ export function HomepageHeros() {
         </section>
       </>
     );
-  }
 }
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -49,8 +49,9 @@
 }
 
 .banner{
-  background-color: #962625;
+  background: var(--highlight-box-color);
 }
+
 
 .dateLabel {
   color: var(--ifm-color-primary)

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -10,7 +10,7 @@ function HomepageHeader() {
   return (
     <header className={clsx('hero banner', styles.heroBanner)}>
       <div className="container">
-        <img src='./img/logo.png' height={200} />
+        <img src='./img/logo.png' height={100} />
       </div>
     </header>
   );