Spaces:

tonyassi
/

fashion-library

Running

App Files Files Community

tonyassi commited on Apr 14

Commit

a1f924b

verified ·

1 Parent(s): 67ea5fa

Upload 8 files

Browse files

Files changed (9) hide show

.gitattributes +1 -0
images.csv +3 -0
static/style.css +51 -0
templates/all_designers.html +56 -0
templates/designer.html +25 -0
templates/gallery.html +55 -0
templates/home.html +81 -0
templates/random_designers.html +56 -0
templates/random_shows.html +56 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+images.csv filter=lfs diff=lfs merge=lfs -text

images.csv ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:8f9f6d2a352b57960d606d5c46e66a6b0a81a1888db940b338e199f5b35345ae
+size 133731747

static/style.css ADDED Viewed

	@@ -0,0 +1,51 @@

+body {
+    font-family: Arial, sans-serif;
+    margin: 20px;
+    background-color: #fdfdfd;
+    color: #333;
+}
+h1 {
+    text-align: center;
+    margin-bottom: 10px;
+    font-size: 28px;
+}
+.grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+    padding: 0 20px;
+}
+.grid img {
+    width: 100%;
+    height: auto;
+    border-radius: 8px;
+    transition: transform 0.2s ease;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+.grid img:hover {
+    transform: scale(1.03);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+}
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 999;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.9);
+}
+.modal img {
+    display: block;
+    max-width: 90%;
+    max-height: 90%;
+    margin: 5vh auto 0;
+    border-radius: 10px;
+}

templates/all_designers.html ADDED Viewed

	@@ -0,0 +1,56 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>All Designers</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { font-family: Arial, sans-serif; margin: 60px auto; }
+        h1 { text-align: center; margin-bottom: 30px; }
+        .grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 20px;
+            padding: 0 20px;
+        }
+        .card {
+            text-align: center;
+            cursor: pointer;
+        }
+        .card img {
+            width: 100%;
+            border-radius: 8px;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+        }
+        .card span {
+            display: block;
+            margin-top: 8px;
+            font-weight: 600;
+            font-size: 14px;
+        }
+        .home-btn {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            background: black;
+            color: white;
+            padding: 8px 14px;
+            border-radius: 6px;
+            text-decoration: none;
+            font-weight: bold;
+            z-index: 1000;
+        }
+    </style>
+</head>
+<body>
+    <a class="home-btn" href="/">Home</a>
+    <h1>All Designers</h1>
+    <div class="grid">
+        {% for card in cards %}
+            <div class="card" onclick="window.location.href='/{{ card.slug }}'">
+                <img src="{{ card.image_url }}">
+                <span>{{ card.name }}</span>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>

templates/designer.html ADDED Viewed

	@@ -0,0 +1,25 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>{{ designer }}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 0 20px; }
+        .card { text-align: center; cursor: pointer; }
+        .card img { width: 100%; border-radius: 8px; }
+        .card span { display: block; margin-top: 8px; font-weight: 500; font-size: 14px; color: #333; }
+    </style>
+</head>
+<body>
+    <a href="/" style="position: fixed; top: 20px; left: 20px; background: black; color: white; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; z-index: 1000;">Home</a>
+    <h1>{{ designer }}</h1>
+    <div class="grid">
+        {% for show in show_cards %}
+            <div class="card" onclick="window.location.href='/{{ designer|replace(' ', '-') }}/{{ show.slug }}'">
+                <img src="{{ show.image_url }}">
+                <span>{{ show.name }}</span>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>

templates/gallery.html ADDED Viewed

	@@ -0,0 +1,55 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>{{ designer }} - {{ show }}</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
+        .grid img { width: 100%; cursor: pointer; }
+        .modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); }
+        .modal img { margin: auto; display: block; max-width: 90%; max-height: 90%; margin-top: 5vh; }
+    </style>
+</head>
+<body>
+    <a href="/" style="position: fixed; top: 20px; left: 20px; background: black; color: white; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: bold; z-index: 1000;">Home</a>
+    <h1>{{ designer }} - {{ show }}</h1>
+    <div class="grid">
+        {% for img in images %}
+            <img src="{{ img }}" onclick="openModal({{ loop.index0 }})">
+        {% endfor %}
+    </div>
+    <div id="modal" class="modal" onclick="closeModal()">
+        <img id="modalImage">
+    </div>
+    <script>
+        const images = {{ images | tojson }};
+        let modal = document.getElementById("modal");
+        let modalImg = document.getElementById("modalImage");
+        function openModal(index) {
+            modal.style.display = "block";
+            modalImg.src = images[index];
+        }
+        function closeModal() {
+            modal.style.display = "none";
+        }
+        document.addEventListener("keydown", function(e) {
+            if (modal.style.display === "block") {
+                let currentIndex = images.indexOf(modalImg.src);
+                if (e.key === "ArrowRight") {
+                    modalImg.src = images[(currentIndex + 1) % images.length];
+                } else if (e.key === "ArrowLeft") {
+                    modalImg.src = images[(currentIndex - 1 + images.length) % images.length];
+                } else if (e.key === "Escape") {
+                    closeModal();
+                }
+            }
+        });
+    </script>
+</body>
+</html>

