Hugging Face's logo

Spaces:
ngoctuanai
/
project
Running

App Files Community
1
chokiproai commited on
Commit
365e7dc
·
verified ·
1 Parent(s): c0ecb58

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +37 -11
index.html CHANGED
@@ -15,14 +15,28 @@
15
  background-color: #f0f0f0;
16
  }
17
  .header {
18
- background-color: #007bff;
19
- color: white;
20
  padding: 20px;
21
  text-align: center;
22
- border-bottom: 5px solid #0056b3;
23
  }
24
- .header a {
 
 
 
 
 
 
 
 
 
 
 
 
 
25
  color: #ff9900;
 
 
 
 
26
  }
27
  .container {
28
  max-width: 800px;
@@ -50,22 +64,35 @@
50
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
51
  background-color: #0056b3;
52
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  </style>
54
  </head>
55
 
56
  <body>
57
  <header class="header">
58
- <h1>Welcome to My Website (I'm so busy now! Wait for me, this will be the page containing all the projects!)</h1>
59
- <p>This is an introductory website, aimed at helping more people use AI. If there is any website that is not working, please <a href="https://huggingface.co/spaces/ngoctuanai/project/discussions" target="_blank">contact me</a>.</p>
60
  </header>
61
 
62
  <div class="container">
63
  <ul class="nav nav-tabs" id="myTab" role="tablist">
64
  <li class="nav-item">
65
- <a class="nav-link active" id="ai-chat-tab" data-toggle="tab" href="#ai-chat" role="tab" aria-controls="ai-chat" aria-selected="true">AI Chat</a>
66
  </li>
67
  <li class="nav-item">
68
- <a class="nav-link" id="ai-drawing-tab" data-toggle="tab" href="#ai-drawing" role="tab" aria-controls="ai-drawing" aria-selected="false">AI Drawing</a>
69
  </li>
70
  </ul>
71
  <div class="tab-content" id="myTabContent">
@@ -75,8 +102,7 @@
75
  <div class="card">
76
  <div class="card-body">
77
  <h5 class="card-title">1) 🌟ChatGPT Free</h5>
78
- <a href="https://github.com/chokiproai/ChatGPT-Plugins" class="custom-link" target="_blank">Source code: ChatGPT Plugins</a></p>
79
- <a href="https://34cn89-3000.csb.app" class="btn" target="_blank">Start</a>
80
  </div>
81
  </div>
82
  </div>
@@ -92,7 +118,7 @@
92
  </div>
93
  </div>
94
  <div class="tab-pane fade" id="ai-drawing" role="tabpanel" aria-labelledby="ai-drawing-tab">
95
- ------------
96
  </div>
97
  </div>
98
  </div>
 
15
  background-color: #f0f0f0;
16
  }
17
  .header {
 
 
18
  padding: 20px;
19
  text-align: center;
 
20
  }
21
+ .title {
22
+ font-size: 2.5em;
23
+ color: #007bff;
24
+ }
25
+ .subtitle {
26
+ display: block;
27
+ font-size: 1.2em;
28
+ color: #0056b3;
29
+ }
30
+ .description {
31
+ font-size: 1.5em;
32
+ color: #333;
33
+ }
34
+ .contact-link {
35
  color: #ff9900;
36
+ text-decoration: none;
37
+ }
38
+ .contact-link:hover {
39
+ text-decoration: underline;
40
  }
41
  .container {
42
  max-width: 800px;
 
64
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
65
  background-color: #0056b3;
66
  }
67
+ .custom-link {
68
+ display: inline-block;
69
+ padding: 10px 20px;
70
+ color: white;
71
+ background-color: #007bff;
72
+ border-radius: 15px;
73
+ text-decoration: none;
74
+ transition: all 0.3s ease;
75
+ }
76
+ .custom-link:hover {
77
+ background-color: #0056b3;
78
+ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
79
+ }
80
  </style>
81
  </head>
82
 
83
  <body>
84
  <header class="header">
85
+ <h1 class="title">Welcome to My Website <span class="subtitle">(I'm so busy now! Wait for me, this will be the page containing all the projects!)</span></h1>
86
+ <p class="description">This is an introductory website, aimed at helping more people use AI. If there is any website that is not working, please <a href="https://huggingface.co/spaces/ngoctuanai/project/discussions" target="_blank" class="contact-link">contact me</a>.</p>
87
  </header>
88
 
89
  <div class="container">
90
  <ul class="nav nav-tabs" id="myTab" role="tablist">
91
  <li class="nav-item">
92
+ <a class="nav-link active" id="ai-chat-tab" data-toggle="tab" href="#ai-chat" role="tab" aria-controls="ai-chat" aria-selected="true">AI Chat (Preview)</a>
93
  </li>
94
  <li class="nav-item">
95
+ <a class="nav-link" id="ai-drawing-tab" data-toggle="tab" href="#ai-drawing" role="tab" aria-controls="ai-drawing" aria-selected="false">AI Drawing (Coming Soon)</a>
96
  </li>
97
  </ul>
98
  <div class="tab-content" id="myTabContent">
 
102
  <div class="card">
103
  <div class="card-body">
104
  <h5 class="card-title">1) 🌟ChatGPT Free</h5>
105
+ <a href="https://github.com/chokiproai/ChatGPT-Plugins" class="custom-link" target="_blank">Visit ChatGPT Plugins</a>
 
106
  </div>
107
  </div>
108
  </div>
 
118
  </div>
119
  </div>
120
  <div class="tab-pane fade" id="ai-drawing" role="tabpanel" aria-labelledby="ai-drawing-tab">
121
+ Coming Soon!
122
  </div>
123
  </div>
124
  </div>