fix ui + add paxo-ide in the nav

paxo-phone · Jan 4, 2024 · bc40130 · bc40130
1 parent 4d8de88
commit bc40130
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 43 deletions.
diff --git a/resources/views/base/main.edge b/resources/views/base/main.edge
@@ -40,6 +40,7 @@
           <li class="nav-item"><a class="nav-link" href="/tutorials">{{ t("ui.header.tutorials") }}</a></li>
           <li class="nav-item"><a class="nav-link" href="/press">{{ t("ui.header.press") }}</a></li>
           <li class="nav-item"><a class="nav-link" href="/contact">{{ t("ui.header.contact") }}</a></li>
+          <li class="nav-item"><a class="nav-link" href="/paxo-ide">Paxo IDE</a></li>
           <li class="nav-item"><a class="nav-link"
               href="https://tribee.fr/cagnotte/01H7DFJGAQHNWSH4SC77A9X2ZV/participation" target="_blank">{{
               t("ui.header.donations") }}</a></li>

diff --git a/resources/views/core/paxoide.edge b/resources/views/core/paxoide.edge
@@ -5,52 +5,50 @@
 @endsection
 
 @section('seo')
-<meta name="description" content="{{ t(" ui.ide.seo_description") }}">
+<meta name="description" content="{{ t("ui.ide.seo_description") }}">
 <meta name="robots" content="index">
 @endsection
 
 @section('content')
-<section class="container">
-    <!-- hero -->
-    <section class="block justify-center md:justify-start h-50 md:h-80">
-        <div class="md:w-50 flex flex-col gap-2">
-            <h1 class="h1">{{ t("ui.ide.hero.title") }}</h1>
-            <p>{{ t("ui.ide.hero.p") }}</p>
-            <a class="btn btn-white btn-inverted" href="https://github.com/paxo-phone/paxo-ide/releases">{{ t("ui.ide.cta.btn") }}</a>
-        </div>
-    </section>
-
-    <!-- features -->
-
-    <!-- Autocompletion -->
-    <section class="block justify-center md:justify-end h-50 md:h-80" style="background-image: url(/img/code.jpeg);">
-        <div class="md:w-50 flex flex-col gap-2">
-            <h2 class="h1">{{ t("ui.ide.block1.title") }}</h2>
-            <p>{{ t("ui.ide.block1.p") }}</p>
-        </div>
-    </section>
-
-    <!-- Project manager -->
-    <section class="block justify-center md:justify-start h-50 md:h-80">
-        <div class="md:w-50 text-white flex flex-col gap-2">
-            <h2 class="h1">{{ t("ui.ide.block2.title") }}</h2>
-            <p>{{ t("ui.ide.block2.p") }}</p>
-        </div>
-    </section>
-
-    <!-- Publish app on Paxo Store (SOON) -->
-    <section class="block justify-center md:justify-end h-50 md:h-80">
-        <div class="md:w-50 text-white flex flex-col gap-2">
-            <h2 class="h1">{{ t("ui.ide.block3.title") }}</h2>
-            <p>{{ t("ui.ide.block3.p") }}</p>
-        </div>
-    </section>
-
-    <!-- cta -->
-    <section class="flex flex-col gap-2 justify-center align-center h-10 md:h-40">
-        <h2 class="h1">{{ t("ui.ide.cta.title") }}</h2>
-        <p>{{ t("ui.ide.cta.p") }}</p>
-        <a class="btn btn-white btn-inverted" href="https://github.com/paxo-phone/paxo-ide/releases">{{ t("ui.ide.cta.btn") }}</a>
-    </section>
+<!-- hero -->
+<section class="block justify-center md:justify-start h-50 md:h-80">
+    <div class="md:w-50 flex flex-col gap-2">
+        <h1 class="h1">{{ t("ui.ide.hero.title") }}</h1>
+        <p>{{ t("ui.ide.hero.p") }}</p>
+        <a class="btn" href="https://github.com/paxo-phone/paxo-ide/releases">{{ t("ui.ide.cta.btn") }}</a>
+    </div>
+</section>
+
+<!-- features -->
+
+<!-- Autocompletion -->
+<section class="block justify-center md:justify-end h-50 md:h-80" style="background-image: url(/img/code.jpeg);">
+    <div class="md:w-50 text-white flex flex-col gap-2">
+        <h2 class="h1">{{ t("ui.ide.block1.title") }}</h2>
+        <p>{{ t("ui.ide.block1.p") }}</p>
+    </div>
+</section>
+
+<!-- Project manager -->
+<section class="block justify-center md:justify-start h-50 md:h-80">
+    <div class="md:w-50 flex flex-col gap-2">
+        <h2 class="h1">{{ t("ui.ide.block2.title") }}</h2>
+        <p>{{ t("ui.ide.block2.p") }}</p>
+    </div>
+</section>
+
+<!-- Publish app on Paxo Store (SOON) -->
+<section class="block justify-center md:justify-end h-50 md:h-80">
+    <div class="md:w-50 flex flex-col gap-2">
+        <h2 class="h1">{{ t("ui.ide.block3.title") }}</h2>
+        <p>{{ t("ui.ide.block3.p") }}</p>
+    </div>
+</section>
+
+<!-- cta -->
+<section class="flex flex-col gap-2 justify-center align-center h-10 md:h-40">
+    <h2 class="h1">{{ t("ui.ide.cta.title") }}</h2>
+    <p>{{ t("ui.ide.cta.p") }}</p>
+    <a class="btn" href="https://github.com/paxo-phone/paxo-ide/releases">{{ t("ui.ide.cta.btn") }}</a>
 </section>
 @endsection