multilang and media beginnings

This commit is contained in:
a 2020-09-29 08:02:48 -05:00
parent b6ca300c03
commit b6a456631e
20 changed files with 492 additions and 117 deletions

View file

@ -47,21 +47,73 @@ table {
/* begin custom css */
html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}
body {display: flex; flex-flow: column; min-height: 100vh;}
main {flex-grow: 1}
.section {padding: 2em 0;}
.container {max-width: 960px; margin: 0 auto; padding: 0 1em;}
/* single */
.page-header {
background: black;
color: white;
padding: 10em 0;
max-height: calc(100vh - 44px);
}
.page-title {
font-size: 3em;
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.page {
h2 {
font-size: 2em;
font-weight: 700;
margin-bottom: 0.7em;
margin-top: 2em;
line-height: 1.2;
}
a {
color: inherit;
text-underline-offset: 7px;
text-decoration-thickness: 2px;
transition: 0.25s ease-in-out;
transition-property: text-decoration-thickness color;
}
a:hover {
color: #00a3ff;
text-decoration-thickness: 6px;
}
ul {
font-size: 1rem;
line-height: 1.4;
@media (min-width: 600px) {font-size: 1.25rem}
@media (min-width: 768px) {font-size: 1.5rem}
list-style: disc;
margin-left: 1em;
}
li {margin-bottom: 1em;}
li > ul {margin-top: 1em;}
}
#TableOfContents {
ul {
li {margin-bottom: 1em;}
}
}
/* sections */
.section-header {
font-size: 2em;
font-weight: 700;
margin-bottom: 0.7em;
line-height: 1.2;
line-height: 1.4;
}
.section {
p, a {
line-height: 1.4;
font-size: 1em;
font-size: 1rem;
margin-bottom: 1.4em;
&:last-child {margin-bottom: 0;}
}
@ -172,38 +224,38 @@ body {margin-bottom: 44px;}
margin: 1em 0;
br {display: none;}
}
.cta {
grid-area: 3/1;
display: flex;
flex-flow: row wrap;
width: 100%;
a {
display: flex;
box-sizing: border-box;
color: #00a3ff;
text-decoration: none;
justify-content: center;
align-items: center;
padding: 0.5em;
border-radius: 4px;
margin-bottom: 0.5em;
width: 10em;
transition: background 0.4s ease-in-out;
i {margin-right: 0.5em;}
}
a:first-child {
margin-right: 1em;
background: #00a3ff;
color: white;
}
a:not(:first-child) {
border: 2px solid #00a3ff;
}
a:hover {background: rgba(#00a3ff,0.4)}
}
}
}
.cta {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
width: 100%;
a {
display: flex;
box-sizing: border-box;
color: #00a3ff;
text-decoration: none;
justify-content: center;
align-items: center;
padding: 0.5em;
border-radius: 4px;
margin-bottom: 0.5em;
transition: background 0.4s ease-in-out;
i {margin-right: 0.5em;}
}
a:first-child {
margin-right: 1em;
background: #00a3ff;
color: white;
}
a:not(:first-child) {
border: 2px solid #00a3ff;
}
a:hover {background: rgba(#00a3ff,0.4)}
}
/* about logos */
.organization-logos {
@ -234,6 +286,10 @@ body {margin-bottom: 44px;}
margin-bottom: 2em;
}
.cta {
}
/* contact section and footer */
#consultancy, #contact {background: #eee}
.contact-methods {font-size: 1.4em; margin-bottom: 0.7em;}
@ -298,6 +354,7 @@ body {margin-bottom: 44px;}
body {margin-bottom: unset;}
#hamburger, .hamburger-label {display: none;}
.site-nav {display: flex; flex-basis: unset; flex-flow: row;}
.site-nav ul {display: flex;}
.site-header .container {justify-content: space-between; flex-flow: row wrap; height: 64px; align-items: center;}
.site-nav a {
margin-left: 1em;
@ -305,7 +362,8 @@ body {margin-bottom: 44px;}
}
.site-header a {height: 44px;}
.site-header a:hover {border-bottom: 2px solid #00a3ff;}
.section p, .section a {font-size: 1.25em}
.section {padding: 3em 0}
.section p, .section a {font-size: 1.25rem}
}
@media (min-width: 768px) {
@ -320,13 +378,14 @@ body {margin-bottom: 44px;}
}
}
.section-header {font-size: 2.5em}
.section p, .section a {font-size: 1.5em}
.section p, .section a {font-size: 1.5rem}
}
@media (min-width: 62em) {
.section {padding: 4em 0;}
.container {padding: 0;}
.personal-summary {
font-size: 1.5em;
font-size: 1.5rem;
padding: 2em 0;
.container {
padding: 0;
@ -334,4 +393,13 @@ body {margin-bottom: 44px;}
}
}
}
/* i18n */
html[lang="ar"] {
.personal-summary,
.section-header,
.cta a
{direction: rtl;}
.cta a {margin-right: 0; margin-left: 1em;}
}

