MEP 09/02/2025 #1

src/components/contact-form.astro → src/components/contact-card.astro

@@ -6,7 +6,7 @@
 </p>
 
 <style>
-    * {
+    p {
         text-align: center;
     }
 </style>

src/layouts/base.layout.astro

@@ -2,7 +2,7 @@
 import Header from "../components/header.astro";
 import Footer from "../components/footer.astro";
 import Banner from "../components/banner.astro";
-import ContactForm from "../components/contact-form.astro";
+import ContactCard from "../components/contact-card.astro";
 import "../styles/bootstrap.scss";
 
 const { title } = Astro.props;
@@ -31,7 +31,7 @@ const { title } = Astro.props;
       </Banner>
       <slot />
       <div class="app-container contact-form">
-        <ContactForm />
+        <ContactCard />
       </div>
     </main>
     <Footer />

src/pages/index.astro

@@ -1,11 +1,44 @@
 ---
-import WipAlert from "../components/wip-alert.astro";
 import BaseLayout from "../layouts/base.layout.astro";
 const title = "Improve humanity with technology";
 ---
 
 <BaseLayout title={title}>
+  <div slot="banner-content">
+    <a class="app-button app-button--outlined" href="/projects"
+      >See our projects</a
+    >
+  </div>
   <div class="app-container">
-    <WipAlert />
+    <h2>Our mission</h2>
+    <p>
+      We are an organisation which helps <strong>engineers</strong> and <strong
+        >project leaders</strong
+      > to change their <strong>societies</strong> with <strong
+        >technology</strong
+      >.
+    </p>
+    <p>
+      We are convinced that people have the desire and the ideas to transform
+      the world, and by extension radically change their lifestyle.
+    </p>
+    <p>
+      In our period with a lot of stressful challenges (ecologic, political
+      sovereignty) it's a need to provide to the people the means to build their
+      future.
+    </p>
+    <p>
+      Before politic and activism, they can do this thanks the technology, in
+      particular with <strong>web technologies</strong> that is our speciality.
+    </p>
+    <a href="/about">See more about us</a>
+    <h2>Our means</h2>
+    <a href="/services">See our services</a>
   </div>
 </BaseLayout>
+
+<style>
+  .centered {
+    margin: auto;
+  }
+</style>

src/pages/services/business-products-development.md

@@ -0,0 +1,6 @@
+---
+layout: ../../layouts/service.layout.astro
+name: Business products development
+description: Delegate with confidence the software development of your business projects
+imageFileName: business-products-development-service.jpg
+---

src/pages/services/consulting.md

@@ -3,12 +3,4 @@ layout: ../../layouts/service.layout.astro
 name: Consulting
 description: Take advantage of a relevant and complete consulting service on a large set of technologies
 imageFileName: consulting-service.jpg
----
-# Un service de qualite
-bla bla bla
-
-fs
-f
-efer
-
-lorem i
+---

src/pages/services/open-source-products.md → src/pages/services/open-source-products-delivery.md

@@ -2,13 +2,5 @@
 layout: ../../layouts/service.layout.astro
 name: Open source products delivery
 description: Use as free an ecosystem of tools developed by ourself
-imageFileName: open-source-products-service.jpg
----
-# Un service de qualite
-bla bla bla
-
-fs
-f
-efer
-
-lorem i
+imageFileName: open-source-products-delivery-service.jpg
+---

src/pages/services/project-incubation.md

@@ -0,0 +1,6 @@
+---
+layout: ../../layouts/service.layout.astro
+name: Project incubation
+description: Collaborate with us to ship your project faster
+imageFileName: project-incubation-service.jpg
+---

src/pages/services/talks.md

@@ -3,12 +3,4 @@ layout: ../../layouts/service.layout.astro
 name: Talks
 description: Take advantage of our expertise to attend a talk about a problematic that interests you
 imageFileName: talks-service.jpg
----
-# Un service de qualite
-bla bla bla
-
-fs
-f
-efer
-
-lorem i
+---

src/styles/base/_base.scss

@@ -9,8 +9,6 @@ html {
   }
 }
 
-
-
 body {
   margin: 0;
     padding: 0;
@@ -29,6 +27,7 @@ a {
   text-decoration: none;
   transition: all 0.15s linear;
 }
+
 hr {
   margin-bottom: 2rem;
 }

src/styles/base/_typography.scss

@@ -3,9 +3,9 @@
 html {
   font-size: 16px;
   font-style: normal;
-
-  * {
-    font-family: $font-family;
+  font-family: $font-family;
   }
 
+h2 {
+  text-align: center;
 }

src/styles/components/button/_theming.scss

@@ -5,11 +5,21 @@
     @include block("button") {
         color: map.get($theme, "text-color-primary");
         background-color: map.get($theme, "primary-color");
-            border: 1px solid map.get($theme, "primary-color");
+        border: 1px solid map.get($theme, "primary-color");
 
         @include on-event {
             color: map.get($theme, "primary-color");
             background-color: map.get($theme, "button-background-color-hover");
         }
+
+        @include modifier("outlined") {
+            color: map.get($theme, "primary-color");
+            background-color: rgba($color: #000000, $alpha: 0);
+
+            @include on-event {
+                color: map.get($theme, "primary-color");
+                background-color: rgba(map.get($theme, "primary-color"), $alpha: 0.1);
+            }
+        }
     }
 }

src/styles/theming/_theming.scss

@@ -8,13 +8,14 @@
 
 @mixin apply-theme($theme) {
     $theme-name: map.get($theme, "name");
-body.#{$theme-name}-theme {
+
+    body.#{$theme-name}-theme {
         background-color: map.get($theme, "background-color-light");
         color: map.get($theme, "text-color-secondary");
 
         h1,
         h2,
-            h3 {
+        h3 {
             color: map.get($theme, "text-color-primary");
         }
 
@@ -23,19 +24,21 @@ body.#{$theme-name}-theme {
 
             @include mixins.on-event {
                 color: map.get($theme, "button-background-color-hover");
-                }
+            }
         }
 
-                p {}
+        strong {
+            color: map.get($theme, "text-color-primary");
+        }
 
         hr {
             border-color: map.get($theme, "background-color-light");
         }
 
-                @include alert-theming.apply-alert-theming($theme);
-                @include banner-theming.apply-banner-theming($theme);
-                @include button-theming.apply-button-theming($theme);
-                @include flat-theming.apply-flat-theming($theme);
-                @include navbar-theming.apply-navbar-theming($theme);
-                }
-}
+        @include alert-theming.apply-alert-theming($theme);
+        @include banner-theming.apply-banner-theming($theme);
+        @include button-theming.apply-button-theming($theme);
+        @include flat-theming.apply-flat-theming($theme);
+        @include navbar-theming.apply-navbar-theming($theme);
+    }
+}