Update projects.html

OnurLexa · Nov 6, 2024 · 3844bb6 · 3844bb6
1 parent 320466e
commit 3844bb6
Showing 1 changed file with 58 additions and 10 deletions.
diff --git a/projects.html b/projects.html
@@ -5,6 +5,7 @@
     <title>Projelerim</title>
     <link rel="stylesheet" href="css/style.css">
     <style>
+        /* İz Efekti Stili */
         .cursor-trail {
             position: absolute;
             width: 20px;
@@ -16,6 +17,41 @@
             mix-blend-mode: screen;
             z-index: 9999;
         }
+
+        /* Kutucuk Stili */
+        .card {
+            background-color: #222; /* Koyu arka plan */
+            color: #ddd;
+            border-radius: 8px;
+            padding: 1.5rem;
+            margin: 1.5rem 0;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            animation: fadeIn 1s ease-in-out forwards;
+            text-align: left;
+        }
+
+        .card h4 {
+            color: #e63946; /* Kırmızı başlık */
+            font-size: 1.8rem;
+            margin-bottom: 1rem;
+        }
+
+        .card a {
+            color: #e63946; /* Kırmızı bağlantı rengi */
+            text-decoration: none;
+            font-weight: bold;
+            transition: color 0.3s ease;
+        }
+
+        .card a:hover {
+            color: #fff;
+        }
+
+        .card:hover {
+            transform: scale(1.05);
+            box-shadow: 0 8px 16px rgba(230, 57, 70, 0.6);
+        }
     </style>
 </head>
 <body>
@@ -30,40 +66,47 @@
     <main>
         <section>
             <h2>Projelerim</h2>
+
+            <!-- Güvenlik Projeleri Kategorisi -->
             <div class="project-category">
                 <h3>Güvenlik Projeleri</h3>
-                <div class="project">
+                <div class="card">
                     <h4>Maskify - HWID Spoofer</h4>
                     <p>Kullanıcıların güvenliğini arttırmak için HWID spoofing teknikleri geliştirdim.</p>
-                    <a href="https://github.com/onurlexa/Maskify" target="_blank">Maskify'a ulaşmak için tıkla!</a>
+                    <a href="https://github.com/onurlexa/Maskify" target="_blank">GitHub Projesi</a>
                 </div>
-                <div class="project">
+                <div class="card">
                     <h4>LogCord</h4>
                     <p>Büyük bir hevesle hazırladığım LogCord projem, birden fazla dil ile kodlamış olduğum LogCord "Discord" uygulamasında serverinizdaki webhooklara bağlı bir logger uygulamasıdır.</p>
-                    <a href="https://github.com/onurlexa/LogCord" target="_blank">LogCord'a ulaşmak için tıkla!</a>
+                    <a href="https://github.com/onurlexa/LogCord" target="_blank">GitHub Projesi</a>
                 </div>
             </div>
+
+            <!-- Oyun Projeleri Kategorisi -->
             <div class="project-category">
                 <h3>Oyun Projeleri</h3>
-                <div class="project">
+                <div class="card">
                     <h4>Roxy</h4>
                     <p>Oyun hileleri ile uğraştığım sıralarda kodlamış olduğum Counter Strike: Source Wall Hack projem, günlerimi almıştı fakat başarılıydı.</p>
-                    <a href="https://github.com/onurlexa/Roxy" target="_blank">Roxy'e ulaşmak için tıkla!</a>
+                    <a href="https://github.com/lexa1337/Roxy" target="_blank">GitHub Projesi</a>
                 </div>
             </div>
+
+            <!-- Yazılım Araçları Kategorisi -->
             <div class="project-category">
                 <h3>Yazılım Araçları</h3>
-                <div class="project">
+                <div class="card">
                     <h4>Killer</h4>
                     <p>İlk open-source DLL Injector uygulamamdır.</p>
-                    <a href="https://github.com/onurlexa/Killer" target="_blank">Killer'a ulaşmak için tıkla! Projesi</a>
+                    <a href="https://github.com/lexa1337/Killer" target="_blank">GitHub Projesi</a>
                 </div>
-                <div class="project">
+                <div class="card">
                     <h4>WebClone</h4>
                     <p>Yüksek kaliteli istediğiniz siteyi klonlamak isteyenlerin işine yarayabilecek bir araç.</p>
-                    <a href="https://github.com/onurlexa/WebClone" target="_blank">WebClone'a ulaşmak için tıkla!</a>
+                    <a href="https://github.com/onurlexa/WebEcho" target="_blank">GitHub Projesi</a>
                 </div>
             </div>
+
         </section>
     </main>
     <footer>
@@ -73,9 +116,14 @@ <h4>WebClone</h4>
             <a href="https://github.com/lexa1337" target="_blank">GitHub - lexa1337</a>
         </p>
     </footer>
+
+    <!-- İz Efekti için Div -->
     <div class="cursor-trail" id="cursorTrail"></div>
+
     <script>
+        // JavaScript ile İzi Hareket Ettirme
         const cursorTrail = document.getElementById("cursorTrail");
+
         document.addEventListener("mousemove", (e) => {
             cursorTrail.style.transform = `translate(${e.pageX - 10}px, ${e.pageY - 10}px)`;
         });