View file

@ -1,3 +1,46 @@
baseURL = "/"
languageCode = "en-us"
title = "Eng. Mohammed al-Tarawneh"
DefaultContentLanguage = "en"
[languages]
[languages.ar]
contentDir = "content/ar"
languagedirection = "rtl"
title = "المهندس محمد الطراونه"
languageName = "العربية"
weight = 2
[languages.en]
contentDir = "content/en"
title = "Eng. Mohammed al-Tarawneh"
languageName = "English"
weight = 1
[[languages.en.menu.main]]
url = "/about"
name = "About"
weight = 10
[[languages.en.menu.main]]
url = "/media"
name = "Media"
weight = 20
[[languages.en.menu.main]]
url = "/contact"
name = "Contact"
weight = 30
[[languages.ar.menu.main]]
url = "/about"
name = "معلومات"
weight = 30
[[languages.ar.menu.main]]
url = "/media"
name = "إعلام"
weight = 20
[[languages.ar.menu.main]]
url = "/contact"
name = "اِرتبط"
weight = 10
[markup.goldmark.renderer]
unsafe= true

8
content/ar/_index.md Normal file
View file

@ -0,0 +1,8 @@
---
summary: "محمد الطراونة هو <em>خبير</em> في حقوق الاشخاص ذوى الاحتياجات الخاصة، ويستخدم <em>التصميم الشامل</em> لتحسين العالم."
about: "محمد كافح من أجل إمكانية الوصول لعشرات السنين."
readmore: "اقرأ أكثر عن محمد"
latest: "أحدث الإعلام"
contact: "الدكتور المهندس محمد حاليا متاح للاستشارات و الأدوار الإستشارية."
translationKey: "home"
---

View file

@ -0,0 +1,4 @@
---
title: "معلومات عن الدكتور المهندس محمد الطراونه"
translationKey: "about"
---

View file

@ -0,0 +1,4 @@
---
title: "أحدث الإعلام"
translationKey: media
---

11
content/en/_index.md Normal file
View file

@ -0,0 +1,11 @@
---
summary: "Mohammed al-Tarawneh is a<br>
disability and accessibility <em>expert</em><br>
utilizing <em>accessible design</em><br>
to make the world a better place."
about: "Mohammed has decades of experience at the front lines of the fight for accessibility."
readmore: "Read more about Mohammed"
latest: "Latest media"
contact: "Mohammed is currently available for consultation and advisory roles."
translationKey: "home"
---

40
content/en/about/index.md Normal file
View file

