Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

solution#3 #1

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
# Human rights
~~~~~~# Human rights

Transform the preamble and the first 16 articles of the following document into
a web page: https://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf

The font of the page must be `Arial`. Set the base font size to `13px`.

The "Universal Declaration of Human Rights" must be a `h1` heading, styled as
`17px bold`.
~~The "Universal Declaration of Human Rights" must be a `h1` heading, styled as
`17px bold`.~~

The "Preamble" and "Article N" must be `h2` headings, styled as `15px non-bold`.
~~The "Preamble" and "Article N" must be `h2` headings, styled as `15px non-bold`.~~

The vertical spacing around "Preamble" and "Article N" must be `1em`. All other
vertical spacing must be set to zero, as in the document.
~~The vertical spacing around "Preamble" and "Article N" must be `1em`. All other
vertical spacing must be set to zero, as in the document.~~

Every paragraph should go into a `<p>` tag (the preamble is supposed to be a
single paragraph divided with `<br>` when necessary).
~~Every paragraph should go into a `<p>` tag (the preamble is supposed to be a
single paragraph divided with `<br>` when necessary).~~

Put numbered lists into `<ol>`s.
~~Put numbered lists into `<ol>`s~~.

After article 16 don’t display any more articles, but put an `h2` heading reading
~~After article 16 don’t display any more articles, but put an `h2` heading reading
"Articles 17 to 30" instead and make it a `link` pointing to the PDF version of
the document. Style the link to always be `green`.
the document. Style the link to always be `green`.~~

If you have trouble copying contents from the document, you can also find the full text here:
<details>
Expand Down Expand Up @@ -229,5 +229,5 @@ If you have trouble copying contents from the document, you can also find the fu

**Result**

