diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 4cbd5b2..58c0419 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -46,11 +46,28 @@ 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;} +html { + --accent-color: #00a3ff; + 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;} +.section { + padding: 2em 0; + @media (min-width: 600px) {padding: 3em 0} + @media (min-width: 62em) {padding: 4em 0} +} +.container { + max-width: 960px; + margin: 0 auto; + padding: 0 1em; + @media (min-width: 62em) {padding: 0;} +} /* single */ .page-header { @@ -81,7 +98,7 @@ main {flex-grow: 1} transition-property: text-decoration-thickness color; } a:hover { - color: #00a3ff; + color: var(--accent-color); text-decoration-thickness: 6px; } ul { @@ -94,6 +111,8 @@ main {flex-grow: 1} } li {margin-bottom: 1em;} li > ul {margin-top: 1em;} + em {font-style: italic;} + strong {font-weight: 700;} } #TableOfContents { @@ -105,7 +124,9 @@ main {flex-grow: 1} /* sections */ .section-header { - font-size: 2em; + font-size: 1.5em; + @media (min-width: 600px) {font-size: 2em;} + @media (min-width: 768px) {font-size: 2.5em} font-weight: 700; margin-bottom: 0.7em; line-height: 1.4; @@ -114,11 +135,13 @@ main {flex-grow: 1} p, a { line-height: 1.4; font-size: 1rem; + @media (min-width: 600px) {font-size: 1.25rem} + @media (min-width: 768px) {font-size: 1.5rem} margin-bottom: 1.4em; &:last-child {margin-bottom: 0;} } } -.read-more {color: #00a3ff} +.read-more {color: var(--accent-color)} /* header bar */ .site-header {background: #ddd; filter: drop-shadow(0px -1px 2px rgba(0,0,0,0.2))} @@ -129,9 +152,37 @@ main {flex-grow: 1} .site-nav a {display: block; padding: 1em 0;} /* css menu */ -.site-nav {display: none} -.site-header {position: fixed; bottom: 0; width: 100%;} -body {margin-bottom: 44px;} +.site-nav { + display: none; + @media (min-width: 600px) { + display: flex; + flex-basis: unset; + flex-flow: row; + ul { + display: flex; + } + a { + margin-left: 1em; + box-sizing: border-box; + } + } +} +.site-header { + position: fixed; bottom: 0; width: 100%; + @media (min-width: 600px) { + position: sticky; + bottom: unset; + top: 0; + z-index: 2; + a {height: 44px;} + a:hover {border-bottom: 2px solid var(--accent-color);} + .container {justify-content: space-between; flex-flow: row wrap; height: 64px; align-items: center;} + } +} +body { + margin-bottom: 44px; + @media (min-width: 600px) {margin-bottom: unset;} +} .hamburger-label::before {content:"Menu"; position: absolute; left: -3em; } #hamburger:checked ~ .site-nav { display: flex; @@ -199,31 +250,36 @@ body {margin-bottom: 44px;} transform: rotate(-135deg); margin-top: -9px; } +@media (min-width: 600px) { + #hamburger, .hamburger-label {display: none;} +} /* personal summary */ .personal-summary { background: #eee; - em {font-weight: 700;} .container { display: grid; - grid-template-columns: auto; - grid-template-rows: auto auto auto; - justify-items: center; - img { - width: 100%; - max-width: 192px; - grid-area: 1/1; - border-radius: 50%; - filter: drop-shadow(0px 0px 1px #ddd) - } - p { - grid-area: 2/1; - font-size: 1.2em; - line-height: 1.4; - width: 100%; - margin: 1em 0; - br {display: none;} + } + img { + width: 100%; + height: auto; + max-width: 400px; + justify-self: center; + margin-bottom: 1em; + } + h2 {} + p {} + em {font-weight: 700;} + @media (min-width: 600px) { + .container { + grid-template-rows: auto 1fr; + grid-template-columns: minmax(40ch,65ch) minmax(160px,1fr); + grid-template-areas: + "title image" + "blurb image"; + grid-gap: 0 1em; } + img {grid-area: image;} } } @@ -235,7 +291,7 @@ body {margin-bottom: 44px;} a { display: flex; box-sizing: border-box; - color: #00a3ff; + color: var(--accent-color); text-decoration: none; justify-content: center; align-items: center; @@ -247,13 +303,13 @@ body {margin-bottom: 44px;} } a:first-child { margin-right: 1em; - background: #00a3ff; + background: var(--accent-color); color: white; } a:not(:first-child) { - border: 2px solid #00a3ff; + border: 2px solid var(--accent-color); } - a:hover {background: rgba(#00a3ff,0.4)} + a:hover {background: rgba(var(--accent-color),0.4)} } /* about logos */ @@ -286,13 +342,25 @@ 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;} +.h-card { + display: flex; + flex-flow: row wrap; + max-width: 600px; + box-shadow: 2px 2px 6px rgba(0,0,0,0.2); + border-radius: 2px; + .u-photo {flex-grow: 1; flex-basis: 160px;} + .info { + flex-grow: 1; + background: white; + padding: 1em; + font-size: 1em; + @media (min-width: 320px) {font-size: 1.2em;} + } + .p-name {font-size: inherit; font-weight: 700;} +} +.contact-methods {margin-bottom: 0.7em;} .contact-method {line-height: 1.4} .contact-method i {margin-right: 0.5em;} .site-footer { @@ -333,68 +401,6 @@ body {margin-bottom: 44px;} }; } -/* responsive */ -@media (min-width: 600px) { - .personal-summary { - .container { - grid-template-columns: 1fr auto; - grid-template-rows: auto auto; - align-items: center; - justify-content: start; - img {grid-area: 1/2; width: 160px;} - p { - grid-area: 1/1; - br {display: initial;} - font-size: 1.5em; - } - .cta {grid-area: 2/1;} - } - } - .site-header {position: sticky; bottom: unset; top: 0; z-index: 2;} - 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; - box-sizing: border-box; - } - .site-header a {height: 44px;} - .site-header a:hover {border-bottom: 2px solid #00a3ff;} - .section {padding: 3em 0} - .section p, .section a {font-size: 1.25rem} -} - -@media (min-width: 768px) { - .personal-summary { - font-size: 1.25em; - - .container { - img {width: 192px;} - .cta { - font-size: 0.8em; - } - } - } - .section-header {font-size: 2.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.5rem; - padding: 2em 0; - .container { - padding: 0; - img {width: 256px; max-width: 256px;} - - } - } -} - /* i18n */ html[lang="ar"] { .personal-summary, diff --git a/content/en/_index.md b/content/en/_index.md index b8b1a48..e23fef5 100644 --- a/content/en/_index.md +++ b/content/en/_index.md @@ -1,9 +1,6 @@ --- -summary: "Mohammed al-Tarawneh is a
- disability and accessibility expert
- utilizing accessible design
- to make the world a better place." -about: "Mohammed has decades of experience at the front lines of the fight for accessibility." +summary: "Mohammed al-Tarawneh is a disability and accessibility *expert* utilizing *accessible design* to make the world a better place." +about: "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." diff --git a/content/en/about/index.md b/content/en/about/index.md index 215eaba..626f37e 100644 --- a/content/en/about/index.md +++ b/content/en/about/index.md @@ -21,17 +21,17 @@ In the past, Mohammed has also served in consultancy and advisory roles for ARD, ## Policy roles - 2008, Inaugural Chairperson, CRPD -- 2009 - 2012, 1st term Elected Member CRPD -- 2013 - 2016, 2nd term Elected Member CRPD +- 2009 - 2012, 1st term Elected Member, Vice-Chair CRPD +- 2013 - 2016, 2nd term Elected Member, Vice-Chair 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) +- 2010 - present, [G3ICT (Global Initiative for Inclusive Information and Communication Technologies)](https://www.g3ict.org/about-us/governance) ## Awards diff --git a/content/en/media/disability-in-jordan/index.md b/content/en/media/disability-in-jordan/index.md new file mode 100644 index 0000000..6a60122 --- /dev/null +++ b/content/en/media/disability-in-jordan/index.md @@ -0,0 +1,35 @@ +--- +title: "Disability in Jordan" +date: "2012-05-29" +location: "Jordan" +original: "http://en.ammonnews.net/article.aspx?articleNO=16733" +--- + +It’s essential to know few things about Jordan so as to have a better understanding of the Disability movement development and how Jordan is striving seriously to protect Human Rights at large especially Human Rights treaties that Jordan obligated itself Internationally to fulfill every and each article of those treaties. + +The latest treaty that Jordan played a major role during its drafting process to being one of the first countries to sign and then ratify after a short period of time is the 9th Human Rights “ The Convention on the Rights of Persons with Disabilities”. + +Due to the Jordanian government strong political well, civil society organization, self-advocate groups, Persons with Disabilities and their organizations; hard work in this arena has been achieved for the past many years, and because we strongly believe that” The Jordanian Citizen is the most precious thing that we possess “AS the late majesty King Hussein God bless his soul always says and H M king Abdullah II continue to embraces that reality, I had the distinct pleasure to be elected as the Inaugural Chairperson of the Committee 2009-2010 as the first proud Jordanian and the first person from the Arab region. + +This by itself to me is quite an achievement that reflects our strong belief in the cause we are working and striving hard to achieve by implementing the articles of the CRPD. Even though am speaking in my personal capacity, we at he UN CRPD committee take many factors into considerations once we look at a particular official country report and parallel reports from civil society organizations or DPOs. For instant, we look at the country back ground and measures taken prior to ratification and what measures taken or planned to be taken in due time after ratification, culture, heritage, geographic distribution whether the country is a third world developing State or developed country, and we also look at socio-economical resources (such as natural resources that can be allocated to implement the treaty at all levels) and many other things we look in to details. From what I have seen yet far, from looking at official country reports and parallel reports as well from both developing and developed countries, I have seen gapes and violations exists in all of these countries. + +In my views, this is not a negative aspect as long as we try and do our utmost to change whatever negative to positive measure that can impact the lives of Persons with Disabilities to stop discriminations of all types, to reach equality and inclusive society, to participate in civil & political rights on equal footage as others, to achieve equal opportunity for all and to be treated as others whom compose a society. We all know that Disability is not a contagious disease or sickness; rather it is diversity in human kind. I can truly say that when HMK ordered for the National Disability Strategy to be drafted and I had the honor to be one of the members of this Royal committee responsible of drafting the strategy, we toke every aspect of the CRPD into considerations article by article and I personally was so happy to two major changes take place, One is the Change in the 1993 Law of the welfare of the disabled to 2007 new law the Law on the Rights of Persons with Disabilities The second very important achievement was the establishment of the Higher Counsel for the Rights of Persons with Disabilities among many other positive & fruitful changes. + +Change is a healthy process and processes do take time and efforts especially with limited resources to be achieved, I can say hear, Jordan is on the right track and progressing positively in the Disability arena. Also to me, the HCD is fairly a new entity that is still building its infrastructure and capacities and again, I think they are moving ahead despite all obstacles and barriers that they faced. I must salute the HCD for their hard working and for their seriousness in moving forward with the disability issues in Jordan. They play a major role in working horizontally with all stakeholders from all sectors of the society (Governmental, Non-Governmental, Private sector, Academic institutions, Persons with Disabilities and their families, Etc…). On the fact that the HCD president from the Royal family (HRH Prince Ra’ad Bin Zaid), I have seen this raw model done in many countries were a royalty or a dignitary’s running such entities. + +To me, this is a very essential and positive method to use to raise the awareness of an issue and shift its status to a positive manner and in the Jordanian case, HRH Prince Ra’ad Bin Zaid is playing that role and has been a true advocate of disability not only in Jordan, but also in the region and internationally and he is a will know figure in the international disability arena. He has devoted more than 30 years plus of his life to support and uplifted the disability movement in Jordan and quite frankly, HRH has achieved that superbly. So having a royalty or a dignitary setting in the presidency seat of such a counsel can only lead to positivity and empowerment of the movement not otherwise for sure. + +We all saw the move behind the seen that was broadcasted by BBC last week and it was disturbing to all of us who saw the movie, of course such hard treatment and d cruelty of this nature is not acceptable by any one standards, but it happened and HMK immediate interference was highly appreciated and it can only show that Jordan is a modern country and it believes strongly of Human Rights, besides the fact that it shows the strong political well to implement the CRPD and other Human Rights treaties that Jordan is party to and to re-affirm that the Jordanian citizen are the most precious thing we possess and equality is assured to each and every Jordanian citizen. +In evaluating the bad scenario which we all saw at one or more private special education centers, I have few comments here. First of all, such violations should not happen and I am very happy to see that those who committed these violations are sent to the courts to be dealt with legally. Such centers should be closed as the CRPD calls for and the Ministry whom in-charged of issuing licenses and permits for such centers to operate should follow the most up to date standards, regulations and international specifications for operating such centers. Centers of this nature should not be licensed just to generate profits on the account of providing quality services by qualified employees. A more strict periodic monitoring and evaluation of these should have the momentum and continuity of being monitored and evaluated. + +After the letter of HMK to the Government and the time frame he gave (Two weeks), the Ministry of Social affairs composed the committee immediately with full membership of the ministry. I can see the negativity of such action, but I can see more positivity in the minister action by withdrawing the membership of the ministry in order to have biased and transparent findings of the committee and that is a positive change and lesson learnt by it. + +In civil rights movements such as the disability movement in Jordan, it’s going to take efforts and hard work from all of us to make changes in a positive manner. We must work hand in hand and together to achieve such common and mutual goals since the burden falls on all of us and on all players in any given society. (Government, Non-government, Civil Society, Persons with Disabilities, Their families and organizations and all, generally speaks). We should not sally each other by all means and we should work towards closing these existing gaps and not to make them wider. We should all complement each other with knowledge, expertise to overcome barriers and obstacles of such nature. Again, Implementation of international obligations falls upon all of us and we should act and work in a team style to achieve our objectives which is basically (EQUALATY AND INCLUSIVNESS FOR ALL). This can only be accomplished if we join hands and work together rather than splitting in personal opinions and sally each other using tools such as media, etc... Believe me; this can only set us back rather than moving us forward. +Unity and solidarity is the key to success. + + + +-- Mohammed Al-Tarawneh +Inaugural Chairperson and current member of the United Nations Committee on the Rights of Persons with Disabilities representing Jordan Independently +U N –OHCHR Registry +079-5555 850. \ No newline at end of file diff --git a/content/en/media/monitoring/index.md b/content/en/media/monitoring/index.md index c005b16..908f85d 100644 --- a/content/en/media/monitoring/index.md +++ b/content/en/media/monitoring/index.md @@ -21,21 +21,21 @@ The first one is the implementation mechanisms provided under the Convention, an The Convention builds upon two implementation mechanisms, both at the international and national levels. -- i) Implementation mechanisms at the international level, +- 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 +- 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: +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, @@ -47,13 +47,13 @@ As we embark in this work, it is important that we establish working relationshi 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. +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. +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. diff --git a/layouts/index.html b/layouts/index.html index 449ca61..76267ff 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -2,17 +2,17 @@
- Picture of Mohammed al-Tarawneh - {{ with .Params.summary }} -

{{. | markdownify}}

- {{ end }} -
-
-
-
+ Mohammed al-Tarawneh being thanked by King Abdullah II of Jordan {{ with .Params.about }}

{{.}}

{{ end }} + {{ with .Params.summary }} +

{{. | markdownify}}

+ {{ end }} +
+ +
+
UN OHCHR logo
CRPD logo
@@ -40,10 +40,16 @@ {{ with .Params.contact }}

{{.}}

{{ end }} -
    -
  • motarawneh@gmail.com
    • -
  • +962 79 555 5850
    • -
+
+ Picture of Mohammed al-Tarawneh +
+

Mohammed al-Tarawneh

+
    + +
  • +962 79 555 5850
    • +
+
+
diff --git a/static/images/wheelchair.png b/static/images/wheelchair.png new file mode 100644 index 0000000..d4f6ac5 Binary files /dev/null and b/static/images/wheelchair.png differ