|
|
@ -27,30 +27,33 @@ export const Single = ({ blog, isMobile }) => { |
|
|
|
<Avatar size={40} /> |
|
|
|
<Avatar size={40} /> |
|
|
|
<div className="flex flex-col py-2 mr-2 justify-center"> |
|
|
|
<div className="flex flex-col py-2 mr-2 justify-center"> |
|
|
|
<strong className="text-gray-300 text-tiny font-bold"> |
|
|
|
<strong className="text-gray-300 text-tiny font-bold"> |
|
|
|
{"نوشته از:" + " " + "کامران ایزدی"} |
|
|
|
{window.t("نوشته از:" + " " + "کامران ایزدی")} |
|
|
|
</strong> |
|
|
|
</strong> |
|
|
|
<p className="text-gray-300 mt-2 text-xs"> |
|
|
|
<p className="text-gray-300 mt-2 text-xs"> |
|
|
|
{"سردبیر بخش وبلاگ دانوین"} |
|
|
|
{window.t("سردبیر بخش وبلاگ دانوین ایزدی")} |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className="flex flex-col justify-center items-end"> |
|
|
|
<div className="flex flex-col justify-center items-end"> |
|
|
|
<span className="text-gray-300 text-sm"> |
|
|
|
<span className="text-gray-300 text-sm"> |
|
|
|
{"زمان مطالعه" + " " + "۳۰ دقیقه"} |
|
|
|
{window.t("زمان مطالعه" + " " + "۳۰ دقیقه")} |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<span className="mt-2 text-gray-300 text-sm font-bold"> |
|
|
|
|
|
|
|
{window.t("1400/11/24")} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span className="mt-2 text-gray-300 text-sm font-bold">{"1400/11/24"}</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className="flex flex-col lg:w-1/2 lg:pt-5 justify-between"> |
|
|
|
<div className="flex flex-col lg:w-1/2 lg:pt-5 justify-between"> |
|
|
|
<div className="flex flex-col mt-3 lg:mt-0 "> |
|
|
|
<div className="flex flex-col mt-3 lg:mt-0 "> |
|
|
|
<h1 className="lg:text-5xl font-bold leading-6 dark:text-gray-200">{blog?.title}</h1> |
|
|
|
<h1 className="lg:text-5xl font-bold leading-6 dark:text-gray-200"> |
|
|
|
|
|
|
|
{blog?.title} |
|
|
|
|
|
|
|
</h1> |
|
|
|
<p className="text-tiny leading-6 lg:text-tiny text-gray70 dark:text-gray-200 lg:w-4/5 mt-4 lg:mt-6 lg:leading-7"> |
|
|
|
<p className="text-tiny leading-6 lg:text-tiny text-gray70 dark:text-gray-200 lg:w-4/5 mt-4 lg:mt-6 lg:leading-7"> |
|
|
|
هر نفسی که فرو می بریم، مرگی را که مدام به ما دست اندازی میکند پس |
|
|
|
{window.t( |
|
|
|
میزند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد |
|
|
|
"پیش از بلعیدن طعمه اش، با آن بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان" |
|
|
|
بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن |
|
|
|
)} |
|
|
|
بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان{" "} |
|
|
|
|
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{!isMobile && ( |
|
|
|
{!isMobile && ( |
|
|
@ -59,19 +62,19 @@ export const Single = ({ blog, isMobile }) => { |
|
|
|
<Avatar size={80} /> |
|
|
|
<Avatar size={80} /> |
|
|
|
<div className="flex flex-col py-2 mr-2 justify-center"> |
|
|
|
<div className="flex flex-col py-2 mr-2 justify-center"> |
|
|
|
<strong className="lg:text-xl lg:font-black text-gray1"> |
|
|
|
<strong className="lg:text-xl lg:font-black text-gray1"> |
|
|
|
{"نوشته از:" + " " + "کامران ایزدی"} |
|
|
|
{window.t("نوشته از:" + " " + "کامران ایزدی")} |
|
|
|
</strong> |
|
|
|
</strong> |
|
|
|
<p className="lg:text-tiny lg:font-semibold text-gray70 mt-3"> |
|
|
|
<p className="lg:text-tiny lg:font-semibold text-gray70 mt-3"> |
|
|
|
{"سردبیر بخش وبلاگ دانوین"} |
|
|
|
{window.t("سردبیر بخش وبلاگ دانوین ایزدی")} |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className="flex flex-col i justify-center items-end"> |
|
|
|
<div className="flex flex-col i justify-center items-end"> |
|
|
|
<span className="lg:text-tiny text-gray1 lg:font-black"> |
|
|
|
<span className="lg:text-tiny text-gray1 lg:font-black"> |
|
|
|
{"زمان مطالعه" + " " + "۳۰ دقیقه"} |
|
|
|
{window.t("زمان مطالعه" + " " + "۳۰ دقیقه")} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<span className="mt-3 lg:text-tiny text-gray1 lg:font-black"> |
|
|
|
<span className="mt-3 lg:text-tiny text-gray1 lg:font-black"> |
|
|
|
{"1400/11/24"} |
|
|
|
{window.t("1400/11/24")} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|