move to own repo

This commit is contained in:
a 2020-08-28 02:35:59 -05:00
commit 0e6dc2d456
24 changed files with 552 additions and 0 deletions

6
archetypes/default.md Normal file
View file

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

338
assets/scss/main.scss Normal file
View 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
View file

@ -0,0 +1,3 @@
baseURL = "/"
languageCode = "en-us"
title = "Eng. Mohammed al-Tarawneh"

85
layouts/index.html Normal file
View 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>

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

56
public/index.html Normal file
View 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&#43;DLfcvIiuxv7iLE35YCYHQbXOpB&#43;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
View 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>

View file

@ -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
View 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
View 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>

View file

@ -0,0 +1 @@
p{color:red}

View file

@ -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

View file

@ -0,0 +1 @@
{"Target":"scss/main.min.c1dac0e9a378982c88da8565740521d2f8c0892d268c8f7f13f130285f36af3b.css","MediaType":"text/css","Data":{"Integrity":"sha256-wdrA6aN4mCyI2oVldAUh0vjAiS0mjI9/E/EwKF82rzs="}}

BIN
static/cv.pdf Normal file

Binary file not shown.

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/logos/ard.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/logos/crpd.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
static/logos/g3ict.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

BIN
static/logos/gaates.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB