1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <NuxtLayout name="guides">
- <template #intro>
- <div class="max-w-xl">
- <h2 class="text-4xl font-extrabold text-gray-100 sm:text-5xl sm:tracking-tight lg:text-6xl">
- Key Generation
- </h2>
- <p class="mt-5 text-xl text-indigo-300">
- SSH keys are the best security for securing access to your systems.
- </p>
- </div>
- </template>
- <template #links>
- <div class="mt-10 w-full max-w-xs lg:mt-0">
- <label for="currency" class="block text-2xl font-medium text-indigo-400">
- Recommended Links
- </label>
- <div class="flex flex-col mt-1.5 pl-3 relative text-indigo-200">
- <div>
- ↳ <NuxtLink to="/guides/veracrypt" class="hover:underline">
- Install VeraCrypt
- </NuxtLink>
- </div>
- <div>
- ↳ <NuxtLink>
- Nuxt Link #2
- </NuxtLink>
- </div>
- <div>
- ↳ <NuxtLink>
- Nuxt Link #3
- </NuxtLink>
- </div>
- </div>
- </div>
- </template>
- <!-- Page Section -->
- <template #main>
- <section class="p-3 h-full bg-gradient-to-r from-gray-50 to-gray-100">
- <h3 class="text-2xl font-medium">
- Generate the key
- </h3>
- <div class="my-5 w-3/4 border-4 border-yellow-300 bg-yellow-100 rounded-xl overflow-hidden">
- <textarea rows="1" class="-mb-2 p-5 w-full border-0 bg-yellow-100">ssh-keygen</textarea>
- </div>
- </section>
- </template>
- </NuxtLayout>
- </template>
|