From 5a58582877ecd210f238931cc71f0530bb9c786f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20=C4=B0pek?= <yusufipek@protonmail.com>
Date: Tue, 20 Jan 2026 22:21:58 +0300
Subject: [PATCH] refactor: restructure project layout - Move source files
 (app.js, styles.css) to src/ directory - Move assets (UI.webp, UI-1.webp) to
 assets/ directory - Update references in index.html and README.md"

---
 README.md                     |  12 ++++++------
 UI-1.webp => assets/UI-1.webp | Bin
 UI.webp => assets/UI.webp     | Bin
 index.html                    |   4 ++--
 app.js => src/app.js          |   0
 styles.css => src/styles.css  |   0
 6 files changed, 8 insertions(+), 8 deletions(-)
 rename UI-1.webp => assets/UI-1.webp (100%)
 rename UI.webp => assets/UI.webp (100%)
 rename app.js => src/app.js (100%)
 rename styles.css => src/styles.css (100%)

diff --git a/README.md b/README.md
index 76c299b..039bb31 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,8 @@
 
 A powerful client-side AI image generation tool using OpenRouter API. Generate thumbnails, artwork, and creative images with multiple state-of-the-art models.
 
-![Imagen UI](UI.webp)
-![Imagen UI-1](UI-1.webp)
+![Imagen UI](assets/UI.webp)
+![Imagen UI-1](assets/UI-1.webp)
 
 ## ✨ Features
 
@@ -91,10 +91,10 @@ This is a **100% client-side application**:
 
 ```
 imagen/
-├── index.html      # Main UI structure
-├── styles.css      # Premium dark theme styling
-├── app.js          # Core logic + API integration
-└── README.md       # This file
+├── src/            # Source code (JS/CSS)
+├── assets/         # Images and design assets
+├── index.html      # Main entry point
+└── README.md       # Documentation
 ```
 
 ## 📜 License
diff --git a/UI-1.webp b/assets/UI-1.webp
similarity index 100%
rename from UI-1.webp
rename to assets/UI-1.webp
diff --git a/UI.webp b/assets/UI.webp
similarity index 100%
rename from UI.webp
rename to assets/UI.webp
diff --git a/index.html b/index.html
index ca68199..eba1d23 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Imagen</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="src/styles.css">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>
 
@@ -161,7 +161,7 @@
         </div>
     </div>
 
-    <script src="app.js"></script>
+    <script src="src/app.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/app.js b/src/app.js
similarity index 100%
rename from app.js
rename to src/app.js
diff --git a/styles.css b/src/styles.css
similarity index 100%
rename from styles.css
rename to src/styles.css