Revision as of 19:31, 16 June 2025

<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>

GGNET Wiki - Game Wikis

   <img src="/images/wiki_ggnet/7/76/Slay2.jpg" alt="Slay the Spire 2" />
   <a href="https://ggnet.wiki/slay-the-spire-2" class="gallery-title" target="_blank" rel="noopener noreferrer">Slay the Spire 2 Wiki</a>

   <img src="/images/wiki_ggnet/3/45/Game_One.png" alt="Grounded 2" />
   <a href="https://ggnet.wiki/Game_One" class="gallery-title" target="_blank" rel="noopener noreferrer">Grounded 2 Wiki</a>

@@ Line 1: / Line 1: @@
-<html lang="en">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>GGNET Wiki - Home</title>
 <style>
@@ Line 106: / Line 102: @@
    </div>
 </div>
-</body>
-</html>