add commits to code page

This commit is contained in:
a 2021-12-17 03:04:56 -06:00
parent 1127c8091e
commit 644b70b380
3 changed files with 130 additions and 51 deletions

View file

@ -91,9 +91,7 @@
.project {
&__link {
text-decoration: none;
display: contents;
color: inherit;
}
&__image {
width: 100%;
@ -149,11 +147,11 @@
}
}
}
#prs {
#contributions {
.container {
}
.pr-list {
.contribution-list {
display: flex;
flex-flow: column;
gap: 2em;
@ -163,19 +161,45 @@
display: grid;
grid-template-areas: "icon title" "icon summary";
grid-template-columns: 3em 1fr;
&__link {
text-decoration: none;
display: contents;
color: inherit;
}
&__icon {
grid-area: icon;
width: auto;
justify-self: center;
align-self: start;
fill: #9A6BEA;
width: 2em;
height: 2em;
path {
fill: #9A6BEA;
}
}
&__title {
font-weight: 700;
grid-area: title;
text-decoration: underline;
}
&__summary {
line-height: 1.4;
grid-area: summary;
max-width: 70ch;
}
}
.commit {
display: grid;
grid-template-areas: "icon title . summary";
grid-template-columns: 3em auto 0.5em 1fr;
align-items: center;
&__link {
display: contents;
}
&__icon {
grid-area: icon;
width: 2em;
height: 2em;
margin-top: 0.325em;
path {
fill: #8B949E;
}
}
&__title {
font-weight: 700;

View file

@ -4,7 +4,7 @@ summary: "Managing knowledge bases for numerous products owned by Trilogy."
author: "Abdullah Tarawneh"
date: "2021-05-16"
start: "May 2021"
end: "current"
end: "Dec 2021"
at: "Trilogy"
position: "Senior Technical Writer / Product Knowledge Curator"
tags: ["technical writing", "senior role", "customer support", "product knowledge", "knowledge base", "curator", "curation"]

View file

@ -7,13 +7,15 @@
<div class="image">
<i class="fa fa-gitea"></i>
</div>
<p>I host my own code with <a href="https://git.trwnh.com">Gitea</a>. Currently, I host the source code for some websites I've built, including this one.</p>
<p>I host my own code with <a href="https://git.trwnh.com">Gitea</a>. Currently, I host the source code for
some websites I've built, including this one.</p>
</div>
<div id="github" class="explainer">
<div class="image">
<i class="fa fa-github"></i>
<i class="fa fa-github"></i>
</div>
<p>I also have a <a href="https://github.com/trwnh">Github</a> account. I mainly use this account to contribute to open-source projects using pull requests instead of sending patch files via email.</p>
<p>I also have a <a href="https://github.com/trwnh">Github</a> account. I mainly use this account to
contribute to open-source projects using pull requests instead of sending patch files via email.</p>
</div>
</div>
</header>
@ -21,70 +23,123 @@
<div class="container">
<h2 class="title">Original projects</h2>
<section class="project-list">
{{ range .Pages }}
{{ if not (in .Params.tags "pull request") }}
<article class="project {{ .Permalink | relURL | anchorize }}">
<a class="project__link" href="{{ .Permalink }}">
{{ with .Params.cover }}
<img class="project__image" src="{{.}}">
{{end}}
<h3 class="project__title">{{ .Title }}</h2>
</a>
<p class="project__summary">{{.Summary}}</p>
<datetime class="project__date">{{ .Date.Format "January 2, 2006" }}</datetime>
</article>
{{ end }}
{{ end }}
{{ range .Pages }}
{{ if not (in .Params.tags "pull request") }}
<article class="project {{ .Permalink | relURL | anchorize }}">
<a class="project__link" href="{{ .Permalink }}">
{{ with .Params.cover }}
<img class="project__image" src="{{.}}">
{{end}}
<h3 class="project__title">{{ .Title }}</h3>
</a>
<p class="project__summary">{{.Summary}}</p>
<datetime class="project__date">{{ .Date.Format "January 2, 2006" }}</datetime>
</article>
{{ end }}
{{ end }}
</section>
</div>
</section>
<section class="section" id="prs">
<section class="section" id="contributions">
<div class="container">
<h2 class="title">Open source contributions</h2>
<section class="pr-list">
{{ range where .Pages ".Params.tags" "intersect" (slice "pull request") }}
<article class="pr {{ .Permalink | relURL | anchorize }}">
<a class="pr__link" href="{{ .Permalink }}">
<svg class="pr__icon" height="40" width="30" viewBox="0 0 1024 768" xmlns="http://www.w3.org/2000/svg">
<path
d="M640 448c-47.625 0-88.625 26.312-110.625 64.906C523.625 512.5 518 512 512 512c-131.062 0-255.438-99.844-300.812-223.438C238.469 265.09400000000005 256 230.71900000000005 256 192c0-70.656-57.344-128-128-128S0 121.34400000000005 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V491.469C276.156 580.5 392.375 640 512 640c6.375 0 11.625-0.438 17.375-0.625C551.5 677.812 592.5 704 640 704c70.625 0 128-57.375 128-128C768 505.344 710.625 448 640 448zM128 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64C192 867.375 163.406 896 128 896zM128 256c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64S163.406 256 128 256zM640 640c-35.312 0-64-28.625-64-64 0-35.406 28.688-64 64-64 35.375 0 64 28.594 64 64C704 611.375 675.375 640 640 640z" />
</svg>
<h2 class="title">Contributions to other projects</h2>
<section class="contribution-list">
{{ range where .Pages ".Params.tags" "intersect" (slice "pull request") }}
<article class="pr {{ .Permalink | relURL | anchorize }}">
<a class="pr__link" href="{{ .Permalink }}">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" class="pr__icon" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"
class="iconify iconify--octicon">
<path fill-rule="evenodd"
d="M5 3.254V3.25v.005a.75.75 0 1 1 0-.005v.004zm.45 1.9a2.25 2.25 0 1 0-1.95.218v5.256a2.25 2.25 0 1 0 1.5 0V7.123A5.735 5.735 0 0 0 9.25 9h1.378a2.251 2.251 0 1 0 0-1.5H9.25a4.25 4.25 0 0 1-3.8-2.346zM12.75 9a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5zm-8.5 4.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5z"
fill="currentColor"></path>
</svg>
<h3 class="pr__title">{{ .Title }}</h2>
</a>
<p class="pr__summary">{{.Summary}}</p>
</article>
{{ end }}
</section>
<h3 class="pr__title">{{ .Title }}</h3>
</a>
<p class="pr__summary">{{.Summary}}</p>
</article>
{{ end }}
<article class="commit pixelfed-docs">
<a href="https://github.com/pixelfed/docs/commits?author=trwnh" class="commit__link">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" class="commit__icon">
<path fill-rule="evenodd"
d="M10.5 7.75a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0zm1.43.75a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 1 1 0-1.5h3.32a4.001 4.001 0 0 1 7.86 0h3.32a.75.75 0 1 1 0 1.5h-3.32z"
fill="currentColor"></path>
</svg>
<h3 class="commit__title">pixelfed/docs</h3>
</a>
<p class="commit__summary">59 commits</p>
</article>
<article class="commit pixelfed">
<a href="https://github.com/pixelfed/pixelfed/commits?author=trwnh" class="commit__link">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" class="commit__icon">
<path fill-rule="evenodd"
d="M10.5 7.75a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0zm1.43.75a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 1 1 0-1.5h3.32a4.001 4.001 0 0 1 7.86 0h3.32a.75.75 0 1 1 0 1.5h-3.32z"
fill="currentColor"></path>
</svg>
<h3 class="commit__title">pixelfed/pixelfed</h3>
</a>
<p class="commit__summary">57 commits</p>
</article>
<article class="commit mastodon">
<a href="https://github.com/mastodon/mastodon/commits?author=trwnh" class="commit__link">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" class="commit__icon">
<path fill-rule="evenodd"
d="M10.5 7.75a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0zm1.43.75a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 1 1 0-1.5h3.32a4.001 4.001 0 0 1 7.86 0h3.32a.75.75 0 1 1 0 1.5h-3.32z"
fill="currentColor"></path>
</svg>
<h3 class="commit__title">mastodon/mastodon</h3>
</a>
<p class="commit__summary">18 commits</p>
</article>
<article class="commit mastodocs">
<a href="https://github.com/mastodon/documentation/commits?author=trwnh" class="commit__link">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"
role="img" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" class="commit__icon">
<path fill-rule="evenodd"
d="M10.5 7.75a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0zm1.43.75a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 1 1 0-1.5h3.32a4.001 4.001 0 0 1 7.86 0h3.32a.75.75 0 1 1 0 1.5h-3.32z"
fill="currentColor"></path>
</svg>
<h3 class="commit__title">mastodon/documentation</h3>
</a>
<p class="commit__summary">13 commits</p>
</article>
</section>
</div>
</section>
<section class="section" id="support">
<div class="container">
<h2 class="title">Support me.</h2>
<p>If you appreciate any of what I've done, please send me money. Your contributions and generosity will directly fund my creative efforts, which would otherwise go unpaid. The more I receive, the more time I can justifiably devote to continuing to do what I do.</p>
<p>If you appreciate any of what I've done, please send me money. Your contributions and generosity will
directly fund my creative efforts, which would otherwise go unpaid. The more I receive, the more time I can
justifiably devote to continuing to do what I do.</p>
<div id="liberapay" class="explainer">
<div class="image">
<i class="fa fa-liberapay"></i>
</div>
<p>Recurring or one-time donation via Liberapay: <a href="https://liberapay.com/trwnh">liberapay.com/trwnh</a></p>
<p>Recurring or one-time donation via Liberapay: <a
href="https://liberapay.com/trwnh">liberapay.com/trwnh</a></p>
</div>
<div id="patreon" class="explainer">
<div class="image">
<i class="fa fa-patreon"></i>
<i class="fa fa-patreon"></i>
</div>
<p>Monthly patronage on Patreon: <a href="https://patreon.com/trwnh">patreon.com/trwnh</a></p>
</div>
<div id="paypal" class="explainer">
<div class="image">
<i class="fa fa-paypal"></i>
<i class="fa fa-paypal"></i>
</div>
<p>For direct, one-time contributions, you can use Paypal with my email address <b>a@trwnh.com</b></p>
</div>
<div id="cashapp" class="explainer">
<div class="image">
<i class="fa fa-dollar"></i>
<i class="fa fa-dollar"></i>
</div>
<p>You can also use Cashapp if you'd prefer: <a href="https://cash.me/$trwnh">$trwnh</a></p>
</div>