Revision as of 19:31, 16 June 2025

<!DOCTYPE html> GGNET Wiki - Home

GGNET Wiki - Game Wikis

Slay the Spire 2 Wiki

Grounded 2 Wiki

@@ Line 1: / Line 1: @@
-== GGNET Wiki - Game Wikis ==
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>GGNET Wiki - Home</title>
+<style>
+  :root {
+    --color-bg: #f9f9f9;
+    --color-text: #222;
+    --color-link: #0066cc;
+    --color-link-hover: #004999;
+    --color-box-bg: #fff;
+    --color-box-border: #ddd;
+    --box-shadow-default: 0 2px 5px rgba(0, 0, 0, 0.1);
+    --box-shadow-hover: 0 5px 15px rgba(0, 0, 0, 0.2);
+    --border-radius: 8px;
+    --gap: 2rem;
+    --max-width-item: 160px;
+  }
+  body {
+    font-family: Arial, Helvetica, sans-serif;
+    background: var(--color-bg);
+    color: var(--color-text);
+    margin: 0;
+    padding: 2rem;
+  }
+  h1 {
+    text-align: center;
+    margin-bottom: 2rem;
+    font-weight: 700;
+  }
+  .gallery {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--gap);
+  }
+  .gallery-item {
+    background: var(--color-box-bg);
+    border: 1px solid var(--color-box-border);
+    border-radius: var(--border-radius);
+    width: var(--max-width-item);
+    padding: 1rem;
+    box-shadow: var(--box-shadow-default);
+    text-align: center;
+    transition: box-shadow 0.3s ease, transform 0.3s ease;
+  }
+  .gallery-item:hover {
+    box-shadow: var(--box-shadow-hover);
+    transform: translateY(-4px);
+  }
+  .gallery-item img {
+    max-width: 100%;
+    height: auto;
+    object-fit: contain;
+    border-radius: 4px;
+    margin-bottom: 0.75rem;
+  }
+  .gallery-title {
+    font-weight: 700;
+    font-size: 1rem;
+    color: var(--color-link);
+    text-decoration: none;
+    display: block;
+    transition: color 0.3s ease;
+  }
+  .gallery-title:hover {
+    text-decoration: underline;
+    color: var(--color-link-hover);
+  }
+  /* Responsive: küçük ekranlarda alt alta */
+  @media (max-width: 400px) {
+    .gallery {
+      flex-direction: column;
+      align-items: center;
+    }
+    .gallery-item {
+      width: 100%;
+      max-width: 300px;
+    }
+  }
+</style>
+</head>
+<body>
+<h1>GGNET Wiki - Game Wikis</h1>
 <div class="gallery">
-   <div class="gallery-item" style="width:160px; text-align:center; margin:1em;">
+   <div class="gallery-item">
-     [[File:Slay2.jpg|160px|alt=Slay the Spire 2]]
+     <img src="/images/wiki_ggnet/7/76/Slay2.jpg" alt="Slay the Spire 2" />
-     [https://ggnet.wiki/slay-the-spire-2 Slay the Spire 2 Wiki]
+     <a href="https://ggnet.wiki/slay-the-spire-2" class="gallery-title" target="_blank" rel="noopener noreferrer">Slay the Spire 2 Wiki</a>
    </div>
-   <div class="gallery-item" style="width:160px; text-align:center; margin:1em;">
+   <div class="gallery-item">
-     [[File:Game_One.png|160px|alt=Grounded 2]]
+     <img src="/images/wiki_ggnet/3/45/Game_One.png" alt="Grounded 2" />
-     [https://ggnet.wiki/Game_One Grounded 2 Wiki]
+     <a href="https://ggnet.wiki/Game_One" class="gallery-title" target="_blank" rel="noopener noreferrer">Grounded 2 Wiki</a>
    </div>
 </div>
+</body>
+</html>