-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
73 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -45,9 +45,8 @@ | |
|
|
||
| <h2 class="text-3xl font-extrabold text-center text-red-500 sm:text-5xl mb-8">How It Works</h2> | ||
|
|
||
| <div class="flex flex-col lg:flex-row items-center justify-around"> | ||
| <!-- Step 1: Upload Data --> | ||
| <div class="max-w-md mb-8 lg:mb-0 relative"> | ||
| <div class="flex flex-col gap-8 lg:flex-row items-center justify-between"> | ||
| <div class="w-full mb-8 lg:mb-0 relative"> | ||
| <div | ||
| class=" | ||
| absolute left-0 top-0 bg-red-500 text-white rounded-full h-10 w-10 flex | ||
|
|
@@ -62,11 +61,44 @@ | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | ||
| <h3 class="text-xl font-semibold text-red-500 mb-2">Step 1: Upload Data</h3> | ||
| <p class="text-gray-700 mb-4">Use curl to securely upload your data.</p> | ||
| <code class="bg-gray-200 p-4 rounded break-all">curl -X POST -F "[email protected]" https://datadeaddrop.com/upload</code> | ||
| <code | ||
| class=" | ||
| text-sm sm:text-base inline-flex text-left items-center space-x-4 bg-gray-800 | ||
| text-white rounded-lg p-4 pl-6 | ||
| " | ||
| > | ||
| <span class="flex gap-4"> | ||
| <span class="shrink-0 text-gray-500"> | ||
| $ | ||
| </span> | ||
|
|
||
| <span class="flex-1"> | ||
| curl -X POST -F "[email protected]" | ||
| https://datadeaddrop.com/upload | ||
| </span> | ||
| </span> | ||
|
|
||
| <button> | ||
| <svg | ||
| class=" | ||
| shrink-0 h-5 w-5 transition text-gray-500 group-hover:text-white | ||
| " | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 20 20" | ||
| fill="currentColor" | ||
| aria-hidden="true" | ||
| > | ||
| <path d="M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"></path> | ||
| <path | ||
| d="M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z" | ||
| > | ||
| </path> | ||
| </svg> | ||
| </button> | ||
| </code> | ||
| </div> | ||
| </div> | ||
| <!-- Step 2: Download Data --> | ||
| <div class="max-w-md relative"> | ||
| <div class="w-full relative"> | ||
| <div | ||
| class=" | ||
| absolute left-0 top-0 bg-red-500 text-white rounded-full h-10 w-10 flex | ||
|
|
@@ -81,7 +113,41 @@ | |
| <div class="bg-white p-6 rounded-lg shadow-md"> | ||
| <h3 class="text-xl font-semibold text-red-500 mb-2">Step 2: Download Data</h3> | ||
| <p class="text-gray-700 mb-4">Download your data securely.</p> | ||
| <code class="bg-gray-200 p-4 rounded break-all">curl -O https://datadeaddrop.com/download/yourfile.txt</code> | ||
|
|
||
| <code | ||
| class=" | ||
| text-sm sm:text-base inline-flex text-left items-center space-x-4 bg-gray-800 | ||
| text-white rounded-lg p-4 pl-6 | ||
| " | ||
| > | ||
| <span class="flex gap-4"> | ||
| <span class="shrink-0 text-gray-500"> | ||
| $ | ||
| </span> | ||
|
|
||
| <span class="flex-1"> | ||
| curl -O https://datadeaddrop.com/download/yourfile.txt | ||
| </span> | ||
| </span> | ||
|
|
||
| <button> | ||
| <svg | ||
| class=" | ||
| shrink-0 h-5 w-5 transition text-gray-500 group-hover:text-white | ||
| " | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 20 20" | ||
| fill="currentColor" | ||
| aria-hidden="true" | ||
| > | ||
| <path d="M8 2a1 1 0 000 2h2a1 1 0 100-2H8z"></path> | ||
| <path | ||
| d="M3 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v6h-4.586l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L10.414 13H15v3a2 2 0 01-2 2H5a2 2 0 01-2-2V5zM15 11h2a1 1 0 110 2h-2v-2z" | ||
| > | ||
| </path> | ||
| </svg> | ||
| </button> | ||
| </code> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||