Homepage update

docusaurus.config.js

@@ -159,6 +159,10 @@ const config = {
                 label: 'Matrix (chat)',
                 href: 'https://matrix.gwei.cz',
               },
+              {
+                label: 'Mastodon',
+                href: 'https://social.gwei.cz',
+              },
               {
                 label: 'Twitter',
                 href: 'https://twitter.com/gweicz',
@@ -166,8 +170,12 @@ const config = {
             ],
           },
           {
-            title: 'Projekty',
+            title: 'Projekty a služby',
             items: [
+              {
+                label: 'Status',
+                href: 'https://status.gwei.cz',
+              },
               {
                 label: 'BohemianDAO',
                 href: 'https://bohemiandao.cz',

projekty/brightid-verifikace.md

@@ -30,7 +30,7 @@ Pro průzkum a vizualizaci můžete využít [BrightID Explorer](https://explore
 | Jméno                                               | Matrix         |
 | --------------------------------------------------- | -------------- |
 | [@kleinpetr](https://forum.gwei.cz/u/kleinpetr)     | ?              |
-| [@tree](https://forum.gwei.cz/u/tree)               | @tree:gwei.cz  |
+| [@tree](https://forum.gwei.cz/u/tree)               | [@tree:gwei.cz](https://matrix.to/#/@tree:gwei.cz) |
 | [@coinmandeer](https://forum.gwei.cz/u/coinmandeer) | ?              |
 
 ## Matrix kanál

src/components/HomepageFeatures/index.js

@@ -48,10 +48,10 @@ function Feature({Svg, title, description, href, buttonText, buttonHref, inversi
 
   return (
     <div className={clsx('col col--4')}>
-      <div className="text--center">
+      <div className="text--center" style={{paddingTop: '3em'}}>
         <Link href={buttonHref}>
           {inversible
-              ? <Svg className={styles.featureSvg} role="img" style={colorMode === 'dark' ? { filter: 'invert(100%)' } : {}} />
+              ? <Svg className={styles.featureSvg} role="img" style={colorMode === 'dark' ? { filter: 'invert(100%);' } : {}} />
               : <Svg className={styles.featureSvg} role="img" />
           }
         </Link>

src/components/HomepageFeatures/styles.module.css

@@ -1,11 +1,11 @@
 .features {
   display: flex;
   align-items: center;
-  padding: 2rem 0;
+  padding: 1rem 0 4rem 0;
   width: 100%;
 }
 
 .featureSvg {
-  height: 200px;
-  width: 200px;
+  height: 125px;
+  width: 125px;
 }

src/pages/index.js

@@ -10,18 +10,36 @@ import styles from './index.module.css';
 function HomepageHeader() {
   const {siteConfig} = useDocusaurusContext();
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <header className={clsx('hero hero--dark', styles.heroBanner)}>
       <div className="container">
-        <h1 className="hero__title">Gwei.cz - Česko/Slovenská Ethereum komunita</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
-        {/*<div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            href="https://forum.gwei.cz">
-            Přejít na fórum
-          </Link>
-        </div>*/}
+        <div class="row">
+        <div class="col col--3">
+          <div class="col-demo" style={{flexShrink: 0}}>
+            <img src="/img/logo.png" style={{height:'300px', width: '300px', maxWidth: '300px'}}></img>
+          </div>
+        </div>
+        <div class="col col--9" style={{display: 'flex', alignItems: 'center'}}>
+          <div class="col-demo container">
+            <h1 className="hero__title">Gwei.cz - Česko-Slovenská Ethereum komunita</h1>
+            <p className="hero__subtitle">{siteConfig.tagline}</p>
+            <div className={styles.buttons} style={{display:'grid', gridAutoFlow: 'column', gridColumnGap: '2em'}}>
+                <Link
+                  className="button button--secondary button--lg"
+                  href="/komunita">
+                  Kdo jsme?
+                </Link>
+                <Link
+                  className="button button--secondary button--lg"
+                  href="/projekty">
+                  Co děláme?
+                </Link>
+            </div>
+          </div>
+          </div>
+        </div>
       </div>
+
+
     </header>
   );
 }