@ -0,0 +1,40 @@
---
title: "About Mohammed"
translationKey: "about"
---
## Summary
After graduating with a bachelor's degree in Civil Engineering from the University of Alabama at Birmingham, Mohammed began to apply his knowledge toward structural design and specialized in the removal of architectural barriers. But in 1997, Mohammed became a *municipal advisor to the mayor of Amman*, and his passion for policy and development awakened. In 2001, Mohammed obtained his master's degree in Peace Diplomacy and Development from the University of Juba, Sudan, with a main focus on international development and international relations.
Mohammed's most influential role was in serving as the Inaugural Chairperson of the Committee on the Rights of Persons with Disabilities (CRPD), as well as being an elected member from 2009 to 2016. There, Mohammed helped charter the Convention on the Rights of Persons with Disabilities. This work earned him the 2009 GAATES Award of Recognition.
In the past, Mohammed has also served in consultancy and advisory roles for ARD, Inc. (a wholly-owned subsidiary of Tetra-Tech), as well as for the International Foundation for Electoral Systems (IFES). Today, Mohammed continues to be a board member of the Global Initiative for Inclusive ICTs (G3ICT).
## Education
- 1984 - Bachelor of Science, Civil Engineering (University of Alabama at Birmingham)
- 2001 - Master of Arts, Peace Diplomacy and Development (University of Juba, Sudan)
- 2019 Nov - The Sustainable Development Goals - A global, transdisciplinary vision for the future (Coursera, University of Copenhagen)
- 2019 Dec - Ecosystem Services: A Method for Sustainable Development (Coursera, Université de Genève)
## Policy roles
- 2008, Inaugural Chairperson, CRPD
- 2009 - 2012, 1st term Elected Member CRPD
- 2013 - 2016, 2nd term Elected Member CRPD
## Advisory roles
- 1997 - 2020, Municipal advisor to the Mayor of Amman
- ???? - Sheikhah
## Board membership
- xxxx - present, [G3ICT (Global Initiative for Inclusive Information and Communication Technologies)](https://www.g3ict.org/about-us/governance)
## Awards
- 2009 [GAATES Award of Recognition](http://old.gaates.org/about-gaates/gaates-award-winners/) - for serving as the Inaugural Chairperson of the Committee on the Rights of Persons with Disabilities
- 2019 June, Certificate of Appreciation, International Disability Alliance - "for outstanding contributions made to our organization, and for the advancement of the rights of persons with disabilities"

View file

@ -0,0 +1,4 @@
---
title: "Latest media"
translationKey: media
---

View file

@ -0,0 +1,26 @@
---
title: "The needs of Haiti's disabled must not be forgotten"
date: "2010-02-09"
location: "New York"
original: https://news.un.org/en/story/2010/02/328882-needs-haitis-disabled-must-not-be-forgotten-says-un-expert-body
---
A group of United Nations experts today stressed that the needs of Haitians with disabilities must be included in the relief, recovery and reconstruction processes following the earthquake that battered the small Caribbean nation last month.
Persons with disabilities must not become “the forgotten ones during the emergency response and the reconstruction of the country,” the UN Committee on the Rights of Persons with Disabilities stated in a news release.
“While relief workers are struggling to provide aid to the people of Haiti and while the situation remains difficult for everyone, persons with disabilities are particularly affected by the crisis,” said the Committees current chairperson, Mohammed Al-Tarawneh.
“The disabled risk being left out unless a disabilities perspective is built in the recovery process from the start.”
The 12 January quake killed up to 200,000 people, injured many others and left one third of the countrys nine million people in need of aid.
“The trauma caused by this disaster cannot be underestimated,” said Mr. Al-Tarawneh, adding that many disabled people in Haiti have been made even more vulnerable, especially if their caregivers have been killed or injured.
The 12-member Committee urged Haiti to ensure that persons with disabilities fully participate in the decision-making process regarding social and economic reconstruction and that their long-term development needs be taken into account.
The experts serving on the Committee, which will hold its third session in two weeks in Geneva, are tasked with monitoring the UN Convention on the Rights of Persons with Disabilities, which so far has been endorsed by 144 countries.
The Convention, which entered into force in May 2008, is the culmination of years of global efforts to ensure that the rights of the worlds estimated 650 million persons with disabilities are guaranteed and protected.
It asserts the rights to education, health, work, adequate living conditions, freedom of movement, freedom from exploitation and equal recognition before the law for persons with disabilities.

View file

@ -0,0 +1,63 @@
---
title: "National frameworks for the Implementation and Monitoring of the Convention on the Rights of Persons with Disabilities"
date: "2010-03-05"
location: "Geneva, Palais des Nations"
---
## The CRPD monitoring work and the correlative role of national institutions (Opportunities for cooperation between the Committee and national implementation and monitoring structures)
Distinguished Guests,
I would like to take this opportunity to welcome you all to this interactive panel discussion of the Human Rights Council on National Frameworks for the Implementation and Monitoring of the Convention on the Rights of Persons with Disabilities. And I am pleased to be here and represent the Committee on the Rights of persons with Disabilities, which has just had its third session last week.
### Implementation and monitoring mechanisms under the Convention
It is my understanding that central to our discussions are two intrinsically connected questions:
The first one is the implementation mechanisms provided under the Convention, and the second the monitoring mechanisms. Realizing that the main focus of our discussions is how the Committee can interact with states, national institutions and civil society, I will if only briefly touch upon the questions of implementation mechanisms.
### The implementation mechanism of the Convention
The Convention builds upon two implementation mechanisms, both at the international and national levels.
- i) Implementation mechanisms at the international level,
- a) The Convention includes practical guidance on how it should be implemented through the work of the CRPD to provide regular advice to states on their reports,
- b) Again to support implementation, a conference of states parties is also provided under the Convention.
- c) The individual complaints mechanism provided under the Optional Protocol can also assist in the implementation of the Convention trough the regular recommendations of states
- d) The inquiry procedure provided under the Optional Protocol also serves the role of assisting the states in implementing their obligations under the Convention
- e) Important implementing tools are also the international cooperation of states in the exchange of technologies and know-how, as well as
- f) The assistance of relevant UN agencies.
- ii) Implementation mechanism at national level
- a) At national level through its direct text the Convention provides practical guidance as to how it should be implemented: (through adoption of new acts, policies and measures that need all to be consistent with provisions of the Convention), and on the other side, it also indicates a number of institutions that need to be set up in order to coordinate and promote the implementation of the Convention.
- b) In this connection the practice of regular submission of reports to the CRPD is also an implementing tool, the practice of submissions of individual complaints under the Optional is yet another implementing tool.
- c) The Convention clearly requires from both the government and private entities specially those providing public services to tailor their activity in line with the Convention. National courts, depending on the legal traditions of the countries will also be influenced by provisions of the Convention in their decision-making.
- d) The Convention also clearly indicates that certain rights need and can be implemented immediately (civil and political rights, such access to justice), whereas for some others (economic, social and cultural rights), states are allowed to implement them progressively, to the maximum of available resources (for example integrated education).
- e) The Convention further indicates that many rights are inter-dependent, in the sense that the pursued objective is the result of different actions sometimes by different actors both public and private. Employment alone may require depending on the forms of disability that the official authorities create all the necessary conditions for personal mobility by providing accessible transport and other types of support to persons with disabilities.
At the level of institutions, the Convention provides under article 33 that states are obliged:
- a) to establish a focal point on issues of disability,
- b) to create a framework to promote, protect and monitor the implementation,
- c) and invites the civil society to be part of the implementing and monitoring process as well.
As we embark in this work, it is important that we establish working relationships with national institutions responsible for monitoring the implementation of the Convention.
### The monitoring mechanisms of the Convention
Whereas implementation can be assured both by policies and institutions, monitoring is essentially the work of institutions.
At national level it would be clear from the brief explanation above that with the exception of the focal point on implementation under article 33 the so-called “framework for promotion and monitoring”, but essentially the civil society will play a major role in both implementing and monitoring the Convention.
With regard to the monitoring role of the national human rights institutions, a lot of additional questions arise. Is it advisable, for example, to have the same institutions dealing with for example prevention of torture under the Optional Protocol to the Convention against Torture and monitoring implementation of the CRPD? Or national monitoring mechanisms for the CRPD should be specific to CRPD related issues alone. Another question is the composition of such institutions (should be composed of only persons with disabilities, or non disabled people as well etc).
Other questions relate to their independence and the possibility of their direct contacts with the Committee, etc. We note that while the Optional Protocol to the Convention against Torture, for example, specifically refers to such direct contacts, the Convention on the Rights of Persons with Disabilities is silent in this regard.
At the international level the leading role in monitoring is accorded to the CRPD, and additionally to the Conference of States Parties.
Again it is clear that the CRPD will not be able to fulfill its monitoring role without a close cooperation with the relevant national institutions. We have adopted all our core documents mainly the reporting guidelines, the rules of procedure and the working methods. The reporting guidelines are also intended for national institutions to measure the degree of implementation of the Convention by the relevant state.
These are all questions that we hope the distinguished participants to this panel discussion will contribute to, and which have an impact on the many opportunities for cooperation between the CRPD and national institutions.
Thank you,\
Mohammed al-Tarawneh

