mirror of
https://github.com/System-End/hackatime.git
synced 2026-04-19 16:38:23 +00:00
ef3f36c829
* Inertia p1? * Inertia'fied signed out homepage? * Split up signed in page * WIP signed in v2? * Better signed in? * Clean up extensions page! * Fix currently hacking * Better docs page? * Docs update 2 * Clean up "What is Hackatime?" + get rid of that godawful green dev mode * Better nav? * Cleaner settings? * Fix commit times * Fix flashes + OS improv * Setup v2 * Readd some of the syncers? * Remove stray emdash * Clean up Step 3 * Oops, remove .vite * bye bye, /inertia-example * bin/rubocop -A * Fix docs vuln
48 lines
2.2 KiB
Svelte
48 lines
2.2 KiB
Svelte
<script lang="ts">
|
|
import { Link } from '@inertiajs/svelte';
|
|
import Stepper from './Stepper.svelte';
|
|
|
|
const editors = [
|
|
{ id: 'vscode', name: 'VS Code', icon: '/images/editor-icons/vs-code-128.png' },
|
|
{ id: 'vim', name: 'Vim', icon: '/images/editor-icons/vim-128.png' },
|
|
{ id: 'neovim', name: 'Neovim', icon: '/images/editor-icons/neovim-128.png' },
|
|
{ id: 'emacs', name: 'Emacs', icon: '/images/editor-icons/emacs-128.png' },
|
|
{ id: 'pycharm', name: 'PyCharm', icon: '/images/editor-icons/pycharm-128.png' },
|
|
{ id: 'sublime', name: 'Sublime', icon: '/images/editor-icons/sublime-text-128.png' },
|
|
{ id: 'unity', name: 'Unity', icon: '/images/editor-icons/unity-128.png' },
|
|
{ id: 'godot', name: 'Godot', icon: '/images/editor-icons/godot-128.png' },
|
|
{ id: 'other', name: 'Other', icon: null, emoji: '🔧' }
|
|
];
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>Choose your editor - Step 2</title>
|
|
</svelte:head>
|
|
|
|
<div class="min-h-screen text-white pt-8 pb-16">
|
|
<div class="max-w-2xl mx-auto px-4">
|
|
<Stepper currentStep={2} />
|
|
|
|
<div class="text-center mb-10">
|
|
<h2 class="text-2xl font-bold mb-2">Choose your editor</h2>
|
|
<p class="text-secondary">Select the editor you'll be using. You can set up more later!</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 gap-4">
|
|
{#each editors as editor}
|
|
<a
|
|
href={`/my/wakatime_setup/step-3?editor=${editor.id}`}
|
|
class="group flex flex-col items-center justify-center p-6 bg-dark border border-darkless rounded-xl hover:border-primary transition-all duration-200 hover:shadow-lg hover:shadow-primary/10">
|
|
<div class="w-16 h-16 mb-4 flex items-center justify-center transition-transform duration-200 group-hover:scale-110">
|
|
{#if editor.icon}
|
|
<img src={editor.icon} alt={editor.name} class="w-12 h-12 object-contain">
|
|
{:else}
|
|
<div class="w-12 h-12 flex items-center justify-center text-3xl">{editor.emoji}</div>
|
|
{/if}
|
|
</div>
|
|
<span class="font-medium text-white group-hover:text-primary transition-colors">{editor.name}</span>
|
|
</a>
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
</div>
|