@@ -51,96 +51,72 @@ weight: 5
51
51
</div>
52
52
</section>
53
53
54
- <section class="flex items-center justify-center" dir="ltr">
55
- <div class="flex flex-col gap-10 w-full max-w-[1200px] items-center justify-center">
56
- <div class="flex items-center justify-center flex-col gap-3">
57
- <h1 class="text-primaryText text-2xl font-semibold">جدول زمانی</h1>
58
- <h3 class="text-secondaryText text-lg font-medium">از ابتدا تا اکنون</h3>
59
- </div>
60
- <div class="grid grid-cols-1 lg:grid-cols-4 w-[350px] lg:w-full h-[800px] lg:h-fit">
54
+ <section class =" flex items-center justify-center py-10 " >
55
+ <div class =" flex flex-col gap-10 w-full max-w-[1200px] items-center justify-center " >
56
+ <!-- Timeline Header -->
57
+ <div class="flex items-center justify-center flex-col gap-3">
58
+ <h1 class="text-primaryText text-2xl font-semibold">داستان هیدیفای از تولد تا امروز</h1>
59
+ </div>
61
60
62
- <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
63
- <div class="rounded-full h-3 w-3 absolute -right-[6px] lg:-top-[6px] lg:right-[unset] bg-[#504A82]">
64
- </div>
65
- <div class="w-full">
66
- <div
67
- class="absolute right-0 lg:left-[unset] bottom-0 lg:bottom-[unset] lg:right-0 h-1/2 w-1/2 lg:h-full border-r-2 lg:border-r-0 lg:border-t-2 border-[#504A82]">
68
- </div>
69
- <div class="py-5 w-full flex items-center justify-center flex-col">
70
- <span class="text-black font-light text-sm mb-3">اکنون</span>
71
- <h3 class="text-secondaryText font-medium text-base">کار بر روی x و y</h3>
72
- </div>
73
- </div>
74
- </div>
61
+ <!-- Timeline Grid -->
62
+ <div class="grid grid-cols-1 lg:grid-cols-4 w-[350px] lg:w-full gap-6">
63
+ <!-- Example Timeline Item -->
64
+ <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
65
+ <div class="rounded-full h-3 w-3 absolute -left-[6px] lg:-top-[6px] lg:left-[unset] bg-[#504A82]"></div>
66
+ <div class="w-full">
67
+ <div class="absolute left-0 lg:right-[unset] top-0 lg:top-[unset] lg:left-0 h-1/2 w-1/2 lg:h-full border-l-2 lg:border-l-0 lg:border-t-2 border-[#504A82]"></div>
68
+ <div class="py-5 w-full flex items-center justify-center flex-col">
69
+ <span class="text-black font-light text-sm mb-3">شهریور ۱۴۰۱</span>
70
+ <h3 class="text-secondaryText font-medium text-base">تولد هیدیفای</h3>
71
+ <p class="text-secondaryText text-sm">توسعه نسخه اولیه با الهام از Awesome Freedom</p>
72
+ </div>
73
+ </div>
74
+ </div>
75
75
76
- <div
77
- class="border-r-2 lg:border-r-0 lg:border-t-2 border-[#504A82] relative flex flex-col justify-center lg:justify-start lg:items-center">
78
- <div class="rounded-full h-3 w-3 absolute -right-[8px] lg:right-[unset] lg:-top-[8px] bg-[#504A82]">
79
- </div>
80
- <div class="py-5 flex flex-col items-center lg:items-[unset]">
81
- <span class="text-black font-light text-sm w-full flex items-center justify-center mb-3">ژوئن
82
- ۲۰۲۳</span>
83
- <div class="w-[230px] mr-20 lg:mr-0 lg:w-fit" dir="rtl">
84
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
85
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
86
- هیدیفای منیجر نسخه ۷
87
- </span>
88
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
89
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
90
- افزودن حسابداری
91
- </span>
92
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
93
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
94
- انتخاب خودکار آیپی
95
- </span>
96
- <span class="text-secondaryText font-medium text-base flex items-center gap-2 whitespace-nowrap">
97
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
98
- برنامههای کلاینت برای سیستمعاملهای مختلف
99
- </span>
100
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
101
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
102
- مستندات در ویکی
103
- </span>
104
- </div>
105
- </div>
106
- </div>
76
+ <!-- Additional Timeline Items -->
77
+ <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
78
+ <div class="rounded-full h-3 w-3 absolute -left-[8px] lg:left-[unset] lg:-top-[8px] bg-[#504A82]"></div>
79
+ <div class="py-5 flex flex-col items-center lg:items-[unset]">
80
+ <span class="text-black font-light text-sm w-full flex items-center justify-center mb-3">آذر ۱۴۰۱</span>
81
+ <div class="w-[230px] ml-20 lg:ml-0 lg:w-fit">
82
+ <span class="text-secondaryText font-medium text-base flex items-center gap-2">
83
+ <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
84
+ انتشار HiddifyManager نسخه اولیه
85
+ </span>
86
+ <p class="text-secondaryText text-sm">شروع استفاده از روشهای مختلف پروکسی</p>
87
+ </div>
88
+ </div>
89
+ </div>
107
90
108
- <div
109
- class="border-r-2 lg:border-r-0 lg:border-t-2 border-[#504A82] relative flex flex-col justify-center lg:justify-start lg:items-center">
110
- <div class="rounded-full h-3 w-3 absolute -right-[8px] lg:right-[unset] lg:-top-[8px] bg-[#504A82]">
111
- </div>
112
- <div class="py-5 flex flex-col items-center lg:items-[unset]">
113
- <span class="text-black font-light text-sm w-full flex items-center justify-center mb-3">دسامبر
114
- ۲۰۲۲</span>
115
- <div class="w-[230px] mr-20 lg:mr-0 lg:w-fit" dir="rtl">
116
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
117
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
118
- هیدیفای منیجر نسخه ۱
119
- </span>
120
- <span class="text-secondaryText font-medium text-base flex items-center gap-2">
121
- <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
122
- ارائه ۶ پروتکل
123
- </span>
124
- </div>
125
- </div>
126
- </div>
91
+ <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
92
+ <div class="rounded-full h-3 w-3 absolute -left-[8px] lg:left-[unset] lg:-top-[8px] bg-[#504A82]"></div>
93
+ <div class="py-5 flex flex-col items-center lg:items-[unset]">
94
+ <span class="text-black font-light text-sm w-full flex items-center justify-center mb-3">تیر ۱۴۰۲</span>
95
+ <div class="w-[230px] ml-20 lg:ml-0 lg:w-fit">
96
+ <span class="text-secondaryText font-medium text-base flex items-center gap-2">
97
+ <div class="h-2 w-2 bg-secondaryText rounded-full"></div>
98
+ ارائه نسخه ۷ HiddifyManager
99
+ </span>
100
+ <p class="text-secondaryText text-sm">افزودن پشتیبانی از پروتکلهای جدید</p>
101
+ </div>
102
+ </div>
103
+ </div>
127
104
128
- <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
129
- <div class="rounded-full h-3 w-3 absolute -right-[6px] lg:-top-[6px] lg:right-[unset] bg-[#504A82]">
130
- </div>
131
- <div class="w-full">
132
- <div
133
- class="absolute right-0 lg:right-[unset] lg:left-0 top-0 lg:top-[unset] w-1/2 h-1/2 lg:h-full border-r-2 lg:border-r-0 lg:border-t-2 border-[#504A82]">
134
- </div>
135
- <div class="py-5 w-full flex items-center justify-center flex-col">
136
- <span class="text-black font-light text-sm mb-3">سپتامبر ۲۰۲۲</span>
137
- <h3 class="text-secondaryText font-medium text-base">اولین نسخه کاری</h3>
138
- </div>
139
- </div>
140
- </div>
105
+ <!-- Continue with additional events -->
106
+ <div class="relative flex flex-col justify-center lg:justify-start lg:items-center">
107
+ <div class="rounded-full h-3 w-3 absolute -left-[6px] lg:-top-[6px] lg:left-[unset] bg-[#504A82]"></div>
108
+ <div class="w-full">
109
+ <div class="absolute left-0 lg:right-[unset] top-0 lg:top-[unset] lg:left-0 h-1/2 w-1/2 lg:h-full border-l-2 lg:border-l-0 lg:border-t-2 border-[#504A82]"></div>
110
+ <div class="py-5 w-full flex items-center justify-center flex-col">
111
+ <span class="text-black font-light text-sm mb-3">اکنون</span>
112
+ <h3 class="text-secondaryText font-medium text-base">در حال کار روی نسخههای بعدی</h3>
141
113
</div>
142
114
</div>
143
- </section>
115
+ </div>
116
+ </div>
117
+ </div >
118
+ </section >
119
+
144
120
145
121
<section class="flex flex-col items-center">
146
122
<h1 class="text-primaryText text-2xl font-semibold mb-10">تیمهای ما</h1>
0 commit comments