View file

@ -0,0 +1,46 @@
---
title: "Self-determination and the right to live in the Community"
date: "2010-09-01"
location: "New York"
---
From the Third session of the Conference of States Parties, Convention on the Rights of Persons with Disabilities. A round-table on Inclusion and Living in the Community, CRPD Article 19. Presentation by Mohammed al-Tarawneh, Vice-Chair, UN CRPD Committee, New York, September 1-3 2010.
## Self-determination and the right to live in the Community
Distinguished Chair,
Royal Highnesses
Excellencies
Ladies and Gentlemen,
I would like to thank the UN DESA for all the hard work they have been doing in promoting the Convention on the Rights of Persons with Disabilities and for the kind invitation to take part as one of the panellist on the topic of Inclusion and Living in the Community (CRPD Article 19) which is a very important article and has the same and equal importance of all other articles of the CRPD since they are all connected to each other which makes the CRPD in its entirety a complete chain. Once any part of that chain is missing or not implemented correctly by all stockholders, then it will be hard and I could say that it would be impossible to implement the entire CRPD.
Article 19 of the Convention on the Rights of Persons with Disabilities recognizes two fundamental rights of all human beings: the right to live and take part in the Community and the corresponding right to choose how a person wants to live and be part of that community.
These two rights viewed as axioms for the non-disabled persons, very often are denied to persons with disabilities, based solely on their situation of disabled. Human beings are then often forced against their will to live in institutions of care.
Not surprisingly, a Supreme court decision handed down in the US in 1999, in the case Olmstead v. L.C., held that “unjustified segregation in institutions is discrimination not only because it perpetuates stigma but also because confinement in an institution severely curtails everyday life activities such as family relations, social contacts, work, and education.”
Despite the fact that persons with disabilities are placed in those institutions apparently in the interests of providing them with the best possible service, yet the Court found little difference between the condition of these persons and animals in an ordinary Zoo. In one and the other setting, it is about placement against free will. It strikes the imagination, however, that someone could have devised a system that virtually equates human beings with animals in a Zoo, on the sole basis and for the sole reason of their disability.
The Convention, this universal minimum standard of protection of human rights of persons with disabilities provides that governments should ensure a real freedom of choice. A real freedom of choice should include two essential components:
- a. the right to choose and,
- b. the creation of favourable conditions for the realization of this right (i.e. to ensure the ability to choose).
It is only the combination of these two elements that can devolve real self-determination to persons with disabilities an essential condition for life in the Community.
However the implementation of these two obligations of states under the Convention requires different kinds of engagement:
- if the right to choose essentially requires from the government a formal incorporation of the rule in a statute (a negative obligation not to prevent persons with disabilities from deciding how and with whom they want to live),
- the second element of the rule ensuring the ability to choose - requires that the state provide to persons with disabilities an environment in which they can exercise their right of free choice.
This requires as a minimum that community-based social services tailored to the needs of different persons with disabilities are available and affordable to persons with disabilities.
In-home assistance with daily life tasks, supported employment, social interaction, are among the services to which persons with disabilities are entitled. In choosing the type of services to provide to persons with disabilities, the emphasis, therefore, should be not on their disability per se, but the establishment of an enabling environment to their inclusion in the community with full self-determination, and in full accordance with the cardinal principles of non-discrimination and reasonable accommodation.
Therefore, before a State party can affirm that it grants the right of persons with disabilities to live freely in the community, it needs to be able to show that the relevant conditions exist for the full inclusion of persons with disabilities. The number of cases of forced institutionalisation is often is proportion to the level of denial of the right to live in the community by the State party concerned, for lack of alternatively developed system of services that favour independent and free life of persons with disabilities in the Community.
Many thanks,\
Mohammed A-Tarawneh

