Skip to content

Commit a29afed

Browse files
Sena-doganSena-dogan
committed
feat: update projects section with new cards, tech stacks, and action buttons
1 parent 18e81a9 commit a29afed

2 files changed

Lines changed: 49 additions & 19 deletions

File tree

‎index.html‎

Lines changed: 38 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -354,20 +354,46 @@ <h2 class="section-title" data-en="Things we use and love." data-tr="Kullandığ
354354
</div>
355355

356356
<div class="projects-minor">
357-
<a class="minor-card reveal" href="https://github.com/DevOpen-io" target="_blank" rel="noopener">
358-
<div class="minor-name">DumbPosting</div>
359-
<p class="minor-desc" data-en="A platform where employers get rated, with an AI-assisted résumé builder." data-tr="İşverenlerin değerlendirildiği, AI destekli CV oluşturucu içeren platform.">A platform where employers get rated, with an AI-assisted résumé builder.</p>
360-
<span class="minor-lang" data-en="● Platform" data-tr="● Platform">● Platform</span>
357+
<!-- Job Inspector -->
358+
<a class="minor-card reveal" href="https://github.com/DevOpen-io/Job-Inspector" target="_blank" rel="noopener">
359+
<div class="minor-name">Job Inspector</div>
360+
<p class="minor-desc" data-en="Jobs, Rated by You. AI-powered platform to fight Ghost Jobs and fake listings." data-tr="Sizin tarafınızdan puanlanan işler. Hayalet ilanlara ve sahte işlere karşı yapay zeka destekli platform.">Jobs, Rated by You. AI-powered platform to fight Ghost Jobs and fake listings.</p>
361+
<div class="minor-stack">
362+
<img src="https://cdn.simpleicons.org/flutter" alt="Flutter" title="Flutter" />
363+
<img src="https://cdn.simpleicons.org/nestjs" alt="NestJS" title="Nest.js" />
364+
<img src="https://cdn.simpleicons.org/postgresql" alt="PostgreSQL" title="PostgreSQL" />
365+
</div>
366+
<div class="minor-action">
367+
<span class="link-btn solid magnetic"><svg viewBox="0 0 24 24"><path d="M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.2.8-.5v-2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.3-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.7 1.3 3.4 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.4-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 4.7 18.3 5 18.3 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.8 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.5 4.6-1.5 7.9-5.8 7.9-10.9C23.5 5.7 18.3.5 12 .5z"/></svg><span data-en="Repo" data-tr="Repo">Repo</span></span>
368+
</div>
361369
</a>
362-
<a class="minor-card reveal" data-delay="80" href="https://github.com/DevOpen-io" target="_blank" rel="noopener">
363-
<div class="minor-name">naisho-secure-sms</div>
364-
<p class="minor-desc" data-en="An end-to-end (E2E) encrypted SMS client built with Flutter." data-tr="Flutter ile uçtan uca (E2E) şifreli SMS istemcisi.">An end-to-end (E2E) encrypted SMS client built with Flutter.</p>
365-
<span class="minor-lang">● Dart / Flutter</span>
370+
371+
<!-- LegalLens -->
372+
<a class="minor-card reveal" data-delay="80" href="https://github.com/DevOpen-io/LegalLens" target="_blank" rel="noopener">
373+
<div class="minor-name">LegalLens</div>
374+
<p class="minor-desc" data-en="Discover Your Digital Rights! AI-powered app that simplifies and summarizes privacy policies." data-tr="Dijital Haklarınızı Keşfedin! Gizlilik politikalarını basitleştiren ve özetleyen yapay zeka destekli uygulama.">Discover Your Digital Rights! AI-powered app that simplifies and summarizes privacy policies.</p>
375+
<div class="minor-stack">
376+
<img src="https://cdn.simpleicons.org/flutter" alt="Flutter" title="Flutter" />
377+
<img src="https://cdn.simpleicons.org/dart" alt="Dart" title="Dart" />
378+
<img src="https://cdn.simpleicons.org/firebase" alt="Firebase" title="Firebase" />
379+
</div>
380+
<div class="minor-action">
381+
<span class="link-btn solid magnetic"><svg viewBox="0 0 24 24"><path d="M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.2.8-.5v-2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.3-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.7 1.3 3.4 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.4-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 4.7 18.3 5 18.3 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.8 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.5 4.6-1.5 7.9-5.8 7.9-10.9C23.5 5.7 18.3.5 12 .5z"/></svg><span data-en="Repo" data-tr="Repo">Repo</span></span>
382+
</div>
366383
</a>
367-
<a class="minor-card reveal" data-delay="160" href="https://github.com/DevOpen-io" target="_blank" rel="noopener">
368-
<div class="minor-name">PlaceholderAnimation</div>
369-
<p class="minor-desc" data-en="A lightweight TypeScript library for input placeholder animations." data-tr="Input placeholder animasyonları için hafif bir TypeScript kütüphanesi.">A lightweight TypeScript library for input placeholder animations.</p>
370-
<span class="minor-lang">● TypeScript</span>
384+
385+
<!-- RescuPaws -->
386+
<a class="minor-card reveal" data-delay="160" href="https://github.com/DevOpen-io/RescuPaws" target="_blank" rel="noopener">
387+
<div class="minor-name">RescuPaws</div>
388+
<p class="minor-desc" data-en="A modern, Tinder-style pet adoption app with fast 2-tap adoption. Swipe right to rescue!" data-tr="2 tıkla sahiplenme sunan, Tinder tarzı modern hayvan sahiplenme uygulaması. Kurtarmak için sağa kaydırın!">A modern, Tinder-style pet adoption app with fast 2-tap adoption. Swipe right to rescue!</p>
389+
<div class="minor-stack">
390+
<img src="https://cdn.simpleicons.org/flutter" alt="Flutter" title="Flutter" />
391+
<img src="https://cdn.simpleicons.org/firebase" alt="Firebase" title="Firebase" />
392+
<img src="https://cdn.simpleicons.org/supabase" alt="Supabase" title="Supabase" />
393+
</div>
394+
<div class="minor-action">
395+
<span class="link-btn solid magnetic"><svg viewBox="0 0 24 24"><path d="M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.2.8-.5v-2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.3-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.7 1.3 3.4 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.4-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 4.7 18.3 5 18.3 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.8 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.5 4.6-1.5 7.9-5.8 7.9-10.9C23.5 5.7 18.3.5 12 .5z"/></svg><span data-en="Repo" data-tr="Repo">Repo</span></span>
396+
</div>
371397
</a>
372398
</div>
373399
</div>

‎style.css‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -852,16 +852,20 @@ body::before {
852852
border-radius: 16px;
853853
padding: 1.5rem;
854854
transition: transform 0.3s ease, border-color 0.3s ease;
855+
display: flex;
856+
flex-direction: column;
855857
}
856858
.minor-card:hover { transform: translateY(-4px); border-color: var(--accent-orange); }
857859
.minor-name { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 1.1rem; margin-bottom: 0.4rem; }
858-
.minor-desc { color: var(--text-secondary); font-size: 0.9rem; }
859-
.minor-lang {
860-
font-family: "JetBrains Mono", monospace;
861-
font-size: 0.7rem;
862-
color: var(--accent-blue);
863-
margin-top: 0.9rem;
864-
display: inline-block;
860+
.minor-desc { color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem; }
861+
.minor-stack {
862+
display: flex; gap: 0.6rem; align-items: center; margin-bottom: 1.5rem;
863+
}
864+
.minor-stack img {
865+
width: 18px; height: 18px; opacity: 0.8;
866+
}
867+
.minor-action {
868+
margin-top: auto;
865869
}
866870

867871
/* ============================================================

0 commit comments

Comments
 (0)