-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathbackroundinfo.html
More file actions
194 lines (175 loc) · 9.29 KB
/
backroundinfo.html
File metadata and controls
194 lines (175 loc) · 9.29 KB
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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
<link rel="stylesheet" href="./bulma/bulma-pageloader-min.css">
<link rel="canonical" href="https://wikiki.github.io/elements/pageloader/">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="./image/favicon_nhd.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Debate an Democracy</title>
<meta content="NHD Headers Testing Page" property="og:title" />
<meta content="NHD Project by Idris Vohra and Priansh Mittra" property="og:description" />
<meta content="https://nhd.primitt.tk/home" property="og:url" />
<meta content="#43B581" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<style>
/* Add some padding on document's body to prevent the content
to go underneath the header and footer */
body {
padding-top: 60px;
padding-bottom: 40px;
}
.fixed-header,
.fixed-footer {
width: 100%;
position: fixed;
z-index: 1;
}
.fixed-header {
top: -1;
}
.fixed-footer {
bottom: 0;
}
.container {
width: 80%;
margin: 0 auto;
/* Center the DIV horizontally */
}
nav a {
color: #fff;
text-decoration: none;
padding: 7px 25px;
display: inline-block;
}
</style>
<header class="fixed-header">
<nav class="navbar has-background-white" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
<span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span>
</a>
</div>
<div id="navbar" class="navbar-menu">
<a class="navbar-item" href="/"> <i class="fal fa-house"></i> </i> Home </a>
<a class="navbar-item" href="./backroundinfo.html"> <i class="fas fa-send-backward"></i> Background Information </a>
<a class="navbar-item" href="./dad.html"> <i class="fal fa-question-circle"></i> Debate and Diplomacy
</a>
<a class="navbar-item" href="./mainimpact.html"> <i class="fal fa-calendar-day"></i> Short Term Impact </a>
<a class="navbar-item" href="./lastingimpact.html"> <i class="fas fa-calendar-week"></i> Legacy </a>
<a class="navbar-item" href="./credits.html"> <i class="far fa-receipt"></i> Written Work </a>
<a class="navbar-item" href="./devcredits.html"> <i class="far fa-code"></i> About </a>
</div>
<div class="navbar-end buttons has-addons">
<div class="navbar-item">
<div class="buttons">
</div>
</div>
</div>
</div>
</nav>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navbarBurgers.forEach(el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});
</script>
</header>
<body class="is-mobile">
<div class="pageloader is-black"></div>
<section class="padding has-background-primary-light">
<h1 class="title has-text-centered">
History of Iran
</h1>
<h2 class="subtitle has-text-centered">
The Continued Nuclear Risks and Threats Made by Iran
</h2>
<div class="columns">
<div class="column is-one-half is-size-5">
The economic and social impact of nuclear proliferation in 1979 by Iran, a country with a long history of civil unrest, can have tragic and grave consequences to the community especially if it engages in a war and decides to use its nuclear strength.
</div>
<div class="column is-one-half is-size-6 has-text-centered">
<img src="https://raw.githubusercontent.com/primitt/nhd/gh-pages/images/oilexports.png" width="350px">
<br>
<span class="is-italic"><b>A chart displaying the decline of oil exports since new sanctions were put
out.</b></span>
</div>
</div>
<p class="is-size-5">
In response to Iran’s continued nuclear proliferation activities, the <b>United States</b> and other countries <b>imposed sanctions</b> to restrict Iran and prevent its progress on prohibited nuclear activities. These sanctions were designed
to regulate Iran’s prohibited nuclear and missile programs, directly or indirectly impact the Iranian economy in a manner that helps curb its nuclear activities; and encourages Iran to constructively engage in discussions with the countries
that have imposed sanctions to fulfill its obligations. The sanctions had several impacts such as a declining trend of Iranian exports from oil products, inflation, economic recession, a plunging valuation of Iranian Rial, increased smuggling,
rising unemployment, deteriorating trade relations with the neighboring countries, shortages of medical supplies and isolation from the international community.
</p>
<br>
<br>
<nav class="level">
<div>
<img src="https://github.com/primitt/nhd/blob/gh-pages/images/delegates.png?raw=true" width="350px">
<br>
<span class="is-italic"><b>The UN meeting discussed further consequences <br>and complications.</b></span>
</div>
<div style="margin-bottom:40px">
<img src="https://github.com/primitt/nhd/blob/gh-pages/images/factory.png?raw=true" width="350px"><br>
<span style="margin-bottom:20px;" class="is-italic"><b>Several factories generate nuclear weapons.</b></span>
</div>
</nav>
<br>
<div class="level">
<div class="is-size-5" style="margin-bottom:220px;">
<br>
<br>Iran has continued to produce nuclear weapons to equip their army for war. Iran’s nuclear production started to get out of hand, leading to the sanctions that ultimately minimized imports/exports, and prompted other nations to stop
trading oil with them. The U.S. started imposing sanctions on Iran in 1979. Several administrations had aided the U.S. with these powerful sanctions.
<br>
</div>
<div class="is-italic" style="margin-left: 20px;">
<iframe src="https://drive.google.com/file/d/1_zJ1Dh8fqPO7n4HGk4PYZT1MmrPhwiJy/preview" width="540" height="320" allow="autoplay"></iframe> <br><b>Iran keeps secretly trying to improve their economy's state of place.</b>
</div>
</div>
<br>
<div class="columns">
<br>
<div class="column is-one-half is-size-5" style="margin-bottom: 100px;">
<br> But, what exactly are sanctions? Sanctions are mostly financial penalties aimed at causing negative impacts on the economy of the targeted country with the goal of changing their behavior that is threatening the global community.
Sanctions could also be imposed on countries that have a relationship and aid the targeted country with the prohibited activities.
</p>
</div>
<div class="column is-one-half is-size-6">
<br>
<br>
<div class="content">
<blockquote>"We will ensure that these sanctions are vigorously enforced, just as we continue to refine and enforce our own sanctions on Iran"</blockquote>
<p class="is-italic">- President Barack Obama, 2010</p>
</div>
</div>
</div>
</div>
</body>
<nav class="bd-docs-pagination bd-pagination-links level" style="margin:20px">
<a class="button bd-fat-button is-primary is-light bd-pagination-prev" href="./" title="Previous Page">
<i> ← </i>
<span>
<b> Home</b>
</span>
</a>
<a class="button bd-fat-button is-primary is-light bd-pagination-next" href="./dad.html" title="Next Page">
<span>
<b>Debate and Diplomacy </b>
</span>
<i>→</i>
</a>
</nav>
</html>