add paxo ide page (+ its translations, only images and some text are …

…missing)

app/Controllers/Http/CoreController.ts

@@ -24,4 +24,8 @@ export default class CoreController {
       projects: projects,
     })
   }
+
+  public async paxoIde({ view }: HttpContextContract) {
+    return view.render('core/paxoide')
+  }
 }

resources/lang/en/ui.yaml

@@ -102,3 +102,29 @@ contributors:
   title: Contributors
   subtitle: |
     This page lists the main contributors to the Paxo project.
+
+ide:
+  seo_description: Paxo IDE is the official code editor for developping Paxo apps.
+  title: Paxo IDE
+  cta:
+    title: Get Paxo IDE now!
+    p: Available on Windows, macOS, and linux computers.
+    btn: Download
+  hero:
+    title: Paxo IDE, the IDE for Paxo apps
+    p: Get the official Integrated Development Environment (IDE) for Paxo app development.
+  block1:
+    title: Autocompletion
+    p: |
+      This software provides an autocompletion for Lua and for the Paxolib (the Lua API for creating apps). Some upgrades
+      are coming.
+  block2:
+    title: Project manager
+    p: |
+      The IDE enables you to organize your projects with its project manager, which allow you to create and delete 
+      projects quickly and efficiently. It creates the app config file for you!
+  block3:
+    title: Publish app on Paxo Store (SOON)
+    p: |
+      The editor will offer a system for publish the app the official appstore of Paxo. Only a button (or nearly) 
+      for send your application to the marketplace.

resources/lang/fr/ui.yaml

@@ -107,3 +107,30 @@ contributors:
   title: Contributeurs
   subtitle: |
     Cette page recense les principaux contributeurs au projet Paxo.
+
+ide:
+  seo_description: Paxo IDE est l'éditeur de code officiel pour développer des apps Paxo.
+  title: Paxo IDE
+  cta:
+    title: Téléchargez Paxo IDE maintenant!
+    p: Disponible sur les machines sous Windows, macOS et linux.
+    btn: Télécharger
+  hero:
+    title: Paxo IDE, l'IDE pour les apps Paxo
+    p: Téléchargez l'Environnement de Développement Intégré (IDE) officiel pour le développement d'apps Paxo.
+  block1:
+    title: Autocomplétion
+    p: |
+      Ce logiciel fournit une autocomplétion pour Lua et pour la Paxolib (l'API Lua pour créer les apps). Des améliorations
+      sont néanmoins à venir.
+  block2:
+    title: Manageur de projets
+    p: |
+      L'IDE vous permet d'organiser vos projets d'apps avec son manageur de projet, qui vous permet de créer et supprimer 
+      des projets rapidement et facilement. Il crée même le fichier de configuration de l'application pour vous!
+  block3:
+    title: Publication d'apps sur le Paxo Store intégrée (BIENTOT)
+    p: |
+      L'éditeur proposera un système pour publier l'application sur l'appstore officiel de Paxo. Un bouton (ou presque) 
+      pour envoyer votre application sur le marketplace.
+

resources/views/core/paxoide.edge

@@ -0,0 +1,56 @@
+@!layout('base/main')
+
+@section('title')
+{{ t("ui.ide.title") }}
+@endsection
+
+@section('seo')
+<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>
+</section>
+@endsection

start/routes.ts

@@ -32,6 +32,7 @@ Route.group(() => {
   Route.get('contribute', 'CoreController.contribute')
   Route.get('contributors', 'CoreController.contributors')
   Route.get('projects', 'CoreController.projects')
+  Route.get('paxo-ide', 'CoreController.paxoIde')
   Route.get('press', 'PressController.index')
 
   Route.get('tedx', 'RedirectionsController.tedx')