Spaces:
Running
Running
Update index.html
Browse files- index.html +15 -3
index.html
CHANGED
@@ -53,11 +53,19 @@
|
|
53 |
<div id="columnInputs" class="space-y-5">
|
54 |
<div class="flex space-x-3">
|
55 |
<input type="text" class="column-input input-field flex-1 px-4 py-2 border border-gray-300 rounded-lg" placeholder="Column name (e.g., Status)" value="word">
|
56 |
-
<button onclick="removeColumn(this)" class="btn bg-red-600 text-white px-3 py-2 rounded-lg hover:bg-red-700">
|
|
|
|
|
|
|
|
|
57 |
</div>
|
58 |
<div class="flex space-x-3">
|
59 |
<input type="text" class="column-input input-field flex-1 px-4 py-2 border border-gray-300 rounded-lg" placeholder="Column name (e.g., Category)" value="meaning">
|
60 |
-
<button onclick="removeColumn(this)" class="btn bg-red-600 text-white px-3 py-2 rounded-lg hover:bg-red-700">
|
|
|
|
|
|
|
|
|
61 |
</div>
|
62 |
</div>
|
63 |
<div class="flex justify-between mt-6">
|
@@ -76,7 +84,8 @@
|
|
76 |
</button>
|
77 |
</div>
|
78 |
<div id="codePreview" class="code-block"></div>
|
79 |
-
<div class="flex justify-
|
|
|
80 |
<button onclick="nextSection('howto')" class="btn bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 text-lg font-medium">Next</button>
|
81 |
</div>
|
82 |
</div>
|
@@ -94,6 +103,9 @@
|
|
94 |
<button class="curl-button btn px-4 py-2 bg-gray-200 rounded-lg hover:bg-blue-600 hover:text-white text-sm font-medium" onclick="showCurlExample('delete')">Delete</button>
|
95 |
</div>
|
96 |
<div id="curlExamples" class="code-block"></div>
|
|
|
|
|
|
|
97 |
</div>
|
98 |
</div>
|
99 |
|
|
|
53 |
<div id="columnInputs" class="space-y-5">
|
54 |
<div class="flex space-x-3">
|
55 |
<input type="text" class="column-input input-field flex-1 px-4 py-2 border border-gray-300 rounded-lg" placeholder="Column name (e.g., Status)" value="word">
|
56 |
+
<button onclick="removeColumn(this)" class="btn bg-red-600 text-white px-3 py-2 rounded-lg hover:bg-red-700 flex items-center justify-center">
|
57 |
+
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
58 |
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
59 |
+
</svg>
|
60 |
+
</button>
|
61 |
</div>
|
62 |
<div class="flex space-x-3">
|
63 |
<input type="text" class="column-input input-field flex-1 px-4 py-2 border border-gray-300 rounded-lg" placeholder="Column name (e.g., Category)" value="meaning">
|
64 |
+
<button onclick="removeColumn(this)" class="btn bg-red-600 text-white px-3 py-2 rounded-lg hover:bg-red-700 flex items-center justify-center">
|
65 |
+
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
66 |
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
67 |
+
</svg>
|
68 |
+
</button>
|
69 |
</div>
|
70 |
</div>
|
71 |
<div class="flex justify-between mt-6">
|
|
|
84 |
</button>
|
85 |
</div>
|
86 |
<div id="codePreview" class="code-block"></div>
|
87 |
+
<div class="flex justify-between mt-6">
|
88 |
+
<button onclick="nextSection('columns')" class="btn bg-gray-600 text-white px-6 py-3 rounded-lg hover:bg-gray-700 text-lg font-medium">Back</button>
|
89 |
<button onclick="nextSection('howto')" class="btn bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 text-lg font-medium">Next</button>
|
90 |
</div>
|
91 |
</div>
|
|
|
103 |
<button class="curl-button btn px-4 py-2 bg-gray-200 rounded-lg hover:bg-blue-600 hover:text-white text-sm font-medium" onclick="showCurlExample('delete')">Delete</button>
|
104 |
</div>
|
105 |
<div id="curlExamples" class="code-block"></div>
|
106 |
+
<div class="flex justify-start mt-6">
|
107 |
+
<button onclick="nextSection('code')" class="btn bg-gray-600 text-white px-6 py-3 rounded-lg hover:bg-gray-700 text-lg font-medium">Back</button>
|
108 |
+
</div>
|
109 |
</div>
|
110 |
</div>
|
111 |
|