diff --git a/assets/scss/index/cards.scss b/assets/scss/index/cards.scss index ed2c243..3d06be3 100644 --- a/assets/scss/index/cards.scss +++ b/assets/scss/index/cards.scss @@ -1,23 +1,14 @@ .cards { display: grid; - grid-template-columns: repeat(auto-fit, minmax(15em,1fr)); - gap: 2em; + grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); + grid-gap: 2em; } .card { - background: white; + } -.card img { +.card__img { width: 100%; - height: auto; } -#process .card img { - height: 200px; -} -.card h3 { - margin: 1em 0; - font-weight: 700; -} -.card p { - margin-bottom: 1em; - line-height: 1.4; -} \ No newline at end of file +.card__body {padding: 1em;} +.card__title {font-weight: 700; margin-bottom: 0.7em;} +.card__desc {line-height: 1.4;} \ No newline at end of file diff --git a/assets/scss/index/hero.scss b/assets/scss/index/hero.scss deleted file mode 100644 index f7907c0..0000000 --- a/assets/scss/index/hero.scss +++ /dev/null @@ -1,36 +0,0 @@ -.hero .container { - display: grid; - grid-template-columns: 1fr; - grid-template-rows: auto auto auto; - grid-template-areas: - "img" - "txt" - "cta"; - @media (min-width: 600px) { - grid-template-columns: 1fr 1fr; - grid-template-rows: auto auto; - grid-template-areas: - "txt img" - "cta img"; - } - gap: 1em; -} -.hero img { - grid-area: img; - width: 100%; - max-height: 160px; - @media (min-width: 600px) {max-height: unset;} -} -.hero .cta { - grid-area: cta; - align-self: start; -} -.hero .headline { - grid-area: txt; - font-size: clamp(1.4em, 7vw, 3em); - line-height: 1.2; - align-self: end; - @media (min-width: 600px) { - max-width: 11ch; - } -} diff --git a/assets/scss/index/testimonials.scss b/assets/scss/index/testimonials.scss index 8e9d350..cd483db 100644 --- a/assets/scss/index/testimonials.scss +++ b/assets/scss/index/testimonials.scss @@ -14,9 +14,9 @@ } .avatar { margin-left: 1em; - width: 2em; - height: 2em; - border-radius: 1em; + width: 4em; + height: 4em; + border-radius: 100em; background: #212121; } .name { @@ -29,17 +29,18 @@ border-radius: 0.5em; position: relative; grid-column: span 2; - height: 80px; + min-height: 80px; display: flex; justify-content: center; align-items: center; text-align: center; + line-height: 1.4; } .bubble:after { content: ''; position: absolute; top: 0; - left: 2em; + left: 3em; width: 0; height: 0; border: 0.5em solid transparent; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 90b9687..b34d41e 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -1,12 +1,10 @@ @import "base/reset.scss"; -@import "base/links.scss"; @import "base/sections.scss"; @import "base/page.scss"; @import "base/list.scss"; @import "base/components.scss"; @import "index/index.scss"; -@import "index/hero.scss"; @import "index/cards.scss"; @import "index/testimonials.scss"; diff --git a/content/code/certbot-namecheap/index.md b/content/code/certbot-namecheap/index.md index b594c34..9b65fd7 100644 --- a/content/code/certbot-namecheap/index.md +++ b/content/code/certbot-namecheap/index.md @@ -1,6 +1,6 @@ --- title: "Certbot DNS-01 hook for Namecheap" -summary: "A manual auth hook for Certbot, implementing the DNS-01 challenge with Namecheap as the provider. Written in Python." +summary: "A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains. Written in Python." author: "Abdullah Tarawneh" date: "2019-10-30" tags: ["namecheap", "certbot", "dns-01", "python", "letsencrypt"] diff --git a/content/design/motarawneh/index.md b/content/design/motarawneh/index.md new file mode 100644 index 0000000..65a080d --- /dev/null +++ b/content/design/motarawneh/index.md @@ -0,0 +1,11 @@ +--- +title: Mo Tarawneh (motarawneh.org) +summary: A personal website for Mo Tarawneh, inaugural chairperson of the UN CRPD and twice-elected member. +author: "Abdullah Tarawneh" +date: "2020-03-17" +tags: ["website", "web", "responsive", "design"] +category: "Design" +cover: "/images/motarawneh.jpg" +--- + +## Overview \ No newline at end of file diff --git a/content/work/pixelfed/index.md b/content/work/pixelfed/index.md index b3c50f8..6279553 100644 --- a/content/work/pixelfed/index.md +++ b/content/work/pixelfed/index.md @@ -1,6 +1,6 @@ --- title: "Pixelfed team member" -summary: "Turning a one-person project into an organized effort." +summary: "After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort." author: "Abdullah Tarawneh" date: "2019-01-06" tags: ["pixelfed", "project management", "product management", "github issues", "documentation"] diff --git a/layouts/index.html b/layouts/index.html index 7ad6167..b8e5ee2 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,94 +1,57 @@ {{ define "main" }}
-
+
- Abstract illustration of a thought process -

i make order out of chaos.

- summary of my work -
-
-
-
-

my process:

+

what i've done:

-
- -

information

-

i plan out the details of the project.

-
-
- -

analysis

-

i break down info and make connections.

-
-
- -

design

-

i construct a framework for the project.

-
-
- -

feedback

-

i make sure to keep you in the picture.

-
-
- -

implementation

-

i create the deliverables as discussed.

-
-
- -

results

-

i deliver the completed project to you.

-
+
+ +
+

information architecture and docs

+

most notably, documentation for mastodon and pixelfed

+
+
+
+ +
+

project and product management

+

issue triage, design consultancy, and release planning

+
+
+
+ +
+

code snippets and contributions

+

active in various open-source projects, as well as personal scripts

+
+
+
+ +
+

web design and development

+

specializing in lightweight, statically-generated sites

+
+
+
+ +
+

tech and system admininstration

+

managing linux servers for nonprofits and myself

+
+
+
+ +
+

skillful photography

+

see birdsounds.media for my portfolio of concert photos

+
+
-
-
-

here's what i've done.

-
-
- -

Mastodon
Documentation Revamp

-

Reorganizing the documentation for the Mastodon Project, while also rewriting significant portions of it.

- Read more -
-
- -

Pixelfed
Project Management

-

After making a masterpost of bugs and issues, I turned Pixelfed from a one-person project into a team effort.

- Read more -
-
- -

EFF Certbot
Namecheap Auth Hook

-

A manual authorization hook for EFF Certbot, allowing DNS-01 challenge verification with Namecheap domains.

- View source code -
-
- -

Mo Tarawneh
(motarawneh.org)

-

A personal website for Mo Tarawneh, inaugural chairperson of the UN CRPD and twice-elected member.

- View site -
-
- -

Equality Initiative
(equalityinitiative.org)

-

Nonprofit website designed for Equality Initiative in February 2014. Built with Wordpress and Divi.

- View site archive -
-
- -

birdsounds
(birdsounds.media)

-

birdsounds.media is my concert photography showcase and portfolio website. Built using Koken.

- View site -
-
-
-

what others have said about me:

+

what others have said about me: