restoring docs

Author: lumi2021

blog/2025-03-20-reworking 2/index.md

@@ -5,7 +5,7 @@ authors: lumi
 tags: [devlog]
 ---
 
-Rworking in the compiler from stack. Again...
+Rworking in the compiler from scratch. Again...
 
 <!-- truncate -->
 

src/components/under-development/under-development.module.css

@@ -1,4 +1,4 @@
-.warningBar {
+/* .warningBar {
     
     padding: 5px;
     text-align: center;
@@ -15,7 +15,23 @@
             #000000 120px
         );
 
+} */
+
+.warningBar {
+    text-align: center;
+    background-color: transparent;
+    color: red;
+    
+    position: relative;
+    top: -50px;
+}
+
+@media screen and (max-width: 996px) {
+    .warningBar {
+        top: -20px;
+    }
 }
+
 .warningBar b {
     font-weight: bolder;
 }

src/css/custom.css

@@ -18,6 +18,11 @@
 
   --orange-warning-shade-0: hsl(20, 100%, 80%);
   --orange-warning-shade-1: hsl(20, 100%, 60%);
+
+  --ifm-heading-h1-font-size: 1.5rem;
+  --ifm-heading-h2-font-size: 1.3rem;
+  --ifm-heading-h3-font-size: 1.1rem;
+  
 }
 
 

src/pages/index.module.css

@@ -1,8 +1,28 @@
+@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap');
+
 .heroBanner {
   padding: 4rem 0;
   text-align: center;
   position: relative;
   overflow: hidden;
+
+  font-family: "Geist Mono", monospace;
+  background: var(--main-color);
+}
+
+.heroBanner > Heading {
+  font-weight: bolder;
+}
+
+.imageLogo {
+  height: 120px;
+  width: 120px;
+}
+
+.bannerRoutes {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
 
 @media screen and (max-width: 996px) {

src/pages/index.tsx

@@ -10,12 +10,19 @@ function HomepageHeader() {
   const {siteConfig} = useDocusaurusContext();
 
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <header className={clsx(styles.heroBanner)}>
+
+      <UnderDevelopmentBanner></UnderDevelopmentBanner>
+
       <div className="container">
-        <Heading as="h1" className="hero__title">
-          ABSTRACT
-        </Heading>
-        <p className="hero__subtitle">Programming language</p>
+        <img className={styles.imageLogo} src='img/logo.png'></img>
+        <Heading as="h1" className="hero__title">|Abstract|</Heading>
+        <p className="hero__subtitle">Programming language_</p>
+
+        <div className={styles.bannerRoutes}>
+          <a href="docs/language/first_prog">Get Started</a>
+          <a href="https://github.com/abstractLang/Abstract">View on GitHub</a>
+        </div>
       </div>
     </header>
   );
@@ -28,8 +35,6 @@ export default function Home(): JSX.Element {
       title={`${siteConfig.title}`}
       description="">
 
-      <UnderDevelopmentBanner></UnderDevelopmentBanner>
-
       <HomepageHeader />
       <main className={styles.warning}>
         Warning! <br/>