iran 1401 timeline

This commit is contained in:
Mahdi Dibaiee 2022-11-04 11:13:14 +00:00
parent fc526edf04
commit 6f4fcc5aaa
4 changed files with 172 additions and 0 deletions

View File

@ -29,3 +29,4 @@ authors:
scholar:
style: apa

View File

@ -0,0 +1,93 @@
---
layout: post
title: "Timeline: Iran's 2022 Protests"
subtitle: "گاه‌نمای خروش سراسری ایران ۱۴۰۱"
date: 2022-11-04 00:00:00
permalink: iran-1401-timeline/
categories: iran, history
published: false
author: Mahdi
custom_head: <link rel="stylesheet" href="/css/timeline.css"">
---
<div class='timeline'>
<div class='event'>
<div class='left'>
<span class='date-en'>September 14th, 2022</span>
<p class='en'>Mahsa Amini was arrested by Guidance Patrol (morality
police)</p>
</div>
<div class='right'>
<span class='date-fa'>۲۲ شهریور ۱۴۰۱</span>
<p class='fa'>بازداشت مهسا امینی بدست «گشت ارشاد»</p>
</div>
</div>
<div class='event'>
<div class='left'>
<span class='date-en'>September 16th, 2022</span>
<p class='en'>
Mahsa Amini dies in a hospital in Tehran. Protests start in Tehran in
front of the Kasra hospital where she died. Security forces used pepper
spray and arrested several protestors
[<a
href='https://www.theguardian.com/world/2022/sep/17/iran-protests-death-kurdish-woman-mahsaa-amini-morality-police'>1</a>]
.
</p>
</div>
<div class='right'>
<span class='date-fa'>۲۴ شهریور ۱۴۰۱</span>
<p class='fa'>
جان باختن مهسا امینی در بیمارستان. آغاز خروش روبروی بیمارستان کسری که
مهسا در آن جان باخت. ماموران امنیتی دسته‌ای از معترضان را دستگیر
کردند.
[<a
href='https://www.theguardian.com/world/2022/sep/17/iran-protests-death-kurdish-woman-mahsaa-amini-morality-police'>1</a>]
</p>
</div>
</div>
<div class='event'>
<div class='left'>
<span class='date-en'>September 17th, 2022</span>
<p class='en'>
Mahsa Amini is buried in her hometown, Saqqez. Hundreds of people
gathered for her funeral and chanted anti-government slogans, and some
women removed their hijab in protest. [<a
href='https://www.theguardian.com/world/2022/sep/17/iran-protests-death-kurdish-woman-mahsaa-amini-morality-police'>1</a>] Security forces opened fire at
protestors when they marched towards the local governor's office. [<a
href='https://www.bbc.com/news/world-middle-east-62940907'>2</a>]
Protests spread to Kurdistan province's capital, Sanandaj. Kurdish
organisations were calling for general strike and the Islamic Republic
was limiting internet access. [<a
href='https://www.theguardian.com/world/2022/sep/17/iran-protests-death-kurdish-woman-mahsaa-amini-morality-police'>1</a>]
<br />
The inscription on her tombstone became a slogan for protests: <br/>
"Beloved Žina [Mahsa], you will not die. Your name will become a code
[rallying call]" [<a
href='https://www.bbc.com/news/world-middle-east-62940907'>2</a>]
</p>
</div>
<div class='right'>
<span class='date-fa'>۲۵ شهریور ۱۴۰۱</span>
<p class='fa'>
پیکر مهسا امینی در زادگاه خود، سقز به خاک سپرده شد. صدها نفر برای مراسم
ختم او گردهم آمدند و همزمان شعار‌های مخالف رژیم سردادند [<a
href='https://www.theguardian.com/world/2022/sep/17/iran-protests-death-kurdish-woman-mahsaa-amini-morality-police'>1</a>] و برخی از
خانم‌ها با منشی اعتراضی حجاب از سر خود برداشتند. [<a
href='https://www.bbc.com/news/world-middle-east-62940907'>2</a>]
<br />
سنگ نبشته‌ی آرامگاه مهسا چامه‌ای برای اعتراضات شد: <br/>
«ژینا جان تو نمی‌میری. نامت یک نماد می‌شود» [<a
href='https://www.bbc.com/news/world-middle-east-62940907'>2</a>]
</p>
</div>
</div>
</div>

7
_sass/timeline.scss Normal file
View File

@ -0,0 +1,7 @@
.timeline {
.event {
&::before {
}
}
}

71
css/timeline.scss Normal file
View File

@ -0,0 +1,71 @@
---
# Only the main Sass file needs front matter (the dashes are enough)
---
.timeline {
.event {
position: relative;
min-height: 150px;
// The dot
&::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background: black;
position: absolute;
left: calc(50% - 8px);
}
// Line connecting the dot to the next dot
&::after {
content: "";
display: inlne-block;
width: 2px;
height: 100%;
background: black;
position: absolute;
left: calc(50% - 1px);
top: 16px;
}
.date-en, .date-fa {
font-size: 11px;
display: inline-block;
position: absolute;
}
.left, .right {
width: 47%;
height: auto;
padding-bottom: 30px;
p {
position: relative;
top: 30px;
}
}
.left {
position: relative;
text-align: left;
left: 0;
}
.right {
position: absolute;
text-align: right;
direction: rtl;
right: 0;
top: 0;
}
.date-en {
right: 0;
}
.date-fa {
left: 0;
}
}
}