+{%- endif -%}
\ No newline at end of file
diff --git a/_layouts/archive.html b/_layouts/archive.html
new file mode 100644
index 0000000..5a6db02
--- /dev/null
+++ b/_layouts/archive.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{%-include back_link.html-%}
+
+
{{ page.title }}
+
+{%-include post_list.html category=page.which_category-%}
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..fe3aaf1
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,21 @@
+
+
+ {%- include head.html -%}
+
+
+
+ {{ content }}
+
+
+
+ {%-if site.goat_counter and jekyll.environment == "production"-%}
+ {%-include goat_counter.html-%}
+ {%-endif-%}
+
+ {% if page.custom_js %}
+ {% for js_file in page.custom_js %}
+
+ {% endfor %}
+ {% endif %}
+
+
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..5e08510
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+
{{ site.title }}
+ {%-if site.theme_config.show_description-%}
+
{{ site.description }}
+ {%-endif-%}
+
+
+{%-include menu_item.html collection=site.data.menu.entries-%}
+
+{{ content }}
\ No newline at end of file
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..3db2511
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{%-include back_link.html-%}
+
+
{{ page.title }}
+
+{{ content }}
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..421a98c
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+{%-include back_link.html-%}
+
+
+
+
+
+
+
{{ page.title }}
+
+ {{ content }}
+
\ No newline at end of file
diff --git a/_posts/2020-07-06-strange-post.md b/_posts/2020-07-06-strange-post.md
new file mode 100644
index 0000000..2392228
--- /dev/null
+++ b/_posts/2020-07-06-strange-post.md
@@ -0,0 +1,6 @@
+---
+layout: post
+custom_js: mouse_coords
+---
+
+This post is strange. It also has some custom js.
\ No newline at end of file
diff --git a/_posts/2020-07-07-overview-post.md b/_posts/2020-07-07-overview-post.md
new file mode 100644
index 0000000..fc984e2
--- /dev/null
+++ b/_posts/2020-07-07-overview-post.md
@@ -0,0 +1,84 @@
+---
+layout: post
+category: example
+---
+
+Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus.
+
+# Sample heading 1
+## Sample heading 2
+### Sample heading 3
+#### Sample heading 4
+##### Sample heading 5
+###### Sample heading 6
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod.
+
+## Lists
+
+Unordered:
+
+- Fusce non velit cursus ligula mattis convallis vel at metus[^2].
+- Sed pharetra tellus massa, non elementum eros vulputate non.
+- Suspendisse potenti.
+
+Ordered:
+
+1. Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc.
+2. Sed massa quam, auctor in eros quis, porttitor tincidunt orci.
+3. Nulla convallis id sapien ornare viverra.
+4. Nam a est eget ligula pellentesque posuere.
+
+## Blockquote
+
+The following is a blockquote:
+
+> Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus.
+
+## Thematic breaks ()
+
+Mauris viverra dictum ultricies[^3]. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. **You can put some text inside the horizontal rule like so.**
+
+---
+{: data-content="hr with text"}
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. **Or you can just have an clean horizontal rule.**
+
+---
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod. Or you can just have an clean horizontal rule.
+
+## Code
+
+Now some code:
+
+```
+const ultimateTruth = 'this theme is the best!';
+console.log(ultimateTruth);
+```
+
+And here is some `inline code`!
+
+## Tables
+
+Now a table:
+
+| Tables | Are | Cool |
+| ------------- |:-------------:| -----:|
+| col 3 is | right-aligned | $1600 |
+| col 2 is | centered | $12 |
+| zebra stripes | are neat | $1 |
+
+## Images
+
+{:.ioda}
+
+Logo of *no style, please!* theme[^4]
+
+---
+{: data-content="footnotes"}
+
+[^1]: this is a footnote. It should highlight if you click on the corresponding superscript number.
+[^2]: hey there, i'm using no style please!
+[^3]: this is another footnote.
+[^4]: this is a very very long footnote to test if a very very long footnote brings some problems or not. I strongly hope that there are no problems but you know sometimes problems arise from nowhere.
\ No newline at end of file
diff --git a/_posts/2020-07-08-language-tests.md b/_posts/2020-07-08-language-tests.md
new file mode 100644
index 0000000..7ac64ac
--- /dev/null
+++ b/_posts/2020-07-08-language-tests.md
@@ -0,0 +1,52 @@
+---
+layout: post
+title: "Language Tests"
+category: example2
+---
+
+Note: I took this test post from [moving](https://github.com/huangyz0918/moving), which is another Jekyll theme which is better that this one so I should not have linked it because now you will decide to use it instead of mine.
+
+### 1. 日本語テスト
+
+This is a Japanese test post to show you how japanese is displayed.
+
+私は昨日ついにその助力家というのの上よりするたなけれ。
+最も今をお話団はちょうどこの前後なかろでくらいに困りがいるたをは帰着考えたなかって、そうにもするでうたらない。
+がたを知っないはずも同時に九月をいよいよたありた。
+
+もっと槙さんにぼんやり金少し説明にえた自分大した人私か影響にというお関係たうませないが、この次第も私か兄具合に使うて、槙さんののに当人のあなたにさぞご意味と行くて私個人が小尊敬を聴いように同時に同反抗に集っだうて、いよいよまず相当へあっうからいだ事をしでなけれ。
+
+> それでそれでもご時日をしはずはたったいやと突き抜けるますて、その元がは行ったてという獄を尽すていけですた。
+
+この中道具の日その学校はあなたごろがすまなりかとネルソンさんの考えるですん、辺の事実ないというご盲従ありたですと、爺さんのためが薬缶が結果までの箸の当時してならて、多少の十月にためからそういう上からとにかくしましないと触れべきものたで、ないうですと多少お人達したのでたた。
+
+From [すぐ使えるダミーテキスト - 日本語 Lorem ipsum.](http://lipsum.sugutsukaeru.jp/index.cgi)
+
+
+### 2. 繁体中文测试
+
+This is a chinese test post to show you how chinese is displayed.
+
+善我王上魚、產生資西員合兒臉趣論。畫衣生這著爸毛親可時，安程幾？合學作。觀經而作建。都非子作這！法如言子你關！手師也。
+
+以也座論頭室業放。要車時地變此親不老高小是統習直麼調未，行年香一？
+
+就竟在，是我童示讓利分和異種百路關母信過明驗有個歷洋中前合著區亮風值新底車有正結，進快保的行戰從：弟除文辦條國備當來際年每小腳識世可的的外的廣下歌洲保輪市果底天影；全氣具些回童但倒影發狀在示，數上學大法很，如要我……月品大供這起服滿老？應學傳者國：山式排只不之然清同關；細車是！停屋常間又，資畫領生，相們制在？公別的人寫教資夠。資再我我！只臉夫藝量不路政吃息緊回力之；兒足灣電空時局我怎初安。意今一子區首者微陸現際安除發連由子由而走學體區園我車當會，經時取頭，嚴了新科同？很夫營動通打，出和導一樂，查旅他。坐是收外子發物北看蘭戰坐車身做可來。道就學務。
+
+國新故。
+
+> 工步他始能詩的，裝進分星海演意學值例道……於財型目古香亮自和這乎？化經溫詩。只賽嚴大一主價世哥受的沒有中年即病行金拉麼河。主小路了種就小為廣不？
+
+From [亂數假文產生器 - Chinese Lorem Ipsum.](http://www.richyli.com/tool/loremipsum/)
+
+
+
+### 3. 简体中文测试
+
+效育声去本义然空，各值太法心想，场强实地。 题铁习点儿表管少间千，只何政亲织文意部，千影画派证男须。 手反取长风治增非等直难群，连取及天他己事头级，影数弦适把气快目人。 专议以省通引而千个，格则口段度样水热马，地教少务改磨。 包思外心半院应她算斯，市外会快记路又火学，劳如肃它准众丧边。
+
+ > 团算部住县单总边素格军所，合音府教看和广光采率位转，位用品根确针百。 证其标元角工方海接交他，论象切万世认一响义，治然身本风弦带题。 向我次路持加北，她不反心。 说总元军例市决，现始即算证养，规走还壳。
+
+因林可相儿应满军，热影省条律因资再，整肃赤心将届。 局广写两量备验还，南教事争工民的，备进研上布。 素身电活非直，速这区交示从，百层达。 资量那毛什京身，白这快。 半打容三手开常价或，手严量般象式效，名可重芽门适。 来设什一我么，光界美么或，住身式准。 造酸改表委验众办地百养，商物战众本列听度名院，制压录丽快与千机内。 住需当四议决得命南然照按民置，当住命形金决否矿单外。 气象理离开新集增际，三划方工义很年关，拉许准孝口。 构片出干计由备美打养，持育总指承入无己。
+
+From [假文生成器， lorem ipsum Chinese](http://www.cancms.com/content/dummytext)
\ No newline at end of file
diff --git a/_posts/2020-07-08-very-very-very-long-title-and-very-very-very-short-content.md b/_posts/2020-07-08-very-very-very-long-title-and-very-very-very-short-content.md
new file mode 100644
index 0000000..bd0ca9e
--- /dev/null
+++ b/_posts/2020-07-08-very-very-very-long-title-and-very-very-very-short-content.md
@@ -0,0 +1,6 @@
+---
+layout: post
+category: example
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus. Nullam vestibulum metus eu purus malesuada, volutpat mattis leo facilisis.
\ No newline at end of file
diff --git a/_posts/2020-07-09-post-example-with-headings-and-toc.md b/_posts/2020-07-09-post-example-with-headings-and-toc.md
new file mode 100644
index 0000000..4f458c4
--- /dev/null
+++ b/_posts/2020-07-09-post-example-with-headings-and-toc.md
@@ -0,0 +1,27 @@
+---
+layout: post
+category: example2
+---
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Nunc a egestas tortor, sed feugiat leo.
+
+## Table of contents
+- [Table of contents](#table-of-contents)
+- [The start](#the-start)
+- [The middle](#the-middle)
+- [The end](#the-end)
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Nunc a egestas tortor, sed feugiat leo. Vestibulum porta tincidunt tellus, vitae ornare tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nunc neque, tempor in iaculis non, faucibus et metus. Etiam id nisl ut lorem gravida euismod.
+
+## [The start](#the-start)
+
+Fusce non velit cursus ligula mattis convallis vel at metus. Sed pharetra tellus massa, non elementum eros vulputate non. Suspendisse potenti. Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc. Sed massa quam, auctor in eros quis, porttitor tincidunt orci. Nulla convallis id sapien ornare viverra. Cras nec est lacinia ligula porta tincidunt. Nam a est eget ligula pellentesque posuere. Maecenas quis enim ac risus accumsan scelerisque. Aliquam vitae libero sapien. Etiam convallis, metus nec suscipit condimentum, quam massa congue velit, sit amet sollicitudin nisi tortor a lectus. Cras a arcu enim. Suspendisse hendrerit euismod est ac gravida. Donec vitae elit tristique, suscipit eros at, aliquam augue. In ac faucibus dui. Sed tempor lacus tristique elit sagittis, vitae tempor massa convallis.
+
+## [The middle](#the-middle)
+
+Proin quis velit et eros auctor laoreet. Aenean eget nibh odio. Suspendisse mollis enim pretium, fermentum urna vitae, egestas purus. Donec convallis tincidunt purus, scelerisque fermentum eros sagittis vel. Aliquam ac aliquet risus, tempus iaculis est. Fusce molestie mauris non interdum hendrerit. Curabitur ullamcorper, eros vitae interdum volutpat, lacus magna lacinia turpis, at accumsan dui tortor vel lectus. Aenean risus massa, semper non lectus rutrum, facilisis imperdiet mi. Praesent sed quam quis purus auctor ornare et sed augue. Vestibulum non quam quis ligula luctus placerat sed sit amet erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce auctor, sem eu volutpat dignissim, turpis nibh malesuada arcu, in consequat elit mauris quis sem. Nam tristique sit amet enim vel accumsan. Sed id nibh commodo, dictum sem id, semper quam.
+
+## The end
+
+Donec ex lectus, tempus non lacinia quis, pretium non ipsum. Praesent est nunc, rutrum vel tellus eu, tristique laoreet purus. In rutrum orci sit amet ex ornare, sit amet finibus lacus laoreet. Etiam ac facilisis purus, eget porttitor odio. Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus. Vivamus at purus sed urna sollicitudin mattis. Mauris lacinia libero in lobortis pulvinar. Nullam sit amet condimentum justo. Donec orci justo, pharetra ut dolor non, interdum finibus orci. Proin vitae ante a dui sodales commodo ac id elit. Nunc vel accumsan nunc, sit amet congue nunc. Aliquam in lacinia velit. Integer lobortis luctus eros, in fermentum metus aliquet a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
diff --git a/_posts/2020-07-09-post-example-with-hr.md b/_posts/2020-07-09-post-example-with-hr.md
new file mode 100644
index 0000000..48848cd
--- /dev/null
+++ b/_posts/2020-07-09-post-example-with-hr.md
@@ -0,0 +1,28 @@
+---
+layout: post
+slug: hr example
+---
+
+Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus. Nullam vestibulum metus eu purus malesuada, volutpat mattis leo facilisis. Sed consectetur, nisl et semper laoreet, velit augue congue nunc, eget eleifend odio erat eu sapien. Phasellus dictum efficitur dapibus. Morbi porta lacinia tincidunt. Nam aliquet est mi, nec lacinia ipsum elementum sed. Nam feugiat ipsum tortor, et pretium purus sollicitudin et.
+
+---
+
+Mauris viverra dictum ultricies[^2]. Vestibulum[^3] quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Nunc a egestas tortor, sed feugiat leo. Vestibulum porta tincidunt tellus, vitae ornare tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nunc neque, tempor in iaculis non, faucibus et metus. Etiam id nisl ut lorem gravida euismod.
+
+Fusce non velit cursus ligula mattis convallis vel at metus. Sed pharetra tellus massa, non elementum eros vulputate non. Suspendisse potenti. Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc. Sed massa quam, auctor in eros quis, porttitor tincidunt orci. Nulla convallis id sapien ornare viverra. Cras nec est lacinia ligula porta tincidunt. Nam a est eget ligula pellentesque posuere. Maecenas quis enim ac risus accumsan scelerisque. Aliquam vitae libero sapien. Etiam convallis, metus nec suscipit condimentum, quam massa congue velit, sit amet sollicitudin nisi tortor a lectus. Cras a arcu enim. Suspendisse hendrerit euismod est ac gravida. Donec vitae elit tristique, suscipit eros at, aliquam augue. In ac faucibus dui. Sed tempor lacus tristique elit sagittis, vitae tempor massa convallis.
+
+---
+{: data-content="discussions"}
+
+This article has been discussed here:
+- [lobste.rs](#)
+- [/r/webdev](#)
+
+Feel free to reach out at my email to leave feedback and talk about the article.
+
+---
+{: data-content="footnotes"}
+
+[^1]: Okay here I should put something about "ipsum".
+[^2]: same goes for this.
+[^3]: I studied latin in high school but im not able to translate *anything*! By the way this is a longer footnote and i think it is still pretty cool, even prettier than shortier ones even though it does not say anything useful but whatever.
\ No newline at end of file
diff --git a/_sass/no-style-please.scss b/_sass/no-style-please.scss
new file mode 100644
index 0000000..a9c9688
--- /dev/null
+++ b/_sass/no-style-please.scss
@@ -0,0 +1,94 @@
+// -------------- THEME SWITCHER -------------- //
+@mixin dark-appearance {
+ filter: invert(1);
+ img {
+ filter: invert(1);
+
+ &.ioda { filter: invert(0); }
+ }
+}
+
+body[a="dark"] { @include dark-appearance; }
+
+
+@media (prefers-color-scheme: dark) {
+ body[a="auto"] { @include dark-appearance; }
+}
+// -------------------------------------------- //
+
+// bg color is also needed in html in order to
+// block body's background propagation
+// see: https://stackoverflow.com/a/61265706
+html, body { background: white; }
+
+html { height: 100%; }
+
+body {
+ color: black;
+ font-family: monospace;
+ font-size: 16px;
+ line-height: 1.4;
+ margin: 0;
+ min-height: 100%;
+ overflow-wrap: break-word;
+}
+
+.post-meta { text-align: right; }
+
+h2, h3, h4, h5, h6 { margin-top: 3rem; }
+
+hr { margin: 2rem 0; }
+
+p { margin: 1rem 0; }
+
+li { margin: 0.4rem 0; }
+
+*:target { background: yellow; }
+
+.w {
+ max-width: 640px;
+ margin: 0 auto;
+ padding: 4rem 2rem;
+}
+
+hr {
+ text-align: center;
+ border: 0;
+
+ &:before { content: '/////' }
+ &:after { content: attr(data-content) '/////' }
+}
+
+table { width: 100%; }
+
+table, th, td {
+ border: thin solid black;
+ border-collapse: collapse;
+ padding: 0.4rem;
+}
+
+code {
+ color: white;
+ background: black;
+}
+
+div.highlighter-rouge code {
+ display: block;
+ overflow-x: auto;
+ white-space: pre-wrap;
+ padding: 1rem;
+}
+
+blockquote {
+ font-style: italic;
+ border: thin solid black;
+ padding: 1rem;
+
+ p { margin: 0; }
+}
+
+img {
+ max-width: 100%;
+ display: block;
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..a2d26b8
--- /dev/null
+++ b/about.md
@@ -0,0 +1,8 @@
+---
+layout: page
+title: About
+---
+
+This is an example page!
+
+It's very similar to a `post` layout, with the only difference that the publish date is not shown!
\ No newline at end of file
diff --git a/archive.md b/archive.md
new file mode 100644
index 0000000..b8b1534
--- /dev/null
+++ b/archive.md
@@ -0,0 +1,4 @@
+---
+layout: archive
+title: Archive
+---
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
new file mode 100644
index 0000000..665ab93
--- /dev/null
+++ b/assets/css/main.scss
@@ -0,0 +1,4 @@
+---
+---
+
+@import "no-style-please";
\ No newline at end of file
diff --git a/assets/js/mouse_coords.js b/assets/js/mouse_coords.js
new file mode 100644
index 0000000..afc7e7a
--- /dev/null
+++ b/assets/js/mouse_coords.js
@@ -0,0 +1,9 @@
+const p = document.createElement("p");
+p.style.textAlign = "center";
+p.style.fontSize = "18pt";
+p.innerHTML = "C'mon, move your mouse!"
+document.body.append(p);
+
+document.addEventListener("mousemove", e => {
+ p.innerHTML = `mouseX: ${e.clientX}, mouseY: ${e.clientY}`;
+});
\ No newline at end of file
diff --git a/example2-archive.md b/example2-archive.md
new file mode 100644
index 0000000..fcc22fb
--- /dev/null
+++ b/example2-archive.md
@@ -0,0 +1,5 @@
+---
+layout: archive
+which_category: example2
+title: All posts of category 'example2'
+---
\ No newline at end of file
diff --git a/index.md b/index.md
index 30e846b..bf0c84b 100644
--- a/index.md
+++ b/index.md
@@ -1,31 +1,3 @@
-## 👋 Hi, I’m Zach Taiji.
-
-Professionally, I'm a graphic designer, web designer, and social listening analyst that works primarily with pharmaceutical companies, medical device manufacturers, and healthcare non-profits. Previously, I spent over a decade living and breathing PR, social media marketing, and digital marketing strategy—serving technology companies of all sizes across the cybersecurity, space, blockchain, artificial intelligence, fintech, and cloud computing verticals.
-
-With the majority of my professional experience spent in fast-paced agency settings—and the occasional freelance/side-project—**the skills I've acquired are almost entirely self-taught**. I also have a strong desire to understand and learn complex systems, processes, and technologies, which I partially attribute to my [neurodivergent brain](https://zachtaiji.com/working-from-home-with-adhd/).
-
-### What I'm Currently Learning (aka Teaching Myself)
-
-- ☕️ **Java** to learn how to make custom Minecraft server mods.
-- 🧊️ **3D modeling** tools like Blender & BlockBench.
-
-### Key Skills
-
-- 🧑🏻💻 **Graphic Design**: Social & digital marketing materials (static & animations), websites, infographics, decks & presentations, print & signage. [View Portfolio](https://docs.zachtaiji.com/portfolio/graphic-design/)
-- 📸 **Photography & Videography**: Real estate, portraits, weddings & events, drone operator. [View Portfolio](https://zachtaiji.com/tag/photography/)
-- 🕵🏻♂️ **Social Listening & Research**: Research & developing complex boolean queries, data mining, data wrangling & preparation, data analysis, visual reporting.
-- ✍️ **PR & Copywriting**: Media outreach, social media content, thought leadership content, blogs.
-
-### Software, Tools, and Technologies I Use
-
-- 🎨 **Static Design**: Figma, Sketch, Photoshop, Lightroom, Illustrator, Adobe Creative Suite.
-- 📹 **Video & Motion**: After Effects, Premiere Pro, Final Cut Pro, Davinci Resolve, Apple Motion.
-- 📊 **Data & BI**: OpenRefine, Orange, Looker Studio, Netbase/Quid, Linkfluence, BrandWatch, Excel, Google Sheets, Tableau.
-- ✍️ **Writing & Editing**: Word, Google Docs, Obsidian (I love writing in Markdown).
-- 🖥 **Presentations & Decks**: PowerPoint, Keynote, Google Slides.
-- 🎯 **Social & Web**: Google Ads, LinkedIn Ads, SEO tools, Buffer, HootSuite, Sprout Social, Google Analytics, SEMRush.
-- 👨🏻💻 **Dev**: Docker, HTML, CSS, JS, PHP, MySQL/PostGres, Nginx/Apache, VSCode, fish/zsh/bash, server administration (I run my own homelab/server in my spare time), Python, WordPress.
-- 📋 **Getting things done**: Notion, Trello, Slack, Asana, Todoist, Airtable, and every PM/collaboration/communication/task management tool imaginable.
-- 🦾 **Other stuff**: 3d printing, woodworking, Fusion360, building custom drones, soldering and basic electrical circuitry and power management.
-
-📫 Contact me: zach@azntaiji.com
+---
+layout: home
+---
\ No newline at end of file
diff --git a/index_a.md b/index_a.md
new file mode 100644
index 0000000..30e846b
--- /dev/null
+++ b/index_a.md
@@ -0,0 +1,31 @@
+## 👋 Hi, I’m Zach Taiji.
+
+Professionally, I'm a graphic designer, web designer, and social listening analyst that works primarily with pharmaceutical companies, medical device manufacturers, and healthcare non-profits. Previously, I spent over a decade living and breathing PR, social media marketing, and digital marketing strategy—serving technology companies of all sizes across the cybersecurity, space, blockchain, artificial intelligence, fintech, and cloud computing verticals.
+
+With the majority of my professional experience spent in fast-paced agency settings—and the occasional freelance/side-project—**the skills I've acquired are almost entirely self-taught**. I also have a strong desire to understand and learn complex systems, processes, and technologies, which I partially attribute to my [neurodivergent brain](https://zachtaiji.com/working-from-home-with-adhd/).
+
+### What I'm Currently Learning (aka Teaching Myself)
+
+- ☕️ **Java** to learn how to make custom Minecraft server mods.
+- 🧊️ **3D modeling** tools like Blender & BlockBench.
+
+### Key Skills
+
+- 🧑🏻💻 **Graphic Design**: Social & digital marketing materials (static & animations), websites, infographics, decks & presentations, print & signage. [View Portfolio](https://docs.zachtaiji.com/portfolio/graphic-design/)
+- 📸 **Photography & Videography**: Real estate, portraits, weddings & events, drone operator. [View Portfolio](https://zachtaiji.com/tag/photography/)
+- 🕵🏻♂️ **Social Listening & Research**: Research & developing complex boolean queries, data mining, data wrangling & preparation, data analysis, visual reporting.
+- ✍️ **PR & Copywriting**: Media outreach, social media content, thought leadership content, blogs.
+
+### Software, Tools, and Technologies I Use
+
+- 🎨 **Static Design**: Figma, Sketch, Photoshop, Lightroom, Illustrator, Adobe Creative Suite.
+- 📹 **Video & Motion**: After Effects, Premiere Pro, Final Cut Pro, Davinci Resolve, Apple Motion.
+- 📊 **Data & BI**: OpenRefine, Orange, Looker Studio, Netbase/Quid, Linkfluence, BrandWatch, Excel, Google Sheets, Tableau.
+- ✍️ **Writing & Editing**: Word, Google Docs, Obsidian (I love writing in Markdown).
+- 🖥 **Presentations & Decks**: PowerPoint, Keynote, Google Slides.
+- 🎯 **Social & Web**: Google Ads, LinkedIn Ads, SEO tools, Buffer, HootSuite, Sprout Social, Google Analytics, SEMRush.
+- 👨🏻💻 **Dev**: Docker, HTML, CSS, JS, PHP, MySQL/PostGres, Nginx/Apache, VSCode, fish/zsh/bash, server administration (I run my own homelab/server in my spare time), Python, WordPress.
+- 📋 **Getting things done**: Notion, Trello, Slack, Asana, Todoist, Airtable, and every PM/collaboration/communication/task management tool imaginable.
+- 🦾 **Other stuff**: 3d printing, woodworking, Fusion360, building custom drones, soldering and basic electrical circuitry and power management.
+
+📫 Contact me: zach@azntaiji.com