79 lines
3.0 KiB
HTML
79 lines
3.0 KiB
HTML
{% extends "base.html" %}
|
||
{% block content %}
|
||
|
||
<section class="hero">
|
||
<h1 class="hero-title">Key Ajansı</h1>
|
||
<p class="hero-sub">an unofficial agency</p>
|
||
</section>
|
||
|
||
<section class="section" id="projeler">
|
||
<h2 class="section-title">Projelerimiz:</h2>
|
||
{% if projects %}
|
||
<div class="proj-grid">
|
||
{% for p in projects %}
|
||
<article class="proj-card">
|
||
<div class="proj-body">
|
||
<h3 class="proj-title">{{ p.title }}</h3>
|
||
{% if p.tags %}
|
||
<p class="proj-tags">{% for t in p.tags.split(',') if t.strip() %}<span class="tag">{{ t.strip() }}</span>{% endfor %}</p>
|
||
{% endif %}
|
||
<p class="proj-desc">{{ p.description }}</p>
|
||
<p class="proj-date">{{ p.created_at }}</p>
|
||
</div>
|
||
<div class="proj-actions">
|
||
{% if p.link %}<a class="btn btn-ghost" href="{{ p.link }}" target="_blank" rel="noopener noreferrer">Bağlantı ↗</a>{% endif %}
|
||
{% if p.stored_name %}
|
||
<a class="btn btn-primary" href="{{ url_for('projects.download', pid=p.id) }}">Dosyayı İndir</a>
|
||
{% endif %}
|
||
</div>
|
||
</article>
|
||
{% endfor %}
|
||
</div>
|
||
{% else %}
|
||
<p class="empty-note">Henüz proje yüklenmedi.</p>
|
||
{% endif %}
|
||
</section>
|
||
|
||
<section class="section">
|
||
<h2 class="section-title">Örnek İşlerimizin Birkaçı:</h2>
|
||
<div class="emp-grid">
|
||
|
||
<div class="emp-col">
|
||
<h3 class="emp-name">Eymen Mert YİĞİT</h3>
|
||
<div class="emp-card">
|
||
<div class="slider" data-interval="4000">
|
||
<div class="slides">
|
||
<img src="https://picsum.photos/seed/key-eymen-1/900/560" alt="" loading="eager">
|
||
<img src="https://picsum.photos/seed/key-eymen-2/900/560" alt="" loading="lazy">
|
||
<img src="https://picsum.photos/seed/key-eymen-3/900/560" alt="" loading="lazy">
|
||
<img src="https://picsum.photos/seed/key-eymen-4/900/560" alt="" loading="lazy">
|
||
</div>
|
||
<button class="slider-btn prev" type="button" aria-label="Önceki">‹</button>
|
||
<button class="slider-btn next" type="button" aria-label="Sonraki">›</button>
|
||
<div class="dots"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="emp-col">
|
||
<h3 class="emp-name">Mehmed Kudret ERDOĞMUŞ</h3>
|
||
<div class="emp-card">
|
||
<div class="slider" data-interval="4000">
|
||
<div class="slides">
|
||
<img src="https://picsum.photos/seed/key-kudret-1/900/560" alt="" loading="eager">
|
||
<img src="https://picsum.photos/seed/key-kudret-2/900/560" alt="" loading="lazy">
|
||
<img src="https://picsum.photos/seed/key-kudret-3/900/560" alt="" loading="lazy">
|
||
<img src="https://picsum.photos/seed/key-kudret-4/900/560" alt="" loading="lazy">
|
||
</div>
|
||
<button class="slider-btn prev" type="button" aria-label="Önceki">‹</button>
|
||
<button class="slider-btn next" type="button" aria-label="Sonraki">›</button>
|
||
<div class="dots"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
{% endblock %}
|