2
i18n/ar-JO.toml Normal file
View file

@ -0,0 +1,2 @@
[latest]
other = "أحدث الإعلام"

2
i18n/en-US.toml Normal file
View file

@ -0,0 +1,2 @@
[latest]
other = "Latest media"

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="{{.Site.Language.Lang }}" xml:lang="{{.Site.Language.Lang }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<title>{{ block "title" . }}
{{ .Site.Title }}
{{ end }}</title>
</head>
<body>
{{ partial "site-header.html" . }}
{{ block "main" . }}
{{ end }}
{{ partial "site-footer.html" .}}
</body>
</html>

View file

@ -0,0 +1,16 @@
{{ define "main" }}
<main>
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
</div>
</header>
{{ range .Pages }}
<article>
<h2>{{ .Title }}</h2>
<datetime>{{ .Date.Format "January 2, 2006" }}</datetime>
<a href="{{ .Permalink }}">Read more</a>
</article>
{{ end }}
</main>
{{ end }}

View file

@ -0,0 +1,20 @@
{{ define "title" }}
{{ .Title }} &ndash; {{ .Site.Title }}
{{ end }}
{{ define "main" }}
<main>
<article class="page">
<header class="section page-header">
<div class="container">
<h1 class="page-title">{{ .Title }}</h1>
</div>
</header>
<section class="section">
<div class="container">
{{ .TableOfContents }}
{{ .Content }}
</div>
</section>
</article>
</main>
{{ end }}

