-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (73 loc) · 3.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
---
layout: default
title: Anasayfa
---
<main class="content">
<div class="flex items-center justify-center h-screen text-white bg-blue-900 width-full">
{% gist https://gist.github.com/emrekayik/c261879f7c0aceb3a8f48f913b8e5e75 %}
<script src="https://gist.github.com/emrekayik/c261879f7c0aceb3a8f48f913b8e5e75.js"></script>
</div>
<!--just a container-->
<div class="w-full px-4 sm:max-w-lg sm:mx-auto">
<!--whole card act as link-->
<h1>Başlıca bloglar</h1>
{% for post in site.posts %}
{% if post.onem == true %}
<a href="{{ post.url }}">
<!--blog post card-->
<article class="my-4 overflow-hidden border-blue-900 rounded shadow-lg hover:shadow-2xl card hover:bg-gray-100">
<div class="sm:flex sm:flex-wrap">
<div class="relative h-56 sm:w-1/2 sm:h-auto">
<img class="absolute inset-0 object-cover w-full h-full" src="{{ post.img }}" alt="image">
</div>
<div class="p-4 sm:w-1/2">
<!--post category-->
{% for tag in post.tags %}
<span
class="inline-block px-2 text-xs tracking-wide text-gray-600 uppercase bg-gray-300 rounded-full">
<h3>{{ tag }}</h3>
</span>
{% endfor %}
<!--post title-->
<h4 class="mt-2 text-lg font-semibold text-gray-800 capitalize">
{{ post.title }}
</h4>
<!--post excerpt-->
<p class="mt-2 text-gray-700">
{{ post.summary }}
</p>
<!--post user info-->
<div class="flex items-center mt-3">
<div class="pl-3 text-sm text-gray-600 divide-y divide-blue-800">
<p class="truncate">
{{post.author}}
</p>
<time>
{% assign m = post.date | date: "%-m" %}
{{ post.date | date: "%-d" }}
{% case m %}
{% when '1' %}Ocak
{% when '2' %}Şubat
{% when '3' %}Mart
{% when '4' %}Nisan
{% when '5' %}Mayıs
{% when '6' %}Haziran
{% when '7' %}Temmuz
{% when '8' %}Ağustos
{% when '9' %}Eylül
{% when '10' %}Ekim
{% when '11' %}Kasım
{% when '12' %}Aralık
{% endcase %}
{{ post.date | date: "%Y" }}
</time>
</div>
</div>
</div>
</div>
</article>
</a>
{% endif %}
{% endfor %}
</div>
</main>