Task-notes-node/edit.ejs at main · Tanu9569/Task-notes-node · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Edit File Name</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
      <style>
    body {
      font-family: 'Inter', sans-serif;
    }
  </style>
</head>
<body class="bg-pink-300 text-zinc-800">
    <div class="main w-full min-h-screen flex flex-col items-center justify-center p-6 text-white">
        <div class="w-full max-w-lg bg-white rounded-2xl shadow-xl p-8"></div>

        <a href="/" class="text-blue-600 hover:underline mb-6 inline-block text-sm font-medium mb-10">Go Back to Home</a>
        <h1 class="text-2xl font-semibold mb-6 text-zinc-900">Edit File Name</h1>
        <form action="/edit" method="post" class="space-y-4">
            <div>
            <label class="block mb-1 font-medium">Previous Name</label>
            <input class="w-full px-4 py-2 rounded-lg outline-none bg-pink-100 text-zinc-800 focus:ring-2 focus:ring-pink-400 shadow-sm" type="text" placeholder="previous name" name="previous" value="<%= filename%>" >
            </div>
            <div>
            <label class="block mb-1 font-medium">New Name</label>
            <input class="w-full px-4 py-2 rounded-lg bg-pink-100 text-zinc-800 outline-none focus:ring-2 focus:ring-pink-400 shadow-sm" type="text" placeholder="New Name" name="new">
            </div>

            <input class="w-full bg-green-600 hover:bg-green-700 text-white font-semihold px-5 py-2 rounded-lg  transition duration-200 shadow-md cursor-pointer" type="submit" value="Update Name">
        </form>
    </div>
</body>
</html>