View file

@ -1,88 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{.Title}}</title>
{{ $styles := resources.Get "scss/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
</head>
<body>
<header class="site-header">
{{ define "main" }}
<main>
<header class="personal-summary section">
<div class="container">
<a href="/" class="site-title"><h1>motarawneh</h1></a>
<input type="checkbox" name="hamburger" id="hamburger">
<label for="hamburger" class="hamburger-label">
<div class="spinner diagonal part-1"></div>
<div class="spinner horizontal"></div>
<div class="spinner diagonal part-2"></div>
</label>
<nav class="site-nav">
<a href="#about">About</a>
<a href="#consultancy">Consultancy</a>
<a href="#contact">Contact</a>
</nav>
<img src="/images/mo1.jpg" alt="Picture of Mohammed al-Tarawneh">
{{ with .Params.summary }}
<p>{{. | markdownify}}</p>
{{ end }}
</div>
</header>
<main>
<header class="personal-summary section">
<div class="container">
<img src="/images/mo1.jpg" alt="Picture of Mohammed al-Tarawneh">
<p>Mohammed al-Tarawneh is a<br>
disability and accessibility <em>expert</em><br>
utilizing <em>accessible design</em><br>
to make the world a better place.</p>
<div class="cta">
<a href="#about">Keep reading</a>
<a href="/cv.pdf"><i class="fa fa-download" aria-hidden="true"></i>Download CV</a>
</div>
</div>
</header>
<section id="about" class="section">
<div class="container">
<h2 class="section-header">Mohammed has decades of experience at the front lines of the fight for accessibility.</h2>
<div class="organization-logos">
<img src="/logos/un-ohchr.png" alt="UN OHCHR logo" width="320px"><br>
<img src="/logos/crpd.png" alt="CRPD logo" width="320px"><br>
<img src="/logos/ifes.jpg" alt="IFES logo" width="320px"><br>
<img src="/logos/ard.png" alt="ARD, Inc. logo" width="320px"><br>
<img src="/logos/g3ict.png" alt="G3ICT logo" width="320px"><br>
<img src="/logos/gaates.png" alt="GAATES logo" width="320px">
</div>
<p>After graduating with a bachelor's degree in Civil Engineering from the University of Alabama at Birmingham, Mohammed began to apply his knowledge toward structural design and specialized in the removal of architectural barriers. But in 1997, Mohammed became a <em>municipal advisor to the mayor of Amman</em>, and his passion for policy and development awakened. In 2001, Mohammed obtained his master's degree in Peace Diplomacy and Development from the University of Juba, Sudan, with a main focus on international development and international relations.</p>
<!--img src="/images/gaates2009.jpg" alt="Mo accepting the GAATES 2009 award"-->
<p>Mohammed's most influential role was in serving as the Inaugural Chairperson of the Committee on the Rights of Persons with Disabilities (CRPD), as well as being an elected member from 2009 to 2016. There, Mohammed helped charter the Convention on the Rights of Persons with Disabilities. This work earned him the 2009 GAATES Award of Recognition.</p>
<!--img src="/images/king.jpg" alt="Mo being congratulated by King Abdullah II of Jordan" width="160px"-->
<p>In the past, Mohammed has also served in consultancy and advisory roles for ARD, Inc. (a wholly-owned subsidiary of Tetra-Tech), as well as for the International Foundation for Electoral Systems (IFES). Today, Mohammed continues to be a board member of the Global Initiative for Inclusive ICTs (G3ICT).</p>
</div>
</section>
<section id="consultancy" class="section">
<div class="container">
<h2 class="section-header">Mohammed is currently available for consultation and advisory roles.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi dicta, adipisci aut a fugiat nihil facilis? Totam quas ipsa voluptate dolor facilis explicabo, perferendis vel, aliquid officia rem asperiores voluptates.</p>
</div>
</section>
<section class="section" id="contact">
<div class="container">
<h2 class="section-header">Contact Mohammed for your accessibility needs.</h2>
<ul class="contact-methods">
<li class="contact-method"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
<li class="contact-method"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
</ul>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Earum reiciendis magni temporibus sequi praesentium impedit perferendis, a optio facere enim laudantium vitae aliquam velit quo laboriosam distinctio repellendus eaque quisquam.</p>
</div>
</section>
</main>
<footer class="site-footer">
<section id="about" class="section">
<div class="container">
<div class="social-links">
<a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
<a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
{{ with .Params.about }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<div class="organization-logos">
<img src="/logos/un-ohchr.png" alt="UN OHCHR logo" width="320px"><br>
<img src="/logos/crpd.png" alt="CRPD logo" width="320px"><br>
<img src="/logos/ifes.jpg" alt="IFES logo" width="320px"><br>
<img src="/logos/ard.png" alt="ARD, Inc. logo" width="320px"><br>
<img src="/logos/g3ict.png" alt="G3ICT logo" width="320px"><br>
<img src="/logos/gaates.png" alt="GAATES logo" width="320px">
</div>
<div class="cta">
{{ with .Params.readmore }}
<a href="/about">{{.}}</a>
{{ end }}
</div>
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
</div>
</footer>
</body>
</html>
</section>
<section id="media" class="section">
<div class="container">
{{ with .Params.latest }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
</div>
</section>
<section class="section" id="contact">
<div class="container">
{{ with .Params.contact }}
<h2 class="section-header">{{.}}</h2>
{{ end }}
<ul class="contact-methods">
<li class="contact-method"><i class="fa fa-envelope" aria-hidden="true"></i>motarawneh@gmail.com</li>
<li class="contact-method"><i class="fa fa-phone" aria-hidden="true"></i>+962 79 555 5850</li>
</ul>
</div>
</section>
</main>
{{ end }}

View file

@ -0,0 +1,5 @@
{{ if .IsTranslated }}
{{ range .Translations }}
<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
{{ end }}
{{ end }}

View file

@ -0,0 +1,10 @@
<footer class="site-footer">
<div class="container">
<div class="social-links">
<a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
<a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
</div>
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
</div>
</footer>

View file

@ -0,0 +1,22 @@
<header class="site-header">
<div class="container">
<a href="/" class="site-title"><h1>motarawneh</h1></a>
<input type="checkbox" name="hamburger" id="hamburger">
<label for="hamburger" class="hamburger-label">
<div class="spinner diagonal part-1"></div>
<div class="spinner horizontal"></div>
<div class="spinner diagonal part-2"></div>
</label>
<nav class="site-nav">
<ul>
{{- $currentPage := . -}}
{{ range .Site.Menus.main -}}
<li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
<a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
</li>
{{- end }}
</ul>
{{ partial "i18nlist.html" . }}
</nav>
</div>
</header>