Hugging Face's logo

Spaces:
moreiraj93
/
mltxstudio
Running

App Files Community
moreiraj93 commited on
Commit
cf49159
·
verified ·
1 Parent(s): b920f20

ADD

Browse files
Files changed (1) hide show
  1. gallery.html +3 -88
gallery.html CHANGED
@@ -51,97 +51,12 @@
51
  </button>
52
  </div>
53
  </div>
 
54
  <!-- Gallery Grid -->
55
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
56
- <!-- Gallery Item 1 -->
57
- <div class="glass rounded-2xl overflow-hidden group cursor-pointer transform transition-all duration-300 hover:scale-105">
58
- <div class="relative overflow-hidden">
59
- <img src="https://huggingface.co/spaces/moreiraj93/ai-visionary-vault/resolve/main/images/replicate-prediction-ktpfzksps5rme0ct1wgttz0prw.jpg"
60
- alt="AI Generated Art"
61
- class="w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110">
62
- <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300"></div>
63
- </div>
64
- <div class="p-4">
65
- <h3 class="font-semibold text-lg mb-2">Digital Artwork</h3>
66
- <p class="text-gray-400 text-sm">AI generated masterpiece with vibrant colors and abstract patterns</p>
67
- <div class="flex justify-between items-center mt-3">
68
- <span class="text-xs text-accent-blue">2 days ago</span>
69
- <button class="text-accent-red hover:text-red-400 transition-colors">
70
- <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
71
- <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"/>
72
- </svg>
73
- </button>
74
- </div>
75
- </div>
76
- </div>
77
-
78
- <!-- Gallery Item 2 -->
79
- <div class="glass rounded-2xl overflow-hidden group cursor-pointer transform transition-all duration-300 hover:scale-105">
80
- <div class="relative overflow-hidden">
81
- <img src="http://static.photos/technology/320x240/1"
82
- alt="AI Technology"
83
- class="w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110">
84
- <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300"></div>
85
- </div>
86
- <div class="p-4">
87
- <h3 class="font-semibold text-lg mb-2">Tech Vision</h3>
88
- <p class="text-gray-400 text-sm">Futuristic technology concept with neural networks</p>
89
- <div class="flex justify-between items-center mt-3">
90
- <span class="text-xs text-accent-blue">1 week ago</span>
91
- <button class="text-gray-400 hover:text-accent-red transition-colors">
92
- <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
93
- <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"/>
94
- </svg>
95
- </button>
96
- </div>
97
- </div>
98
- </div>
99
-
100
- <!-- Gallery Item 3 -->
101
- <div class="glass rounded-2xl overflow-hidden group cursor-pointer transform transition-all duration-300 hover:scale-105">
102
- <div class="relative overflow-hidden">
103
- <img src="http://static.photos/nature/320x240/2"
104
- alt="AI Nature"
105
- class="w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110">
106
- <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300"></div>
107
- </div>
108
- <div class="p-4">
109
- <h3 class="font-semibold text-lg mb-2">Natural Harmony</h3>
110
- <p class="text-gray-400 text-sm">AI-generated landscape with surreal natural elements</p>
111
- <div class="flex justify-between items-center mt-3">
112
- <span class="text-xs text-accent-blue">3 days ago</span>
113
- <button class="text-gray-400 hover:text-accent-red transition-colors">
114
- <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
115
- <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"/>
116
- </svg>
117
- </button>
118
- </div>
119
- </div>
120
- </div>
121
-
122
- <!-- Gallery Item 4 -->
123
- <div class="glass rounded-2xl overflow-hidden group cursor-pointer transform transition-all duration-300 hover:scale-105">
124
- <div class="relative overflow-hidden">
125
- <img src="http://static.photos/abstract/320x240/3"
126
- alt="AI Abstract"
127
- class="w-full h-64 object-cover transition-transform duration-500 group-hover:scale-110">
128
- <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition-all duration-300"></div>
129
- </div>
130
- <div class="p-4">
131
- <h3 class="font-semibold text-lg mb-2">Abstract Dreams</h3>
132
- <p class="text-gray-400 text-sm">Colorful abstract patterns generated by neural networks</p>
133
- <div class="flex justify-between items-center mt-3">
134
- <span class="text-xs text-accent-blue">5 days ago</span>
135
- <button class="text-gray-400 hover:text-accent-red transition-colors">
136
- <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
137
- <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"/>
138
- </svg>
139
- </button>
140
- </div>
141
- </div>
142
- </div>
143
  </div>
144
- </div>
145
  </main>
146
 
147
  <custom-footer></custom-footer>
 
51
  </button>
52
  </div>
53
  </div>
54
+
55
  <!-- Gallery Grid -->
56
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
57
+ <!-- Gallery items will be loaded here -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  </div>
59
+ </div>
60
  </main>
61
 
62
  <custom-footer></custom-footer>