Hugging Face's logo

Spaces:
prithivMLmods
/
Top-Prompt-Collection
Running

App Files Community
1
prithivMLmods commited on
Commit
8c2de79
•
1 Parent(s): 4fd1629

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +34 -37
index.html CHANGED
@@ -3,50 +3,47 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>README.md Viewer</title>
7
  <style>
8
- body {
9
- font-family: Arial, sans-serif;
10
- margin: 20px;
 
 
11
  }
12
- pre {
13
- background-color: #f4f4f4;
14
- padding: 10px;
15
- border-radius: 5px;
16
- overflow-x: auto;
17
- }
18
- </style>
19
- </head>
20
- <body>
21
- <h1>README.md Viewer</h1>
22
- <div id="readme-content"></div>
23
 
24
- <script>
25
- // Function to fetch README.md content
26
- async function fetchReadme() {
27
- const response = await fetch('README.md');
28
- const content = await response.text();
29
- return content;
30
  }
31
 
32
- // Function to convert Markdown to HTML
33
- function markdownToHtml(markdown) {
34
- const converter = new showdown.Converter();
35
- return converter.makeHtml(markdown);
36
  }
37
 
38
- // Main function to display README content
39
- async function displayReadme() {
40
- const readmeContent = await fetchReadme();
41
- const readmeHtml = markdownToHtml(readmeContent);
42
- document.getElementById('readme-content').innerHTML = readmeHtml;
43
  }
44
-
45
- // Call the main function
46
- displayReadme();
47
- </script>
48
-
49
- <!-- Include Showdown.js library for Markdown to HTML conversion -->
50
- <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
 
 
 
 
 
 
 
 
51
  </body>
52
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Image Gallery</title>
7
  <style>
8
+ .gallery {
9
+ display: grid;
10
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
11
+ grid-gap: 20px;
12
+ padding: 20px;
13
  }
 
 
 
 
 
 
 
 
 
 
 
14
 
15
+ .gallery-item {
16
+ overflow: hidden;
17
+ border-radius: 10px;
18
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 
 
19
  }
20
 
21
+ .gallery-item img {
22
+ width: 100%;
23
+ height: auto;
24
+ display: block;
25
  }
26
 
27
+ .gallery-item p {
28
+ text-align: center;
29
+ margin: 10px 0;
30
+ font-size: 14px;
31
+ color: #666;
32
  }
33
+ </style>
34
+ </head>
35
+ <body>
36
+ <div class="gallery">
37
+ <!-- Replace the src attribute with the actual image URLs -->
38
+ <div class="gallery-item">
39
+ <img src="assets/1.png" alt="Image 1">
40
+ <p>Photo of a rainbow-haired, 19 years old, Asian girl</p>
41
+ </div>
42
+ <div class="gallery-item">
43
+ <img src="7451277.jpeg" alt="Image 2">
44
+ <p>A old granny with pink hair, 95 years old</p>
45
+ </div>
46
+ <!-- Add more gallery items as needed -->
47
+ </div>
48
  </body>
49
  </html>