[UPDATE DEMO LINK](https://<your_account>.github.io/<repo_name>/) <br>
[UPDATE TEST REPORT LINK](https://<your_account>.github.io/<repo_name>/report/html_report/)
[DEMO LINK](https://rafler.github.io/layout_human-rights/) <br>
[TEST REPORT LINK](https://rafler.github.io/layout_human-rights/report/html_report/)~~~~~~
151 changes: 151 additions & 0 deletions src/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>
Document
</title>
</head>
<body>
<article>
<h1 class="headline">
Universal Declaration of Human Rights
</h1>
<h2 class="second-headline">
Preamble
</h2>
<p>
Whereas recognition of the inherent dignity and of the equal and inalienable rights of all members of the human family is the foundation of freedom, justice and peace in the<br>world,<br>Whereas disregard and contempt for human rights have resulted in barbarous acts which have outraged the conscience of mankind, and the advent of a world in which human<br>beings shall enjoy freedom of speech and belief and freedom from fear and want has been proclaimed as the highest aspiration of the common people,<br>Whereas it is essential, if man is not to be compelled to have recourse, as a last resort, to rebellion against tyranny and oppression, that human rights should be protected by<br>the rule of law,<br>Whereas it is essential to promote the development of friendly relations between nations,<br>Whereas the peoples of the United Nations have in the Charter reaffirmed their faith in fundamental human rights, in the dignity and worth of the human person and in the<br>equal rights of men and women and have determined to promote social progress and better standards of life in larger freedom,<br>Whereas Member States have pledged themselves to achieve, in cooperation with the United Nations, the promotion of universal respect for and observance of human rights<br>and fundamental freedoms,<br>Whereas a common understanding of these rights and freedoms is of the greatest importance for the full realization of this pledge,<br>Now, therefore,<br>The General Assembly,<br>Proclaims this Universal Declaration of Human Rights as a common standard of achievement for all peoples and all nations, to the end that every individual and every organ of<br>society, keeping this Declaration constantly in mind, shall strive by teaching and education to promote respect for these rights and freedoms and by progressive measures,<br>national and international, to secure their universal and effective recognition and observance, both among the peoples of Member States themselves and among the peoples of<br>territories under their jurisdiction.
</p>
<h2 class="second-headline">
Article 1
</h2>
<p>
All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.
</p>
<h2 class="second-headline">
Article 2
</h2>
<p>
Everyone is entitled to all the rights and freedoms set forth in this Declaration, without distinction of any kind, such as race, colour, sex, language, religion, political or other<br>opinion, national or social origin, property, birth or other status. Furthermore, no distinction shall be made on the basis of the political, jurisdictional or international status of the<br>country or territory to which a person belongs, whether it be independent, trust, non-self-governing or under any other limitation of sovereignty.
</p>
<h2 class="second-headline">
Article 3
</h2>
<p>
Everyone has the right to life, liberty and security of person.
</p>
<h2 class="second-headline">
Article 4
</h2>
<p>
No one shall be held in slavery or servitude; slavery and the slave trade shall be prohibited in all their forms.
</p>
<h2 class="second-headline">
Article 5
</h2>
<p>
No one shall be subjected to torture or to cruel, inhuman or degrading treatment or punishment.
</p>
<h2 class="second-headline">
Article 6
</h2>
<p>
Everyone has the right to recognition everywhere as a person before the law.
</p>
<h2 class="second-headline">
Article 7
</h2>
<p>All are equal before the law and are entitled without any discrimination to equal protection of the law. All are entitled to equal protection against any discrimination in violation of<br>this Declaration and against any incitement to such discrimination.</p>
<h2 class="second-headline">
Article 8
</h2>
<p>Everyone has the right to an effective remedy by the competent national tribunals for acts violating the fundamental rights granted him by the constitution or by law.</p>
<h2 class="second-headline">
Article 9
</h2>
<p>
No one shall be subjected to arbitrary arrest, detention or exile.
</p>
<h2 class="second-headline">
Article 10
</h2>
<p>
Everyone is entitled in full equality to a fair and public hearing by an independent and impartial tribunal, in the determination of his rights and obligations and of any criminal<br>charge against him.
</p>
<h2 class="second-headline">
Article 11
</h2>
<ol>
<li>
Everyone charged with a penal offence has the right to be presumed innocent until proved guilty according to law in a public trial at which he has had all the guarantees<br>necessary for his defence.
</li>
<li>
No one shall be held guilty of any penal offence on account of any act or omission which did not constitute a penal offence, under national or international law, at the<br>time when it was committed. Nor shall a heavier penalty be imposed than the one that was applicable at the time the penal offence was committed.
</li>
</ol>
<h2 class="second-headline">
Article 12
</h2>
<p>
No one shall be subjected to arbitrary interference with his privacy, family, home or correspondence, nor to attacks upon his honour and reputation. Everyone has the right to<br>the protection of the law against such interference or attacks.
</p>
<h2 class="second-headline">
Article 13
</h2>
<ol>
<li>
Everyone has the right to freedom of movement and residence within the borders of each State.
</li>
<li>
Everyone has the right to leave any country, including his own, and to return to his country.
</li>
</ol>
<h2 class="second-headline">
Article 14
</h2>
<ol>
<li>
Everyone has the right to seek and to enjoy in other countries asylum from persecution.
</li>
<li>
This right may not be invoked in the case of prosecutions genuinely arising from non-political crimes or from acts contrary to the purposes and principles of the United<br>Nations.
</li>
</ol>
<h2 class="second-headline">
Article 15
</h2>
<ol>
<li>
Everyone has the right to a nationality.
</li>
<li>
No one shall be arbitrarily deprived of his nationality nor denied the right to change his nationality.
</li>
</ol>
<h2 class="second-headline">
Article 16
</h2>
<ol>
<li>
Men and women of full age, without any limitation due to race, nationality or religion, have the right to marry and to found a family. They are entitled to equal rights as to<br>marriage, during marriage and at its dissolution.
</li>
<li>
Marriage shall be entered into only with the free and full consent of the intending spouses.
</li>
<li>
The family is the natural and fundamental group unit of society and is entitled to protection by society and the State.
</li>
</ol>
<h2 class="second-headline">
<a href="https://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf" class="link">
Articles 17 to 30
</a>
</h2>
</article>
</body>
</html>
19 changes: 19 additions & 0 deletions src/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
body {
font-family: Arial;
font-size: 13px;
}

.headline {
margin: 0;
font-size: 17px;
}

.second-headline {
margin: 1em 0;
font-size: 15px;
font-weight: normal;
}

.link {
color: green;
}