templates/home.html ADDED Viewed

	@@ -0,0 +1,81 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Fashion Library</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { text-align: center; margin: 60px auto; font-family: Arial; }
+        h1 { font-size: 36px; margin-bottom: 20px; }
+        form { margin-bottom: 20px; }
+        input[type="text"] {
+            padding: 10px;
+            width: 300px;
+            font-size: 16px;
+            border-radius: 6px;
+            border: 1px solid #ccc;
+        }
+        button {
+            padding: 10px 20px;
+            font-size: 16px;
+            border: none;
+            background-color: black;
+            color: white;
+            border-radius: 6px;
+            cursor: pointer;
+            margin-left: 10px;
+        }
+        .suggestions { margin-top: 20px; }
+        .suggestions p { font-size: 18px; }
+        .suggestions ul { list-style: none; padding: 0; }
+        .suggestions li { margin: 5px 0; }
+    </style>
+</head>
+<body>
+    <h1>Fashion Library</h1>
+    <p style="font-style: italic; color: #666;">1,749 Designers | 25,876 Collections | 934,735 Images</p>
+    <form method="GET">
+        <input type="text" name="designer" placeholder="Search for a designer..." value="{{ query }}">
+        <button type="submit">Search</button>
+    </form>
+    {% if suggestions %}
+        <div class="suggestions">
+            <p>No exact match. Did you mean:</p>
+            <ul>
+                {% for name in suggestions %}
+                    <li><a href="/{{ name | replace(' ', '-') }}">{{ name }}</a></li>
+                {% endfor %}
+            </ul>
+        </div>
+    {% endif %}
+    <div style="margin-top: 40px; margin-bottom: 40px;">
+        <a href="/all-designers" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold; margin-right: 10px;">All Designers</a>
+        <a href="/random-designers" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold; margin-right: 10px;">Explore Random Designers</a>
+        <a href="/random-shows" style="background: black; color: white; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 16px; font-weight: bold;">Explore Random Shows</a>
+    </div>
+    <div class="grid" style="padding: 0 20px; margin-bottom: 40px;">
+        {% for d in designer_cards %}
+            <div class="card" onclick="window.location.href='/{{ d.slug }}'" style="cursor:pointer; text-align:center;">
+                <img src="{{ d.image_url }}" style="width:100%; border-radius:8px;">
+                <div style="margin-top: 8px; font-weight: 500;">{{ d.name }}</div>
+            </div>
+        {% endfor %}
+    </div>
+    <div class="grid" style="padding: 0 20px;">
+        {% for show in show_cards %}
+            <div class="card" onclick="window.location.href='{{ show.link }}'" style="cursor:pointer; text-align:center;">
+                <img src="{{ show.image_url }}" style="width:100%; border-radius:8px;">
+                <div style="margin-top: 8px; font-weight: 500;">{{ show.designer }}<br><span style="font-weight: 400;">{{ show.show }}</span></div>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>

templates/random_designers.html ADDED Viewed

	@@ -0,0 +1,56 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Random Designers</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { font-family: Arial, sans-serif; margin: 60px auto; }
+        h1 { text-align: center; margin-bottom: 30px; }
+        .grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 20px;
+            padding: 0 20px;
+        }
+        .card {
+            text-align: center;
+            cursor: pointer;
+        }
+        .card img {
+            width: 100%;
+            border-radius: 8px;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+        }
+        .card span {
+            display: block;
+            margin-top: 8px;
+            font-weight: 500;
+            font-size: 14px;
+        }
+        .home-btn {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            background: black;
+            color: white;
+            padding: 8px 14px;
+            border-radius: 6px;
+            text-decoration: none;
+            font-weight: bold;
+            z-index: 1000;
+        }
+    </style>
+</head>
+<body>
+    <a class="home-btn" href="/">Home</a>
+    <h1>Random Designers</h1>
+    <div class="grid">
+        {% for d in designer_cards %}
+            <div class="card" onclick="window.location.href='/{{ d.slug }}'">
+                <img src="{{ d.image_url }}">
+                <span>{{ d.name }}</span>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>

templates/random_shows.html ADDED Viewed

	@@ -0,0 +1,56 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Random Shows</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+        body { font-family: Arial, sans-serif; margin: 60px auto; }
+        h1 { text-align: center; margin-bottom: 30px; }
+        .grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 20px;
+            padding: 0 20px;
+        }
+        .card {
+            text-align: center;
+            cursor: pointer;
+        }
+        .card img {
+            width: 100%;
+            border-radius: 8px;
+            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+        }
+        .card span {
+            display: block;
+            margin-top: 8px;
+            font-weight: 500;
+            font-size: 14px;
+        }
+        .home-btn {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            background: black;
+            color: white;
+            padding: 8px 14px;
+            border-radius: 6px;
+            text-decoration: none;
+            font-weight: bold;
+            z-index: 1000;
+        }
+    </style>
+</head>
+<body>
+    <a class="home-btn" href="/">Home</a>
+    <h1>Random Shows</h1>
+    <div class="grid">
+        {% for show in show_cards %}
+            <div class="card" onclick="window.location.href='{{ show.link }}'">
+                <img src="{{ show.image_url }}">
+                <span>{{ show.designer }}<br>{{ show.show }}</span>
+            </div>
+        {% endfor %}
+    </div>
+</body>
+</html>