-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmainimpact.html
178 lines (162 loc) · 8.8 KB
/
mainimpact.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
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
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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>
<section class="has-background-primary-light">
<br>
<div class="title has-text-centered is-size-2-mobile">
The Halt made in Iran's Progress
</div>
<div class="columns" style="margin-left: 20px;">
<div class="column is-one-half is-size-5">
Congress passes the Iran-Iraq Arms Nonproliferation Act of 1992, which prohibits the transfer of controlled goods or technology that might contribute “knowingly and materially” to Iran’s proliferation of advanced nuclear weapons. </div>
<div class="column is-one-half is-size-6 has-text-centered">
<img src="https://raw.githubusercontent.com/primitt/nhd/gh-pages/images/uran.jpeg" width="360px">
<br>
<br>
<b>Iran decides to increase uranium enrichment after several attacks on their nuclear sites. </b>
</div>
<div class="column is-one-half is-size-6 has-text-centered">
<img src="https://raw.githubusercontent.com/primitt/nhd/gh-pages/images/oilprod.png" width="450px">
<br>
<b>A graph and a pie chart showing it's electricity and oil production in
<br>relation to its energy sectors. Source: <a href="https://researchgate.net">ResearchGate</a> </b>
</div>
</div>
<br>
<div class="is-size-5" style="margin-left:32px; ">
After years of continuous failed diplomatic efforts to negotiate with Iran, European officials concluded that sanctions were necessary to get Iran to agree with its international obligations, including the Nuclear Non Proliferation Treaty. In 1996, the
U.S. Congress passed the Iran-Libya Sanctions Act, which penalizes foreign and U.S. investment exceeding $20 million annually in Iran’s energy sector. Since 2007, Europe has been as involved as the United States in diplomatic efforts to secure
U.N. sanctions on dual-use items that assist Iran’s nuclear and missile programs.
</div>
<div class="columns" style="margin-left: 20px;">
<div class="column is-one-half is-size-5" style="margin-top:20px">
The International Atomic Energy Agency Board of Governors designed a resolution calling for Iran to suspend all enrichment and reprocessing. The resolution requires Iran to declare all material relevant to its uranium-enrichment program and allow the
inspectors to conduct environmental sampling at any location.
</div>
<div class="column is-one-half is-size-6" style="margin-top:20px;">
<img src="https://raw.githubusercontent.com/primitt/nhd/gh-pages/images/unnamed%20(8).png" style="margin-left:400px" width="300px">
<br>
<br>
<div class="containter" style="margin-left:300px"> <b>The Iran and Libya Sanctions Act of 1996 stopped the business between the two nations. Source: <a href="https://govtrack.us">govtrack.us</a> (GovTrack)</b></div>
</div>
</div>
<!-- make 2 half size columns, no content -->
<!-- <div class="columns" style="margin-left: 20px;">
<div class="column is-one-half is-size-5">
The International Atomic Energy Agency Board of Governors designed a resolution calling for Iran to suspend all enrichment and reprocessing. The resolution requires Iran to declare all material relevant to its uranium-enrichment program and allow the
inspectors to conduct environmental sampling at any location.
</div>
-->
<div class="column is-one-half is-size-5 has-text-centered">
</div>
</div>
<footer class="has-background-primary-light footer">
<div class="content has-text-centered">
<p>
Website created by <strong><a href="https://github.com/primitt">primitt</a></strong> using the <strong><a
href="https://bulma.io">Bulma CSS Framework</a></strong>
</p>
</div>
</footer>
<nav class="bd-docs-pagination bd-pagination-links level" style="margin:20px">
<a class="button bd-fat-button is-primary is-light bd-pagination-next" href="./dad.html" title="Next Page">
<i>←</i>
<span>
<b>Debate and Diplomacy </b>
</span>
</a>
<a class="button bd-fat-button is-primary is-light bd-pagination-next" href="./lastingimpact.html" title="Next Page">
<span>
<b>Legacy </b>
</span>
<i>→</i>
</a>
</nav>