Hugging Face's logo

Spaces:
saeidmp
/
codecraft-academy
Running

App Files Community
saeidmp commited on
Commit
ea2f048
·
verified ·
1 Parent(s): ba343fc

debug

Browse files
Files changed (5) hide show
  1. community.html +3 -3
  2. components/navbar.js +3 -3
  3. resources.html +3 -3
  4. signin.html +91 -0
  5. tutorials.html +3 -3
community.html CHANGED
@@ -50,10 +50,10 @@
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
- <button class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
- </button>
56
- </div>
57
  </div>
58
  </div>
59
  </div>
 
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
+ <a href="signin.html" class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
+ </a>
56
+ </div>
57
  </div>
58
  </div>
59
  </div>
components/navbar.js CHANGED
@@ -111,10 +111,10 @@ class CustomNavbar extends HTMLElement {
111
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
112
  <i data-feather="search"></i>
113
  </button>
114
- <button class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
115
  ورود | Sign In
116
- </button>
117
- </div>
118
  </div>
119
  <div class="-mr-2 flex md:hidden">
120
  <button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
 
111
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
112
  <i data-feather="search"></i>
113
  </button>
114
+ <a href="signin.html" class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
115
  ورود | Sign In
116
+ </a>
117
+ </div>
118
  </div>
119
  <div class="-mr-2 flex md:hidden">
120
  <button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none">
resources.html CHANGED
@@ -50,10 +50,10 @@
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
- <button class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
- </button>
56
- </div>
57
  </div>
58
  </div>
59
  </div>
 
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
+ <a href="signin.html" class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
+ </a>
56
+ </div>
57
  </div>
58
  </div>
59
  </div>
signin.html ADDED
@@ -0,0 +1,91 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" class="dark">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sign In | Spadak Code Learn</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <link rel="stylesheet" href="style.css">
10
+ <script src="components/navbar.js"></script>
11
+ <script src="components/footer.js"></script>
12
+ <script>
13
+ tailwind.config = {
14
+ darkMode: 'class',
15
+ theme: {
16
+ extend: {
17
+ colors: {
18
+ primary: {
19
+ 500: '#f97316',
20
+ },
21
+ secondary: {
22
+ 500: '#f59e0b',
23
+ }
24
+ }
25
+ }
26
+ }
27
+ }
28
+ </script>
29
+ </head>
30
+ <body class="bg-gray-900 text-gray-100">
31
+ <custom-navbar></custom-navbar>
32
+
33
+ <!-- Sign In Section -->
34
+ <section class="min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
35
+ <div class="max-w-md w-full space-y-8 bg-gray-800 p-10 rounded-xl shadow-2xl border border-gray-700">
36
+ <div class="text-center">
37
+ <h2 class="mt-6 text-3xl font-extrabold text-white">
38
+ Sign In to Your Account
39
+ </h2>
40
+ <p class="mt-2 text-sm text-gray-300">
41
+ Or <a href="signup.html" class="font-medium text-orange-500 hover:text-orange-400">sign up for a new account</a>
42
+ </p>
43
+ </div>
44
+ <form class="mt-8 space-y-6" action="#" method="POST">
45
+ <div class="rounded-md shadow-sm space-y-4">
46
+ <div>
47
+ <label for="email" class="sr-only">Email address</label>
48
+ <input id="email" name="email" type="email" autocomplete="email" required
49
+ class="appearance-none relative block w-full px-3 py-3 border border-gray-700 placeholder-gray-500 text-white rounded-lg bg-gray-700 focus:outline-none focus:ring-orange-500 focus:border-orange-500 focus:z-10 sm:text-sm"
50
+ placeholder="Email address">
51
+ </div>
52
+ <div>
53
+ <label for="password" class="sr-only">Password</label>
54
+ <input id="password" name="password" type="password" autocomplete="current-password" required
55
+ class="appearance-none relative block w-full px-3 py-3 border border-gray-700 placeholder-gray-500 text-white rounded-lg bg-gray-700 focus:outline-none focus:ring-orange-500 focus:border-orange-500 focus:z-10 sm:text-sm"
56
+ placeholder="Password">
57
+ </div>
58
+ </div>
59
+
60
+ <div class="flex items-center justify-between">
61
+ <div class="flex items-center">
62
+ <input id="remember-me" name="remember-me" type="checkbox"
63
+ class="h-4 w-4 text-orange-500 focus:ring-orange-500 border-gray-700 rounded bg-gray-700">
64
+ <label for="remember-me" class="ml-2 block text-sm text-gray-300">
65
+ Remember me
66
+ </label>
67
+ </div>
68
+
69
+ <div class="text-sm">
70
+ <a href="#" class="font-medium text-orange-500 hover:text-orange-400">
71
+ Forgot your password?
72
+ </a>
73
+ </div>
74
+ </div>
75
+
76
+ <div>
77
+ <button type="submit" class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-lg text-white bg-orange-500 hover:bg-orange-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 transition-colors duration-200">
78
+ Sign In
79
+ </button>
80
+ </div>
81
+ </form>
82
+ </div>
83
+ </section>
84
+
85
+ <custom-footer></custom-footer>
86
+ <script src="script.js"></script>
87
+ <script>
88
+ feather.replace();
89
+ </script>
90
+ </body>
91
+ </html>
tutorials.html CHANGED
@@ -50,10 +50,10 @@
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
- <button class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
- </button>
56
- </div>
57
  </div>
58
  </div>
59
  </div>
 
50
  <button type="button" class="bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none">
51
  <i data-feather="search"></i>
52
  </button>
53
+ <a href="signin.html" class="ml-4 bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200">
54
  ورود | Sign In
55
+ </a>
56
+ </div>
57
  </div>
58
  </div>
59
  </div>