application init

maggick · Jan 5, 2024 · 6ceaa95 · 6ceaa95
1 parent b95791e
commit 6ceaa95
Show file tree

Hide file tree

Showing 14 changed files with 3,435 additions and 187 deletions.
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -0,0 +1,53 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ['main']
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - name: Install dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Build CSS
+        run: npx tailwindcss -i ./src/style.css -o ./dist/tailwind.css
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          # Upload dist repository
+          path: './dist'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -2,12 +2,60 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + TS</title>
+    <title>How do I exit (neo)vim?</title>
+    <link href="./tailwind.css" rel="stylesheet">
+    <script type="module" src="/src/main.ts"></script>
   </head>
+
   <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <div class="hero min-h-screen bg-base-200">
+      <div class="hero-content text-center">
+        <div class="max-w-md">
+          <h1 class="text-5xl font-bold">How do I exit (neo)vim?</h1>
+
+          <div class="divider"></div>
+
+          <section id="app">
+          </section>
+
+          <section id="command">
+          </section>
+
+          <br/>
+          <section id="command-explained">
+          </section>
+
+          <div class="divider"></div>
+
+          <h2 class='text-2xl font-bold'>Is it safe to use?</h2>
+          <br/>
+          <section id="safe">
+          </section>
+
+          <div class="divider"></div>
+          <input class="btn btn-primary" type="button" value="Encore" id="button"/>
+
+          <div class="divider"></div>
+          <div tabindex="0" class="collapse collapse-arrow border border-base-300 bg-base-200">
+            <input type="checkbox" /> 
+            <div class="collapse-title text-xl font-medium">
+              More information about this application.
+            </div>
+            <div class="collapse-content"> 
+              <p>
+              This application was created with ❤️ and ☕ by <a class="link link-secondary" href="https://maggick.fr">maggick</a>.
+              It was inspired by the famous StackOverflow question:<br/>
+              <a class='link link-primary' href="https://stackoverflow.com/questions/11828270/how-do-i-exit-vim">
+                How do I exit vim?</a>
+              </p>
+              <br/>
+              <p>
+              Take a look at the <a class="link link-secondary" href="https://github.com/maggick/XXX">source code</a>.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </body>
 </html>