first commit

Signed-off-by: Brahmajit Das <brahmajit.xyz@gmail.com>

4 files changed, 342 insertions, 0 deletions

diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..eb50955
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,6 @@
+all:
+	pandoc -c style.css -s -o index.html index.md
+	pandoc -c style.css -s -o about.html about.md
+
+clean:
+	rm -fr *.html
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..53f2b7f
--- /dev/null
+++ b/about.md
@@ -0,0 +1,29 @@
+---
+title: About me
+---
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">
+
+Thanks for visiting my site. I go by the alias ***listout*** on internet.
+
+Currently I work at SUSE as Linux developer in the L3 team.
+
+I spend much of my free time working on Gentoo Linux (been part of Gentoo
+Foundation since 2022 as part of Google Summer of Code '22 and '23),
+I sometimes maintain neovim for Gentoo as well. Currently focusing on porting
+of Gentoo Linux's packages to C99 (modern C) standard (part of my Google Summer
+of Code '23 work).
+
+## Contact
+
+You can find me on IRC libera.chat as listout. I'm mostly active on
+**`#gentoo`** specific channels. Or you can email me at **bdas at suse.de**.
+
+### Links
+
+- [GitHub](https://www.github.com/listout)
+- [GitLab](https://www.gitlab.com/listout)
+- [Résumé](https://git.listout.xyz/resume.git/plain/resume.pdf)
+- [Mastodon](https://social.treehouse.systems/@listout){rel="me"}
+
+[back](https://listout.xyz)
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..18819f4
--- /dev/null
+++ b/index.md
@@ -0,0 +1,20 @@
+---
+title: listout
+---
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/comic-mono@0.0.1/index.css">
+
+***my ghost for the spooks,***
+
+***finger in the fount,***
+
+***source in crowd,***
+
+***thought-quant,***
+
+***loud***
+
+    *Justin M. Keyes*
+
+[about me](./about.html)
+[](https://social.treehouse.systems/@listout){rel="me"}
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..36c7b62
--- /dev/null
+++ b/style.css
@@ -0,0 +1,287 @@
+/*
+ * I add this to html files generated with pandoc.
+ */
+
+html {
+  font-size: 100%;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+body {
+  color: white;
+  font-family: Comic Mono;
+  font-weight: bold;
+  font-size: 12px;
+  line-height: 1.7;
+  padding: 1em;
+  margin: auto;
+  max-width: 42em;
+  background: #2b2c2e;
+}
+
+a {
+  color: white;
+  text-decoration: none;
+}
+
+p {
+  margin: 1em 0;
+}
+
+img {
+  max-width: 100%;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  line-height: 125%;
+  margin-top: 2em;
+  font-weight: normal;
+}
+
+h4, h5, h6 {
+  font-weight: bold;
+}
+
+h1 {
+  font-size: 2.5em;
+}
+
+h2 {
+  font-size: 2em;
+}
+
+h3 {
+  font-size: 1.5em;
+}
+
+h4 {
+  font-size: 1.2em;
+}
+
+h5 {
+  font-size: 1em;
+}
+
+h6 {
+  font-size: 0.9em;
+}
+
+blockquote {
+  margin: 0;
+  padding-left: 3em;
+  border-left: 0.5em #EEE solid;
+}
+
+hr {
+  display: block;
+  height: 2px;
+  border: 0;
+  border-top: 1px solid #aaa;
+  border-bottom: 1px solid #eee;
+  margin: 1em 0;
+  padding: 0;
+}
+
+pre, code, kbd, samp {
+  _font-family: monospace, monospace;
+  font-family: 'courier new', monospace;
+  font-size: 0.98em;
+}
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+dfn {
+  font-style: italic;
+}
+
+ins {
+  background: #ff9;
+  text-decoration: none;
+}
+
+mark {
+  background: #ff0;
+  font-style: italic;
+  font-weight: bold;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+ul, ol {
+  margin: 1em 0;
+  padding: 0 0 0 2em;
+}
+
+li p:last-child {
+  margin-bottom: 0;
+}
+
+ul ul, ol ol {
+  margin: .3em 0;
+}
+
+dl {
+  margin-bottom: 1em;
+}
+
+dt {
+  font-weight: bold;
+  margin-bottom: .8em;
+}
+
+dd {
+  margin: 0 0 .8em 2em;
+}
+
+dd:last-child {
+  margin-bottom: 0;
+}
+
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle;
+}
+
+figure {
+  display: block;
+  text-align: center;
+  margin: 1em 0;
+}
+
+figure img {
+  border: none;
+  margin: 0 auto;
+}
+
+figcaption {
+  font-size: 0.8em;
+  font-style: italic;
+  margin: 0 0 .8em;
+}
+
+table {
+  margin-bottom: 2em;
+  border-bottom: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table th {
+  padding: .2em 1em;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd;
+}
+
+table td {
+  padding: .2em 1em;
+  border-top: 1px solid #ddd;
+  border-left: 1px solid #ddd;
+  vertical-align: top;
+}
+
+.author {
+  font-size: 1.2em;
+  text-align: center;
+}
+
+@media only screen and (min-width: 480px) {
+  body {
+    font-size: 14px;
+  }
+}
+@media only screen and (min-width: 768px) {
+  body {
+    font-size: 16px;
+  }
+}
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    filter: none !important;
+    -ms-filter: none !important;
+  }
+
+  body {
+    font-size: 12pt;
+    max-width: 100%;
+  }
+
+  a, a:visited {
+    text-decoration: underline;
+  }
+
+  hr {
+    height: 1px;
+    border: 0;
+    border-bottom: 1px solid black;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+    content: "";
+  }
+
+  pre, blockquote {
+    border: 1px solid #999;
+    padding-right: 1em;
+    page-break-inside: avoid;
+  }
+
+  tr, img {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  @page :left {
+    margin: 15mm 20mm 15mm 10mm;
+}
+
+  @page :right {
+    margin: 15mm 10mm 15mm 20mm;
+}
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2, h3 {
+    page-break-after: avoid;
+  }
+}