move to own repo
This commit is contained in:
commit
0e6dc2d456
24 changed files with 552 additions and 0 deletions
6
archetypes/default.md
Normal file
6
archetypes/default.md
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: "{{ replace .Name "-" " " | title }}"
|
||||||
|
date: {{ .Date }}
|
||||||
|
draft: true
|
||||||
|
---
|
||||||
|
|
||||||
338
assets/scss/main.scss
Normal file
338
assets/scss/main.scss
Normal file
|
|
@ -0,0 +1,338 @@
|
||||||
|
/* reset.css */
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* begin custom css */
|
||||||
|
html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}
|
||||||
|
.section {padding: 1em 0;}
|
||||||
|
.container {max-width: 960px; margin: 0 auto; padding: 0 1em;}
|
||||||
|
|
||||||
|
|
||||||
|
/* sections */
|
||||||
|
.section-header {
|
||||||
|
font-size: 2em;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0.7em;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
.section {
|
||||||
|
p, a {
|
||||||
|
line-height: 1.4;
|
||||||
|
font-size: 1em;
|
||||||
|
margin-bottom: 1.4em;
|
||||||
|
&:last-child {margin-bottom: 0;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.read-more {color: #00a3ff}
|
||||||
|
|
||||||
|
/* header bar */
|
||||||
|
.site-header {background: #ddd}
|
||||||
|
.site-header a {text-decoration: none; color: inherit;}
|
||||||
|
.site-title {font-weight: 700; font-size: 22px; line-height: 2em;}
|
||||||
|
.site-header .container {display: flex; flex-flow: row wrap;}
|
||||||
|
.site-nav {flex-basis: 100%; display: flex; flex-flow: column;}
|
||||||
|
.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;}
|
||||||
|
.hamburger-label::before {content:"Menu"; position: absolute; left: -3em; }
|
||||||
|
#hamburger:checked ~ .site-nav {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
#hamburger {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.hamburger-label {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
top: 16px;
|
||||||
|
right: 15px;
|
||||||
|
height: 22px;
|
||||||
|
width: 22px;
|
||||||
|
}
|
||||||
|
.spinner {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
height: 3px;
|
||||||
|
width: 100%;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
.horizontal {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
.diagonal.part-1 {
|
||||||
|
position: relative;
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.diagonal.part-2 {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
#hamburger:checked ~ .hamburger-label > .horizontal {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
#hamburger:checked ~ .hamburger-label > .diagonal.part-1 {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
transform: rotate(135deg);
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
#hamburger:checked ~ .hamburger-label > .diagonal.part-2 {
|
||||||
|
transition: all 0.5s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
transform: rotate(-135deg);
|
||||||
|
margin-top: -9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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;}
|
||||||
|
}
|
||||||
|
.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)}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about logos */
|
||||||
|
|
||||||
|
.organization-logos {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
br {display: none;}
|
||||||
|
img {
|
||||||
|
flex-basis: 50%;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 1em;
|
||||||
|
@media (min-width: 480px) {
|
||||||
|
flex-basis: 25%;
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
img:first-child, img:nth-child(3) {
|
||||||
|
flex-basis: 100%;
|
||||||
|
width: 100%;
|
||||||
|
@media (min-width: 480px) {
|
||||||
|
flex-basis: 50%;
|
||||||
|
width: 50%;
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* contact section and footer */
|
||||||
|
#contact {background: #eee}
|
||||||
|
.contact-methods {font-size: 1.2em;}
|
||||||
|
.contact-method {line-height: 1.4}
|
||||||
|
.contact-method i {margin-right: 0.5em;}
|
||||||
|
.site-footer {
|
||||||
|
background: #ddd;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
align-items: center;
|
||||||
|
.container {
|
||||||
|
padding: 1em;
|
||||||
|
.social-links {
|
||||||
|
font-size: 2em;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
margin: 1em 0;
|
||||||
|
.social-link {
|
||||||
|
color: #333;
|
||||||
|
transition: color 0.4s ease-in-out;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
width: 1em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.social-link:first-child {margin-left: 0;}
|
||||||
|
.twitter:hover {color: #1da1f2}
|
||||||
|
.facebook:hover {color: #1778f2}
|
||||||
|
.linkedin:hover {color: #0e76a8}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
line-height: 1.2;
|
||||||
|
a {color: inherit; font-weight: 700; transition: color 0.4s ease-in-out}
|
||||||
|
a:hover {color: #00a3ff}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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: unset;}
|
||||||
|
body {margin-bottom: unset;}
|
||||||
|
#hamburger, .hamburger-label {display: none;}
|
||||||
|
.site-nav {display: flex; flex-basis: unset; flex-flow: row;}
|
||||||
|
.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 p, .section a {font-size: 1.25em}
|
||||||
|
}
|
||||||
|
|
||||||
|
@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.5em}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 62em) {
|
||||||
|
.container {padding: 0;}
|
||||||
|
.section {padding: 2em 0;}
|
||||||
|
.personal-summary {
|
||||||
|
font-size: 1.5em;
|
||||||
|
padding: 2em 0;
|
||||||
|
.container {
|
||||||
|
padding: 0;
|
||||||
|
img {width: 256px; max-width: 256px;}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
3
config.toml
Normal file
3
config.toml
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
baseURL = "/"
|
||||||
|
languageCode = "en-us"
|
||||||
|
title = "Eng. Mohammed al-Tarawneh"
|
||||||
85
layouts/index.html
Normal file
85
layouts/index.html
Normal file
|
|
@ -0,0 +1,85 @@
|
||||||
|
<!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">
|
||||||
|
<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>
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
<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></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>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<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></a>
|
||||||
|
<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i></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></a>
|
||||||
|
</div>
|
||||||
|
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
14
public/categories/index.xml
Normal file
14
public/categories/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Categories on Eng. Mohammed al-Tarawneh</title>
|
||||||
|
<link>/categories/</link>
|
||||||
|
<description>Recent content in Categories on Eng. Mohammed al-Tarawneh</description>
|
||||||
|
<generator>Hugo -- gohugo.io</generator>
|
||||||
|
<language>en-us</language>
|
||||||
|
|
||||||
|
<atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
BIN
public/images/mo.jpg
Normal file
BIN
public/images/mo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
56
public/index.html
Normal file
56
public/index.html
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta name="generator" content="Hugo 0.74.3" />
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Eng. Mohammed al-Tarawneh</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/scss/main.min.ff3409bf229bd711c7d3e0cb7dcbc88aec6fee22c4df960260741b5cea41f8a0.css" integrity="sha256-/zQJvyKb1xHH0+DLfcvIiuxv7iLE35YCYHQbXOpB+KA=" media="screen">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<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">
|
||||||
|
<a href="#engineering">Engineering</a>
|
||||||
|
<a href="#policy">Policy</a>
|
||||||
|
<a href="#consultancy">Consultancy</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<header class="hero personal-summary">
|
||||||
|
<div class="container">
|
||||||
|
<img src="/images/mo.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='cv.pdf'>View their CV</a>
|
||||||
|
<a href="#consultancy">Ask a question</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<section id="engineering">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<section id="policy">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<section id="consultancy">
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
14
public/index.xml
Normal file
14
public/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Eng. Mohammed al-Tarawneh</title>
|
||||||
|
<link>/</link>
|
||||||
|
<description>Recent content on Eng. Mohammed al-Tarawneh</description>
|
||||||
|
<generator>Hugo -- gohugo.io</generator>
|
||||||
|
<language>en-us</language>
|
||||||
|
|
||||||
|
<atom:link href="/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.container{max-width:960px;margin:0 auto}.site-header .container{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.site-header a{text-decoration:none;color:inherit;display:block;height:5rem;display:flex;align-items:center}.site-title{font-weight:700}.site-title h1{font-size:1.5em}#hamburger{display:none}.hamburger-label{display:none}.site-nav{display:flex}.site-nav a{font-size:1.25em;margin-left:2em}.site-nav a:first-child{margin-left:0}.personal-summary .container{display:grid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;margin-top:5em;justify-items:end;align-items:center}.personal-summary img{grid-area:1/1}.personal-summary p{grid-area:1/2}.personal-summary .cta{grid-area:2/2}.personal-summary img{height:15em}.personal-summary p{font-size:3em;line-height:1.4}.personal-summary em{font-style:normal;font-weight:700}.personal-summary .cta{display:flex;justify-self:start;margin-top:2em}.personal-summary .cta a{display:flex;font-size:24px;width:200px;height:48px;margin-left:2em;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#00a3ff;border-radius:4px;transition:background .4s ease-in-out}.personal-summary .cta a:nth-child(2){background:inherit;border:2px solid #00a3ff;color:#00a3ff;margin-left:1em}.personal-summary .cta a:hover{background:#ccedff}@media(max-width:62em){.site-header .container,main header,main section{padding:0 1em}.personal-summary img{height:224px}.personal-summary p{font-size:2.5em;justify-self:start;margin-left:3rem}}@media(max-width:860px){.personal-summary .container{grid-template-rows:auto auto auto;grid-template-columns:auto;justify-items:start;margin-top:0}.personal-summary img{grid-area:1/1;height:192px}.personal-summary p{grid-area:2/1;margin-left:0}.personal-summary .cta{grid-area:3/1}.personal-summary .cta a:first-child{margin-left:0}}@media(max-width:640px){.site-header{flex-flow:column}.site-header a{height:3rem}.site-nav{flex-basis:100%;display:flex}.personal-summary br{display:none}}@media(max-width:540px){.personal-summary p{font-size:2em}}@media(max-width:460px){.personal-summary .cta{flex-flow:column}.personal-summary .cta a:nth-child(2){margin-left:0;margin-top:1rem}.personal-summary p{font-size:1.5em;margin-top:1rem}}@media(max-width:400px){.site-nav{flex-flow:column}.site-nav a{margin-left:0;font-size:1em}.site-title{flex-grow:1}.hamburger{display:flex;align-items:center}.site-nav{display:none}#hamburger:checked~.site-nav{display:flex}.hamburger-label{display:block}.site-header{position:fixed;bottom:0;background:#fff;width:100vw}body{margin-bottom:48px}#hamburger{transition:all .3s;box-sizing:border-box;display:none}.hamburger-label{transition:all .3s;box-sizing:border-box;cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:16px;right:16px;height:22px;width:22px}.spinner{transition:all .3s;box-sizing:border-box;position:absolute;height:3px;width:100%;background-color:#000}.horizontal{transition:all .3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}.diagonal.part-1{position:relative;transition:all .3s;box-sizing:border-box;float:left}.diagonal.part-2{transition:all .3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}#hamburger:checked~.hamburger-label>.horizontal{transition:all .3s;box-sizing:border-box;opacity:0}#hamburger:checked~.hamburger-label>.diagonal.part-1{transition:all .3s;box-sizing:border-box;transform:rotate(135deg);margin-top:8px}#hamburger:checked~.hamburger-label>.diagonal.part-2{transition:all .3s;box-sizing:border-box;transform:rotate(-135deg);margin-top:-9px}.hamburger-label::before{content:"Menu";position:absolute;right:28px}}
|
||||||
17
public/sitemap.xml
Normal file
17
public/sitemap.xml
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||||
|
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/categories/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>/tags/</loc>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
</urlset>
|
||||||
14
public/tags/index.xml
Normal file
14
public/tags/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||||
|
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<channel>
|
||||||
|
<title>Tags on Eng. Mohammed al-Tarawneh</title>
|
||||||
|
<link>/tags/</link>
|
||||||
|
<description>Recent content in Tags on Eng. Mohammed al-Tarawneh</description>
|
||||||
|
<generator>Hugo -- gohugo.io</generator>
|
||||||
|
<language>en-us</language>
|
||||||
|
|
||||||
|
<atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||||
|
|
||||||
|
|
||||||
|
</channel>
|
||||||
|
</rss>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
p{color:red}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
{"Target":"main.min.a746c5fae9f9c946fd3013bac516fc90f1e563605da4756d2e21640eb64f17ae.css","MediaType":"text/css","Data":{"Integrity":"sha256-p0bF+un5yUb9MBO6xRb8kPHlY2BdpHVtLiFkDrZPF64="}}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
||||||
|
{"Target":"scss/main.min.c1dac0e9a378982c88da8565740521d2f8c0892d268c8f7f13f130285f36af3b.css","MediaType":"text/css","Data":{"Integrity":"sha256-wdrA6aN4mCyI2oVldAUh0vjAiS0mjI9/E/EwKF82rzs="}}
|
||||||
BIN
static/cv.pdf
Normal file
BIN
static/cv.pdf
Normal file
Binary file not shown.
BIN
static/images/mo.jpg
Normal file
BIN
static/images/mo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
static/images/mo1.jpg
Normal file
BIN
static/images/mo1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/logos/ard.png
Normal file
BIN
static/logos/ard.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/logos/crpd.png
Normal file
BIN
static/logos/crpd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
static/logos/g3ict.png
Normal file
BIN
static/logos/g3ict.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
static/logos/gaates.png
Normal file
BIN
static/logos/gaates.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
static/logos/ifes.jpg
Normal file
BIN
static/logos/ifes.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
static/logos/un-ohchr.png
Normal file
BIN
static/logos/un-ohchr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Loading…
Reference in a new issue