ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

commit 534d781a1cf8b9df49d4711353ec5092246f52ca
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Sun, 26 Apr 2020 04:39:31 +0700

feature: first dump

Diffstat:
A.gitignore | 4++++
ACC-LICENSE.md | 428+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ALICENSE.md | 8++++++++
AREADME.md | 7+++++++
Aarchetypes/default.md | 6++++++
Aassets/colors.scss | 6++++++
Aassets/content.scss | 35+++++++++++++++++++++++++++++++++++
Aassets/fonts.scss | 42++++++++++++++++++++++++++++++++++++++++++
Aassets/styles.scss | 124+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aconfig.dev.toml | 40++++++++++++++++++++++++++++++++++++++++
Aconfig.toml | 32++++++++++++++++++++++++++++++++
Acontent/_index.md | 16++++++++++++++++
Acontent/cv.md | 25+++++++++++++++++++++++++
Acontent/notes/01 April 2020 - 2.md | 11+++++++++++
Acontent/notes/01 April 2020.md | 11+++++++++++
Acontent/notes/08 April 2020.md | 11+++++++++++
Acontent/notes/09 April 2020.md | 11+++++++++++
Acontent/notes/15 April 2020.md | 11+++++++++++
Acontent/notes/16 April 2020 - 2.md | 11+++++++++++
Acontent/notes/16 April 2020.md | 11+++++++++++
Acontent/notes/17 April 2020.md | 11+++++++++++
Acontent/notes/26 March 2020.md | 11+++++++++++
Acontent/notes/27 March 2020.md | 11+++++++++++
Acontent/notes/31 March 2020.md | 12++++++++++++
Acontent/posts/2020-03-03-trying-bs-json-and-bs-fetch-to-publish-my-gist-as-blog.md | 52++++++++++++++++++++++++++++++++++++++++++++++++++++
Acontent/posts/2020-03-27-in-search-of-good-writing-app.md | 51+++++++++++++++++++++++++++++++++++++++++++++++++++
Acontent/posts/2020-04-01-in-search-of-good-writing-app-part-2.md | 69+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Acontent/posts/2020-04-05-nuphy-nutype-f1-keyboard-review.md | 46++++++++++++++++++++++++++++++++++++++++++++++
Acontent/posts/2020-04-15-migrating-my-blog-to-hugo.md | 47+++++++++++++++++++++++++++++++++++++++++++++++
Acontent/posts/April Links.md | 26++++++++++++++++++++++++++
Acontent/posts/February Links.md | 16++++++++++++++++
Acontent/posts/March Links.md | 21+++++++++++++++++++++
Alayouts/_default/baseof.html | 17+++++++++++++++++
Alayouts/_default/list.html | 12++++++++++++
Alayouts/_default/single.html | 22++++++++++++++++++++++
Alayouts/index.html | 29+++++++++++++++++++++++++++++
Alayouts/index.rss.xml | 40++++++++++++++++++++++++++++++++++++++++
Alayouts/partials/components/headline-hash.html | 1+
Alayouts/partials/components/tagitem.html | 2++
Alayouts/partials/footer/footer.html | 20++++++++++++++++++++
Alayouts/partials/head/head.html | 28++++++++++++++++++++++++++++
Alayouts/partials/header/header.html | 5+++++
Alayouts/partials/header/menu.html | 20++++++++++++++++++++
Astatic/favicon.ico | 0
Astatic/fonts/iAWriterDuospace-Bold.woff | 0
Astatic/fonts/iAWriterDuospace-Regular.woff | 0
Astatic/fonts/iAWriterQuattroS-Bold.woff | 0
Astatic/fonts/iAWriterQuattroS-Regular.woff | 0
Astatic/icons/android-icon-192x192.png | 0
Astatic/icons/apple-icon-180x180.png | 0
Astatic/icons/favicon-16x16.png | 0
Astatic/icons/favicon-32x32.png | 0
Astatic/logo.png | 0

53 files changed, 1419 insertions(+), 0 deletions(-)

diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+resources.nosync/
+public/
+resources/
diff --git a/CC-LICENSE.md b/CC-LICENSE.md
@@ -0,0 +1,427 @@
+Attribution-ShareAlike 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+    wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More considerations
+     for the public:
+    wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution-ShareAlike 4.0 International Public
+License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution-ShareAlike 4.0 International Public License ("Public
+License"). To the extent this Public License may be interpreted as a
+contract, You are granted the Licensed Rights in consideration of Your
+acceptance of these terms and conditions, and the Licensor grants You
+such rights in consideration of benefits the Licensor receives from
+making the Licensed Material available under these terms and
+conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. BY-SA Compatible License means a license listed at
+     creativecommons.org/compatiblelicenses, approved by Creative
+     Commons as essentially the equivalent of this Public License.
+
+  d. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  e. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  f. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  g. License Elements means the license attributes listed in the name
+     of a Creative Commons Public License. The License Elements of this
+     Public License are Attribution and ShareAlike.
+
+  h. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  i. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  j. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  k. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  l. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  m. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part; and
+
+            b. produce, reproduce, and Share Adapted Material.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. Additional offer from the Licensor -- Adapted Material.
+               Every recipient of Adapted Material from You
+               automatically receives an offer from the Licensor to
+               exercise the Licensed Rights in the Adapted Material
+               under the conditions of the Adapter's License You apply.
+
+            c. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+  b. ShareAlike.
+
+     In addition to the conditions in Section 3(a), if You Share
+     Adapted Material You produce, the following conditions also apply.
+
+       1. The Adapter's License You apply must be a Creative Commons
+          license with the same License Elements, this version or
+          later, or a BY-SA Compatible License.
+
+       2. You must include the text of, or the URI or hyperlink to, the
+          Adapter's License You apply. You may satisfy this condition
+          in any reasonable manner based on the medium, means, and
+          context in which You Share Adapted Material.
+
+       3. You may not offer or impose any additional or different terms
+          or conditions on, or apply any Effective Technological
+          Measures to, Adapted Material that restrict exercise of the
+          rights granted under the Adapter's License You apply.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material,
+
+     including for purposes of Section 3(b); and
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+
+=======================================================================
+
+Creative Commons is not a party to its public
+licenses. Notwithstanding, Creative Commons may elect to apply one of
+its public licenses to material it publishes and in those instances
+will be considered the “Licensor.” The text of the Creative Commons
+public licenses is dedicated to the public domain under the CC0 Public
+Domain Dedication. Except for the limited purpose of indicating that
+material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the
+public licenses.
+
+Creative Commons may be contacted at creativecommons.org.+
\ No newline at end of file
diff --git a/LICENSE.md b/LICENSE.md
@@ -0,0 +1,7 @@
+Copyright © 2020 <hi@ybbond.dev>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.+
\ No newline at end of file
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+This is the code and the content of my site,
+
+the main link will be [ybbond.dev](https://ybbond.dev).
+
+The code is licensed under [MIT LICENSE](LICENSE.md).
+The content is [licensed](CC-LICENSE.md) under [CC BY-SA 4.0 license](https://creativecommons.org/licenses/by-sa/4.0/).
+Everything else is copyrighted with © All Rights Reserved.
diff --git a/archetypes/default.md b/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
diff --git a/assets/colors.scss b/assets/colors.scss
@@ -0,0 +1,5 @@
+$color-text: #E3E0D7;
+$color-background: #242424;
+$color-red: #F9690E;
+$color-blue: #8DBFFF;
+$color-green: #79D688;+
\ No newline at end of file
diff --git a/assets/content.scss b/assets/content.scss
@@ -0,0 +1,34 @@
+.content {
+  width: 100%;
+  pre {
+    overflow: auto;
+    padding: 0.5em;
+  }
+  code {
+    padding: 0.1em;
+    font-family: 'iA Writer Duospace', monospace;
+    font-size: 0.9em;
+  }
+  table {
+    display: block;
+    overflow-x: auto;
+    border-collapse: collapse;
+    td, th {
+      border: 1px solid #ddd;
+    }
+    td {
+      padding: 0.5em 1em;
+    }
+    th {
+      padding: 1em 2em;
+      background-color: #333;
+      color: white;
+    }
+    tr:nth-child(even) {
+      background-color: #F1F1F1;
+    }
+    tr:hover {
+      background-color: #ddd;
+    }
+  }
+}+
\ No newline at end of file
diff --git a/assets/fonts.scss b/assets/fonts.scss
@@ -0,0 +1,41 @@
+@font-face {
+    font-family: 'iA Writer Quattro S';
+    src: url('../../fonts/iAWriterQuattroS-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+@font-face {
+    font-family: 'iA Writer Quattro S';
+    src: url('../../fonts/iAWriterQuattroS-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+@font-face {
+    font-family: 'iA Writer Duospace';
+    src: url('../../fonts/iAWriterDuospace-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+@font-face {
+    font-family: 'iA Writer Duospace';
+    src: url('../../fonts/iAWriterDuospace-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+  }+
\ No newline at end of file
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -0,0 +1,124 @@
+@import "colors";
+@import "fonts";
+@import "content";
+
+html {
+  background-color: $color-background;
+  color: $color-text;
+  font-family: 'iA Writer Quattro S', Arial, Helvetica, sans-serif;
+  font-size: 1.1rem;
+  line-height: 1.6;
+}
+
+body {
+  max-width: 700px;
+  margin: 0 auto;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: $color-green;
+  font-family: 'iA Writer Duospace', monospace;
+}
+
+a {
+  color: $color-blue;
+  &:hover {
+    color: $color-red;
+  }
+}
+
+blockquote {
+  margin: inherit auto;
+  margin-left: 0;
+  padding: 0 1em;
+  border-left: 2px solid $color-red;
+  p {
+    font-size: 0.9em;
+  }
+}
+
+time {
+  color: $color-red;
+}
+
+ul {
+  padding: 0;
+  li {
+    position: relative;
+    list-style: none;
+    padding-left: 20px;
+    margin-bottom: 10px;
+    &:before {
+      display: inline-block;
+      content: "- ";
+      position: absolute;
+      width: 20px;
+      color: $color-red;
+      left: 0;
+    }
+  }
+}
+
+.header {
+  margin-top: 1em;
+  &__menu {
+    margin: 0;
+    padding: 0 0 10px;
+    display: flex;
+    overflow: auto;
+    justify-content: flex-start;
+    &__list {
+      & > *:first-child {
+        padding: 0 1.4em 0 0;
+        &:before {
+          content: "";
+        }
+      }
+      & > *:not(:first-child) {
+        padding-left: 0;
+        &:before {
+          padding-right: 1em;
+          content: " :: ";
+          position: relative;
+          color: $color-text;
+        }
+      }
+      padding: 0;
+      display: flex;
+      flex-grow: 1;
+      flex-wrap: nowrap;
+      li {
+        padding: 0 1em;
+        display: inline;
+      }
+    }
+  }
+}
+
+.taglist {
+  margin: 0;
+  padding: 0;
+  li {
+    display: inline;
+  }
+}
+
+.footer {
+  margin-top: 100px;
+  &__nav {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    &__left {
+      text-align: left;
+    }
+    &__right {
+      text-align: right;
+    }
+  }
+  &__copyright {
+    margin-top: 40px;
+    font-size: 0.8em;
+    text-align: center;
+  }
+}
diff --git a/config.dev.toml b/config.dev.toml
@@ -0,0 +1,40 @@
+baseURL = "https://ybbond.dev"
+languageCode = "en-us"
+title = "YBBond"
+
+[params]
+  author = "Yohanes Bandung Bondowoso"
+  description = "Thoughts, ideas and writings of me, Yohanes Bandung. My other site: https://ybbond.dev/"
+  mainSiteURL = "https://ybbond.dev"
+  email = "bandungpenting@gmail.com"
+  twitter = "bandungpenting"
+  github = "ybbond"
+
+[markup.goldmark.renderer]
+    hardWraps = true
+    unsafe = true
+    xhtml = true
+
+[[menu.main]]
+    identifier = "home"
+    name = "Home"
+    url = "/"
+    weight = 8
+[[menu.main]]
+    identifier = "cv"
+    name = "CV"
+    url = "/cv"
+    weight = 9
+[[menu.main]]
+    identifier = "author"
+    name = "My Site"
+    url = "https://ybbond.dev/"
+    weight = 10
+
+[caches.images]
+  dir = "/Users/yohanesbandung/projects/bandung/ybbond-hugo/resources.nosync/_gen"
+  maxAge = -1
+
+[caches.assets]
+  dir = "/Users/yohanesbandung/projects/bandung/ybbond-hugo/resources.nosync/_gen"
+  maxAge = -1
diff --git a/config.toml b/config.toml
@@ -0,0 +1,32 @@
+baseURL = "https://ybbond.dev"
+languageCode = "en-us"
+title = "YBBond"
+
+[params]
+  author = "Yohanes Bandung Bondowoso"
+  description = "Thoughts, ideas and writings of me, Yohanes Bandung. My other site: https://ybbond.dev/"
+  mainSiteURL = "https://ybbond.dev"
+  email = "bandungpenting@gmail.com"
+  twitter = "bandungpenting"
+  github = "ybbond"
+  
+[markup.goldmark.renderer]
+    hardWraps = true
+    unsafe = true
+    xhtml = true
+
+[[menu.main]]
+    identifier = "home"
+    name = "Home"
+    url = "/"
+    weight = 8
+[[menu.main]]
+    identifier = "cv"
+    name = "CV"
+    url = "/cv"
+    weight = 9
+[[menu.main]]
+    identifier = "author"
+    name = "My Site"
+    url = "https://ybbond.dev/"
+    weight = 10
diff --git a/content/_index.md b/content/_index.md
@@ -0,0 +1,16 @@
+---
+menu: home
+---
+Currently work as Frontend Engineer of kumparan.com in Jakarta, Indonesia. Building it with React, React Native for Android and iOS.
+<br />
+
+Eager to learn.
+
+Hardships.
+
+I cannot say that I am humble, but I learn from experience that each individuals, their own excellences.
+
+I try to learn from everyone, and everything.
+<br />
+
+૮ ・ﻌ・ა
diff --git a/content/cv.md b/content/cv.md
@@ -0,0 +1,24 @@
+---
+menu: cv
+description: CV
+---
+## Quests
+
+- <time>2014</time><br>Design Intern @X-Graphic
+- <time>2016 - 2018</time><br>Quality Assurance @Touchten Games
+- <time>2018 - 2019</time><br>Frontend Engineer @Vospay
+- <time>2019 -</time><br>Frontend Engineer @kumparan
+
+## Good to Know
+
+- Studied CS in Binus, never finish
+- Drinks coffee
+- Vim user
+- Loves moshing at indie band gigs
+- from Jakarta, Indonesia
+
+## Find Me
+
+- everywhere: ybbond or bandungpenting
+- bandungpenting@gmail.com
+- Github, Instagram, Twitter+
\ No newline at end of file
diff --git a/content/notes/01 April 2020 - 2.md b/content/notes/01 April 2020 - 2.md
@@ -0,0 +1,10 @@
+---
+title: Bought iA Writer
+date: 2020-04-01T20:14:47
+tags:
+  - Notes #notes
+---
+
+#### 01 April 2020 (2) - Bought iA Writer
+
+This app is limiting in some ways, but nice to have. Main feature is robust, save for iPadOS keyboard shortcut.+
\ No newline at end of file
diff --git a/content/notes/01 April 2020.md b/content/notes/01 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: Idea
+date: 2020-04-01T11:03:28
+tags:
+  - Notes #notes
+---
+
+#### 01 April 2020 - Idea
+
+It'd be nice if there is iOS & iPadOS app to override external keyboard input to emulate Vim keybindings.+
\ No newline at end of file
diff --git a/content/notes/08 April 2020.md b/content/notes/08 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: Mac Shortcut
+date: 2020-04-08T15:27:59
+tags:
+  - Notes #notes
+---
+
+#### 08 April 2020 - Mac Shortcut
+
+`F11` and `CMD+<Assigned Function on top of F3 key>` can be used to show desktop on Mac. Useful if using external keyboard and mouse.+
\ No newline at end of file
diff --git a/content/notes/09 April 2020.md b/content/notes/09 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: ""
+date: 2020-04-09T14:55:27
+tags:
+  - Notes #notes
+---
+
+#### 09 April 2020
+
+iA Writer's _Syntax Highlighting_ turns out slowing my writings and makes them not genuine. Turning it off up until I needed to edit the text.+
\ No newline at end of file
diff --git a/content/notes/15 April 2020.md b/content/notes/15 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: "MicroManagement"
+date: 2020-04-15T10:05:05
+tags:
+  - Notes #notes
+---
+
+#### 15 April 2020
+
+Is telling friend to use shortcut instead of mouse while peer programming considered **Micromanaging**?+
\ No newline at end of file
diff --git a/content/notes/16 April 2020 - 2.md b/content/notes/16 April 2020 - 2.md
@@ -0,0 +1,10 @@
+---
+title: Springcleaned My Gmail
+date: 2020-04-16T18:40:28
+tags:
+  - Notes #notes
+---
+
+#### 16 April 2020 - Springcleaned My Gmail
+
+Took a while. I used Gmail's web interface, no fancy desktop mail app.+
\ No newline at end of file
diff --git a/content/notes/16 April 2020.md b/content/notes/16 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: Timestripe
+date: 2020-04-16T02:39:01
+tags:
+  - Notes #notes
+---
+
+#### 16 April 2020 - Timestripe
+
+I found this beautiful and maybe useful webpage: [Timestripe](https://timestripe.com/).+
\ No newline at end of file
diff --git a/content/notes/17 April 2020.md b/content/notes/17 April 2020.md
@@ -0,0 +1,10 @@
+---
+title: GoodNotes 5 is now Universal Purchase!
+date: 2020-04-17T15:10:53
+tags:
+  - Notes #notes
+---
+
+#### 17 April 2020 - GoodNotes 5 is now Universal Purchase!
+
+Fortunate me, not directly purchase on both platform and just fetch the iOS version instead. The mac app is cool and light.+
\ No newline at end of file
diff --git a/content/notes/26 March 2020.md b/content/notes/26 March 2020.md
@@ -0,0 +1,10 @@
+---
+title: New Keyboard
+date: 2020-03-26T14:00:00
+tags:
+  - Notes #notes
+---
+
+#### 26 March 2020 - New Keyboard
+
+Got my new NuPhy NuType F1 that I've been waiting warily from KickStarter!+
\ No newline at end of file
diff --git a/content/notes/27 March 2020.md b/content/notes/27 March 2020.md
@@ -0,0 +1,10 @@
+---
+title: Subscribed to Bear
+date: 2020-03-27T21:09:03
+tags:
+  - Notes #notes
+---
+
+#### 27 March 2020 - Subscribed to Bear
+
+Tried **Ulysses** and **Bear**, in the end I choose Bear. I like the Headings representation of Ulysses, though.+
\ No newline at end of file
diff --git a/content/notes/31 March 2020.md b/content/notes/31 March 2020.md
@@ -0,0 +1,11 @@
+---
+title: iOS Shortcuts
+date: 2020-03-31T23:42:01
+tags:
+  - Notes #notes
+---
+
+#### 31 March 2020 - iOS Shortcuts
+
+I made this file, and the block content on the main RSS file with **iOS Shortcut**.
+Multiple actions to open _x-callback-url_ is difficult.+
\ No newline at end of file
diff --git a/content/posts/2020-03-03-trying-bs-json-and-bs-fetch-to-publish-my-gist-as-blog.md b/content/posts/2020-03-03-trying-bs-json-and-bs-fetch-to-publish-my-gist-as-blog.md
@@ -0,0 +1,52 @@
+---
+title: Trying bs-json and bs-fetch to Publish My Gist as Blog
+author: Yohanes Bandung Bondowoso
+description: How I spent 4 months to successfully fetch data from GitHub Gist to my blog.
+tags:
+  - Blogs #blogs
+  - Web Development #web_development
+date: 2020-03-03T01:47:12
+---
+
+#### disclaimer: this is not a tutorial
+
+I read an interesting article (from a website that features a great function to see its articles' revisions) about using GitHub Gist as a Blogging CMS. Here is [the post](https://bit.ly/2UForoW).
+
+Back then, my website was written in ReasonReact, and back then, I thought that implementing my own blog by fetching my Gist is a nice way to learn `bs-fetch` and `bs-json`.
+
+> tldr; the result can be seen here [reason.ybbond.dev/blog](https://reason.ybbond.dev/blog)
+## Fun Moment
+Implementing `bs-fetch` was the easier of both, because I follow the example of HackerNews built with ReasonReact.
+
+Implementing `bs-json` was the one that had me stuck for more than 3 months, and made me laugh at myself because the culprit was just an __underscore__ that I used to prevent using ReasonML's reserved keyword.
+
+So, here the story goes...
+
+When I first writing the code for parsing the return JSON value to valid ReasonML record, I was in a bit of a hurry. I wrote the kickstarting code in a cafe while my friend is ordering something. I encountered an error that I fixed easily. What a pity that I forgot what that error was. More of a pity is if I remember I encountered that error, I will not stuck for so long.
+
+GitHub Gist endpoint gives verbose information about the gists, one of them is the type of the file. The return value store the file type as a value with object key `type`. ReasonML doesn't want its record key as string `type`, because it is a reserved keyword. So I made the key as `type_`. Error gone.
+
+Then I stopped writing code for that time, and I forget the progress that I've made.
+
+Not so long, I return to continue the progress. After coding for several LoCs and minutes, I feel happy because the fetch can be done successfully. The weird thing is the JSON cannot be parsed, and there is no error.
+
+I try to log the parsed value part-by-part, try to reread the code up-and-down, but cannot find the culprit of the bug.
+
+After 3 months or so, I tried to rewrite the code, side-by-side. The old code on the left, the new code on the right, and when I reached to the position of `type_` key, I realized that I am a stupid.
+
+Okay, I got bored writing this. Straight to the **conclusion** then!!
+
+## Conclusion
+Debugging code is hard.
+
+If you cannot find the bug in the first hour, try to have a rest for 15 minutes, make coffee! It's called _pomodoro_. It supposed to refresh your mind and allow you to find the bug.
+
+If it doesn't work, try to rewrite the code. Side-by-side.
+
+It's like rereading the code, but with thrice the concentration because you have to read carefully to retype it.
+
+----
+
+I am currently not too good at blogging. Small chance is that in the future, I will edit this article, and maybe you will submit this certain article to HackerNews.
+
+For now, please enjoy my writings :D
diff --git a/content/posts/2020-03-27-in-search-of-good-writing-app.md b/content/posts/2020-03-27-in-search-of-good-writing-app.md
@@ -0,0 +1,51 @@
+---
+title: In Search of Good Writing App - Bear vs Ulysses
+author: Yohanes Bandung Bondowoso
+description: I got my first mechanical bluetooth keyboard. I searched for good writing app.
+tags:
+  - Blogs #blogs
+  - Apps #apps
+  - Apple Apps #apple_apps
+date: 2020-03-27T21:01:33
+---
+
+The fourth day after I started my subscription with the result of this article, I found the best Writing App and I stick with it. You can read it here [In Search of Good Writing App - Part 2, iVim](https://blog.ybbond.dev/posts/2020-04-01-in-search-of-good-writing-app-part-2/)
+
+---
+
+I just got my new NuType F1 keyboard that I have waited for 4 months from [Kickstarter](https://www.kickstarter.com/projects/nuphy/nutype-revolutionizing-the-laptop-typing-experience).
+
+I was quite surprised when the man from DHL courier service called me. I got the delivery tracking code 3 days before, and didn’t expect the keyboard got delivered from Hong Kong to Jakarta, Indonesia in that short time.
+
+After I tried the keyboard on My Office’s MacBook Pro (MBP), and tried connecting it to my iPad mini, I feel the need of a good _writing app_ that syncs between my Apple Devices (screw you Bandung, you despised Apple before you got your first Mac!). Previously, I thought my trusty programming text editor — **NeoVim** in **Kitty**, will suffice the need. I can just make a folder in my iCloud folder that contains all my markdown note files. I also thought that I will not tolerate the lack of modal editing in regular writing app.
+
+With each part NeoVim excels at, it falls short in other. I cannot sync my work easily with it. Even if I can store the blog post files in iCloud directory in the MBP, I must find a good writing app for the iPad.
+
+My eyes locked between two options: **Bear** and **Ulysses**.
+
+## Bear
+I personally find Bear to be a semi WYSIWYG Markdown editor. Bear use real life MarkDown syntax that can be directly copy-pasted to GitHub Gist as my blogging CMS.
+
+Bear uses tags to manage Notes, where each tags represent container, and tags can be nested to represent containers inside container. If that sounds messy for you, try to remember how the tags in website works, and how the nested tags are like the breadcrumbs of website navigation. I will use the writing app for my blog, so the management system of Bear satisfy me enough.
+
+Bear on iPad has a good website _scraping_ & _bookmarking_ system. The Bear share plugin on Safari can append/prepend the link to a dedicated Note, or create new Note with the web’s content scraped.
+
+Bear on iPad doesn’t have search feature inside the Note editor, even though it has system-wide search. Weird.
+
+## Ulysses
+The main catch point that I like from Ulysses is that it shows the heading marks (the _number sign_ “#”) in the left, as how I want my website layout to look like. Unlike Bear, this app won’t enlarge the Headings section, but as I told you, it change the Headings’ color and added marks.
+
+Ulysses also have a great system wide search, it allows you to search words and can be narrowed by keywords (Ulysses’s version of Bear’s tags), even by Markdown formatting! Ulysses provides MacOS’s Spotlight like search.
+
+Ulysses on Mac has focus mode that includes _typewriter mode_. The mode makes the position of cursor location fixed, as if you are typing with a typewriter. It also has 
+
+## Theming
+Both of them has great theming, Ulysses allows you to modify each markup color individually. Bear on Mac has ‘focus mode’ on by default if you omit all the sidebar, while Ulysses allow you to hide the top toolbar to have ‘focus mode’.
+
+Ulysses has line number (or paragraph number, to be exact) to the right of texts, maybe that can be your consideration point. Not for me, though.
+
+## Price
+Ulysses’s subscription fee is more expensive than Bear, at **Rp459000/year** compared to **Rp199000/year**. That’s one consideration point.
+
+## Conclusion
+I am writing this section on Ulysses, but I know that I will stick to Bear. Personally, I find Bear’s interface to be cleaner and more pleasant to type on. I will always liked Ulysses’s displaying marks to the left of Headings, but that slightly major point can be ignored. *sigh*
diff --git a/content/posts/2020-04-01-in-search-of-good-writing-app-part-2.md b/content/posts/2020-04-01-in-search-of-good-writing-app-part-2.md
@@ -0,0 +1,69 @@
+---
+title: In Search of Good Writing App - Part 2, iA Writer vs iVim
+author: Yohanes Bandung Bondowoso
+description: A week with Bear, I tried other writing tool for my iPad.
+tags:
+  - Blogs #blogs
+  - Apps #apps
+  - Apple Apps #apple_apps
+date: 2020-04-01T18:22:31
+image:
+  src: https://cdn.ybbond.dev/pictures/blog/2020-04-01-in-search-of-good-writing-app-part-2/ia-writer-headline.jpg
+---
+
+> “Orang emang gak pernah puas!” - Indonesian colloquial sayings
+>
+> “People are never satisfied” - Paulo Coelho’s almost literal translation
+
+Part 2 of my previous post: [In Search of Good Writing App - Bear vs Ulysses](https://blog.ybbond.dev/posts/2020-03-27-in-search-of-good-writing-app/)
+
+---
+
+In the previous post, I compared [Ulysses](https://ulysses.app/) and [Bear](https://bear.app). I ended up subscribing to Bear. Bear itself is a good writing app, with nice clean interface design, great synchronization between MacOS and iOS (or iPadOS) platform, with a _just right_ MarkDown implementation.
+
+I feel satisfied with my three days of Bear usage. The subscription model does not bother me, but I found several aspect to reconsider:
+
+### Backup
+One thing I like from Ulysses is file versioning similar to MacOS's _Time Machine_. Bear lacks that feature, changes I made will replace the previous version of the file in iCloud. The only way to access file history in Bear is through undo. Yep, plain old undo.
+
+### File Storage
+Bear store my notes in its own enclosed library. I have no option to store my notes in external folder. This issue makes me think about the continuity of this subscription. Other writer also stated [this issue](https://joseperez.fm/2019/goodbye-bear-hello-ia-writer/), and his post gave me the idea to check **iA Writer**.
+
+### Modal Editing
+I came from modal editing world. The lack of **Vim** keybinding annoys me. This aspect is of my very own opinion.
+
+Thus came other candidates
+
+## iA Writer
+
+I installed the trial version on Mac. The main takeaway is iA Writer give the writer full control of its edited file. It uses iCloud to sync between devices. Mac version also has file versioning similar to _Time Machine_. iA Writer also supports opening external folder, enabling me to edit markdown file from my GitHub Gist.
+
+![iA Writer with its unique syntax highlighting](https://cdn.ybbond.dev/pictures/blog/2020-04-01-in-search-of-good-writing-app-part-2/ia-writer-headline.jpg)
+
+The app supports _focus mode_, which consists of _typewriter mode_ similar to Ulysses' and [syntax highlighting](https://ia.net/topics/ia5_writer_features/syntax-highlight) that unique to iA Writer. The latter feature sounds unnecessary to me, because I thought highlighting non-code text will distracts me more than it helps me. I tried writing with _syntax highlighting_ on, and I realized it helps choosing good words and/or 'refactoring' the written text. The app's website has good [blog posts](https://ia.net/writer/support/writing-tips/parts-of-speech) that give tips to write well.
+
+iA Writer also has side-by-side preview feature. Plus point is this app has good shortcut to access its main features.
+
+I consider this app pricey. It uses single payment approach, the Mac version costs Rp450000 while the iOS (iPadOS included) version costs Rp120000. I use the iA Writer trial on Mac for a while, kinda like it, but it reminds me to one 'writing app' that I consider home.
+
+That is Goyo plugin on Vim. Then I searched for Vim in iPadOS. I found it.
+
+## iVim
+
+![Image of the keyboard](https://cdn.ybbond.dev/pictures/blog/2020-04-01-in-search-of-good-writing-app-part-2/ivim.jpg)
+
+I thought Vim app in iOS will be limiting and can only edit the files in the app's bundle file. I found iVim can edit file from other source. It also supports vimrc and plugins too! [This posts](https://www.reddit.com/r/vim/comments/9ki5g8/ivim_ios_howtos/) helps me a lot.
+
+I configured my iVim as a Zen Writing Tool_. I installed `Goyo`, `vim-markdown`, and Tim Pope's essential shortcut plugins that have been accompanying my typing journey for 2 years. The result is satisfying:
+
+I use all of Bear, iA Writer (on Mac) and iVim for a while, eliminated Bear because of its low I mentioned above, and feel that the lack of preview makes iVim lacky. I read from reddit and other "this app vs. that app" posts that iA Writer for iOS is a worth buy. I decided to try purchasing iA Writer for iOS. 
+
+The iOS version of iA Writer has all the great features of its Mac version. It has some quirks though. It  doesn't have built in support to bookmark or scrape website contents (Bear has it), the keyboard shortcut for iPadOS lacks feature to focus on editor. The solution for the first problem is to use Apple's Shortcut. For the second problem, I have to tap the iPad screen each time I opened the menu, inconvenient for keyboard person like me.
+
+## Conclusion
+
+![iA writer for iPadOS, portrait mode](https://cdn.ybbond.dev/pictures/blog/2020-04-01-in-search-of-good-writing-app-part-2/ia-writer-portrait.jpg)
+
+In the end, I prefer iA Writer to iVim and Bear. I like the preview mode, I like the syntax highlighting, I like when I succeed scripting the shortcut to bookmark or scrape website.
+
+I don't like the lack of good keyboard shortcut and no modal editing, but the good side overcome the bad side easily.
diff --git a/content/posts/2020-04-05-nuphy-nutype-f1-keyboard-review.md b/content/posts/2020-04-05-nuphy-nutype-f1-keyboard-review.md
@@ -0,0 +1,45 @@
+---
+title: NuPhy NuType F1 Keyboard Review
+author: Yohanes Bandung Bondowoso
+tags:
+  - review #review
+date: 2020-04-05T18:23:12
+---
+
+I backed a project in [Kickstarter](https://www.kickstarter.com/projects/nuphy/nutype-revolutionizing-the-laptop-typing-experience) in January 2020. The project planned to create Bluetooth Mechanical keyboard that can be placed on top of Macbook's keyboard. I backed as an **Early Bird** backer, it costs me $89 and _Jenius_ charged me Rp980263. The waiting was interesting and then became worrying when the Covid-19 outbreak happened. I received the keyboard in late March, the DHL guy delivered it to my house and my father sprayed the package with disinfectant immediately.
+ 
+I enjoyed and genuinely happy that I have my first bluetooth mechanical keyboard. If you read my [previous](https://ybbond.dev/blog/in-search-of-good-writing-app) blog [posts](https://ybbond.dev/blog/in-search-of-good-writing-app), you'd know that I have utilized this keyboard to write blog posts and journal on my iPad.
+
+## Aesthetic and Build
+
+My first Mechanical Keyboard is Ducky One Mini 60%, a gift from my colleagues when I resigned from that office. They know that I never use arrow button, and rarely use mouse. The Ducky is compact enough and bringing it in my commuting from and to office is not a burden. The NuType F1 is even more compact, considering it has physical arrow keys.
+
+I haven't tested bringing it with me anywhere as this is a "Stay At Home" era. Nevertheless, I often bring it with my iPad to any part of my house with no hassle.
+
+Included with the package is the keyboard case, that magnetically sticks to its bottom and the flap folds to cover the entire large side of the keyboard. The foldable flaps can also be shaped as my iPad's stand. I like the case very much, the material feels like _alcantara_ and it looks premium.
+
+The finish of the keyboard is not as good as the case though. The black color feels plastic-y, and the orange color in the bottom does not satisfy my flavor.
+
+The build quality of the keyboard is good as if it can endure a small drop. It weights just right, and it has part of rubber to make it sticks to the glass table of my house's pantry.
+
+The keyboard provides more than 5 RGB backlight variations. I am to lazy to count the exact number. My favorite is the ripple effect. I always choose ripple effect for all my keyboard that supports backlighting.
+
+## Functionality
+
+NuType F1 supports 3 separate bluetooth connections, I tested switching between MacBook, iPad and Phone with very little delay.
+
+Speaking of delay, it is a bit hit and miss. Most of the time, and in most of the part of my house, the bluetooth connection is good and I don't experience any typing delay. Sometimes, I experience a frustrating delay. I don't know if it is when I open a heavy programming app and my laptop has difficulties keeping the bluetooth connection stable. The bluetooth connection also showing problems in one part of my house that the wall is made from steel. That so, I don't know whether it is the device or the keyboard. I have no other bluetooth connected device to test, save for PS4 DualShock 4 controller and a Logitech bluetooth mouse with dongle.
+
+## White Switch
+
+**NuType F1** uses Kaihua Choc switches, and I ordered the white switch, because they claimed it is the most noisy. I like noisy keyboards, the people around me don't.
+
+Typing on this keyboard is overall convenient. If I can compare, trying NuType F1 after Ducky One Mini feels like trying MacBook's butterfly keyboard after the scissor switch. The switches are short in travel, but it feels tactile. The key has flat surface, and sliding my fingers on top of them feels smooth.
+
+Unfortunately this keyboard only use one switch for its space bar. Sometimes I fail to press the `Space` key if I press it at the left or right edge.
+
+I also complains about the upper-left most key, that is the `Esc` key. The **NuPhy** team made the decision to make the escape as the main key, and you need to press `Fn` with `Esc` to trigger back tick, or `Fn` with `Shift` and `Esc` to trigger tilde `~`. I hardly press escape key. As a JavaScript developer, I press back tick more often for `string literal`. I also need back tick to make `code` text formatting when I write MarkDown or in Slack.
+
+## Overall
+
+This keyboard helped me boost my productivity in two areas. I am able to write on iPad. I can also also type faster on MacBook Pro, which butterfly keys had shown its infamous issue since 3 months ago. I can say that this _kickstarter_ keyboard helps to _kickstart_ my productivity. See what I did there? Kickstart?+
\ No newline at end of file
diff --git a/content/posts/2020-04-15-migrating-my-blog-to-hugo.md b/content/posts/2020-04-15-migrating-my-blog-to-hugo.md
@@ -0,0 +1,46 @@
+---
+title: Migrating My Blog to Hugo
+author: Yohanes Bandung Bondowoso
+description: I originally planned to make my own MarkDown parser and use gist as my blog CMS. After researched a bit between static site generator, I choose Hugo.
+tags:
+  - Blogs #blogs
+  - Web Development #web_development
+date: 2020-04-15T01:59:34
+---
+
+In the start of 2020, I planned to expand my [personal page](https://ybbond.dev/) to not only contain my "CV", but also use it as my blog. That webpage is created with ReactJS, and my original idea was to make a new page that fetch data from GitHub Gist, then parse the MarkDown file to HTML file[^1]. I also planned (and I will not drop this one, for the sake of learning) to make that webpage server rendered.
+
+[^1]: The more original idea was to create this with ReasonReact, as written in my other [post](https://blog.ybbond.dev/posts/2020-03-03-trying-bs-json-and-bs-fetch-to-publish-my-gist-as-blog).
+
+After 20% progress of making MarkDown to HTML parser, I got tired. Instead of reinventing the wheel, I thought that my time can be used to write my blog. So I researched for a static site generator. My primary writing tool, iA Writer boasts that it supports **Ghost**, **Wordpress** and **Medium**. I omitted Medium because I want to self-host the site. I omitted Wordpress too, because I am not too good at PHP Language. Then I try searching for Ghost, and it doesn't get my interest at all.
+
+Other options I found was **Jekyll**, **Hugo**, **nanoc** and **Gatsby**. I tried Gatsby for work and side projects, and the two others just doesn't fit my needs.
+
+One of the thing I like is that it parse MarkDown automatically. It supports the flavor of MarkDown that parses footnotes[^2], and its native support for tables
+
+[^2]: Like the one you probably noticed already. This is one.
+
+This | is
+-----|------
+  an | example
+  of | table.
+
+I can also insert code snippets! Yeay!
+
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>Example HTML5 Document</title>
+    </head>
+    <body>
+        <p>Test</p>
+    </body>
+</html>
+```
+
+I am genuinely happy for using Hugo. I might keep using this for a while, before I'll have an itch to try other static site  generators 😄
+
+Cheers!+
\ No newline at end of file
diff --git a/content/posts/April Links.md b/content/posts/April Links.md
@@ -0,0 +1,26 @@
+---
+title: Interesting Links I Found on April, 2020
+author: Yohanes Bandung Bondowoso
+tags:
+  - Bookmarks #bookmarks
+date: 2020-05-01T00:00:01
+draft: true
+---
+
+An interesting [posts](https://yihui.org/en/2018/02/career-crisis/) by Yihui Xie, maintainer of TinyTex, and its [follow-up](https://yihui.org/en/2018/02/procrastination-techniques/) that leads me to this naughty website:
+
+🐒 [Corrupt a file - Corrupt file online, deliver on time!](https://corrupt-a-file.net/)
+
+## Tech
+
+👠 [vime/README.md at master · vime-js/vime · GitHub](https://github.com/vime-js/vime/blob/master/README.md)
+
+🛂 [Password Strengh - xkcd #936](https://xkcd.com/936/)
+
+## Blog
+
+📰 [Ask HackerNews: What is your blog](https://news.ycombinator.com/item?id=22800136)
+
+🧮 [Analyzing HN Reader's Personal Blogs Part 1 - Danny Salzman, by Danny Salzman](https://www.dannysalzman.com/2020/04/08/analyzing-hn-readers-personal-blogs)
+
+🌑 [RIP John Conway - XKCD](https://xkcd.com/2293/)
diff --git a/content/posts/February Links.md b/content/posts/February Links.md
@@ -0,0 +1,16 @@
+---
+title: Interesting Links I Found on February, 2020
+author: Yohanes Bandung Bondowoso
+tags:
+  - Bookmarks #bookmarks
+date: 2020-03-01T00:00:01
+---
+
+## Tech
+
+🗣 [No, disabling a button is not app logic. - David K. 🎹](https://dev.to/davidkpiano/no-disabling-a-button-is-not-app-logic-598i)
+
+## Knowledge
+
+👃 [From Bats to Human Lungs, the Evolution of a Coronavirus - Carolyn Kormann](https://www.newyorker.com/science/elements/from-bats-to-human-lungs-the-evolution-of-a-coronavirus)
+
diff --git a/content/posts/March Links.md b/content/posts/March Links.md
@@ -0,0 +1,21 @@
+---
+title: Interesting Links I Found on March, 2020
+author: Yohanes Bandung Bondowoso
+tags:
+  - Bookmarks #bookmarks
+date: 2020-04-01T00:00:01
+---
+
+## Tech
+
+📓 [A Type of Programming WIP Book about Haskell](https://atypeofprogramming.com/)
+
+🤪 [Vim Doc’s Joke - UserGettingBored](http://vimdoc.sourceforge.net/htmldoc/autocmd.html#UserGettingBored)
+
+🆅 [iVim setup](https://www.reddit.com/r/vim/comments/9ki5g8/ivim_ios_howtos/)
+
+## Knowledge
+
+🗣 [Using Parts of Speech to Improve Your Writing Style - William Strunk Jr.](https://ia.net/writer/support/writing-tips/parts-of-speech)
+
+🧠 [Book Review: Don't Make Me Think! - Desi](https://dev.to/desi/book-review-don-t-make-me-think-329k)
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html ⚡ lang="{{ .Site.LanguageCode | default "en-us" }}">
+  <head>
+    {{ partial "head/head.html" . }}
+  </head>
+  <body>
+    <header class="header">
+      {{ partial "header/header.html" . }}
+    </header>
+    <main class="main">
+      {{ block "main" . }}{{ end }}
+    </main>
+    <footer class="footer">
+      {{ partial "footer/footer.html" . }}
+    </footer>
+  </body>
+</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -0,0 +1,11 @@
+{{ define "main" }}
+  {{ if or .Title .Content }}
+    <div>
+      {{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+      {{ with .Content }}<div>{{ . }}</div>{{ end }}
+    </div>
+  {{ end }}
+
+  {{ range .Paginator.Pages }}
+  {{ end }}
+{{ end }}+
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+  <article class="content">
+    <h1>{{ .Title }}</h1>
+    {{ partial "components/headline-hash.html" .Content }}
+    {{ $date := .Date.Format "02 January 2006" }}
+    {{ with .Params.tags }}
+      <br>
+      <br>
+      <p>Published on <time>{{ $date }}</time>, for story like this:</p>
+      <div>
+        <ul class="taglist">
+          {{ range . }}
+          <li>
+            {{- partial "components/tagitem.html" . -}}
+          </li>
+          {{ end }}
+        </ul>
+      </div>
+    {{ end }}
+  </article>
+{{ end }}+
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
@@ -0,0 +1,29 @@
+{{ define "main" }}
+
+<article>
+  {{ .Content }}
+
+  <hr>
+
+  <h2>Blog</h2>
+  {{ range first 5 (where .Site.RegularPages "Type" "posts") }}
+    <p>
+      <time>{{ .Date.Format "02 Jan 2006" }}</time> - 
+      <span>{{ .Title }} <a href={{ .Permalink }}>>></a></span>
+    </p>
+  {{ end }}
+  {{ $postURL := "/posts" | absURL }}
+  <p>More Blogs <a href={{ $postURL }}>>></a></p>
+
+  <hr>
+
+  <h2>Notes:</h2>
+  {{ range first 5 (where .Site.RegularPages "Type" "notes") }}
+    <p>{{ .Content }}</p>
+  {{ end }}
+  {{ $notesURL := "/notes" | absURL }}
+  <p>More Notes <a href={{ $notesURL }}>>></a></p>
+
+</article>
+
+{{ end }}
diff --git a/layouts/index.rss.xml b/layouts/index.rss.xml
@@ -0,0 +1,39 @@
+{{- $pctx := . -}}
+{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
+{{- $pages := slice -}}
+{{- if or $.IsHome $.IsSection -}}
+{{- $pages = $pctx.RegularPages -}}
+{{- else -}}
+{{- $pages = $pctx.Pages -}}
+{{- end -}}
+{{- $limit := .Site.Config.Services.RSS.Limit -}}
+{{- if ge $limit 1 -}}
+{{- $pages = $pages | first $limit -}}
+{{- end -}}
+{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
+    <link>{{ .Permalink }}</link>
+    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
+    <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
+    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
+    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{ with .OutputFormats.Get "RSS" }}
+  {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+    {{ end }}
+    {{ range $pages }}
+    <item>
+      <title>{{ .Title }}</title>
+      <link>{{ .Permalink }}</link>
+      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+      {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
+      <guid>{{ .Permalink }}</guid>
+      <description>{{ .Content | html }}</description>
+    </item>
+    {{ end }}
+  </channel>
+</rss>+
\ No newline at end of file
diff --git a/layouts/partials/components/headline-hash.html b/layouts/partials/components/headline-hash.html
@@ -0,0 +1 @@
+{{ . | replaceRE "(<h[1-9] id=\"([^\"]+)\".+)(</h[1-9]+>)" "${1} <a class=\"headline-hash\" href=\"#${2}\">#</a> ${3}" | safeHTML }}
diff --git a/layouts/partials/components/tagitem.html b/layouts/partials/components/tagitem.html
@@ -0,0 +1 @@
+<a class="tagitem" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">#{{ . }}</a>+
\ No newline at end of file
diff --git a/layouts/partials/footer/footer.html b/layouts/partials/footer/footer.html
@@ -0,0 +1,19 @@
+{{ $url := "/index.xml" | absURL }}
+<div class="footer__nav">
+  <p class="footer__nav__left">
+    <a href={{ .Site.BaseURL }}> << Back to Home</a>
+  </p>
+  <p class="footer__nav__right">
+		<a href="https://github.com/{{ .Site.Params.Github }}">GitHub</a>
+		<a href="https://twitter.com/{{ .Site.Params.Twitter }}">Twitter</a>
+		<a href={{ "index.xml" | absURL }}>RSS</a>
+  </p>
+</div>
+<p class="footer__copyright">
+  &copy;{{ now.Year }} {{ .Site.Params.Author }}
+  {{ with .Site.BaseURL }} -
+    <a href="{{ . }}">
+      {{ . | replaceRE "^https?://([^/]+).*" "$1" }}
+    </a>
+  {{ end }}
+</p>+
\ No newline at end of file
diff --git a/layouts/partials/head/head.html b/layouts/partials/head/head.html
@@ -0,0 +1,28 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+<link rel="dns-prefetch" href="//cdn.ybbond.dev">
+
+<link data-hint="Site" title="Site" href="https://ybbond.dev/" rel="me">
+<link data-hint="Twitter" title="Twitter" href="https://twitter.com/bandungpenting" rel="me">
+<link data-hint="GitHub" title="GitHub" href="https://github.com/ybbond" rel="me">
+
+<title>Blog :: {{ .Site.Params.Author }}</title>
+
+<meta
+  name="description"
+  content="{{if .IsHome}}{{ .Site.Params.Description }}{{ else if .Params.description }}{{ .Params.description }}{{else}}{{ .Summary }} →{{end}}"
+/>
+{{ with .Site.Params.Author }}
+  <meta name="author" content="{{ . }}">
+{{ end }}
+
+<style amp-custom>
+  {{ with resources.Get "styles.scss" | resources.ToCSS | resources.Minify }}
+      {{ .Content | safeCSS }}
+  {{ end }}
+</style>
+
+<link rel="canonical" href="{{ .Permalink }}" >
+<link rel="sitemap" href="{{ "sitemap.xml" | absURL }}" type="application/xml" />
diff --git a/layouts/partials/header/header.html b/layouts/partials/header/header.html
@@ -0,0 +1,4 @@
+<h1 class="header__title">Yohanes Bandung Bondowoso</h1>
+<nav class="header__menu">
+  {{ partial "header/menu.html" . }}
+</nav>+
\ No newline at end of file
diff --git a/layouts/partials/header/menu.html b/layouts/partials/header/menu.html
@@ -0,0 +1,19 @@
+<ul class="header__menu__list">
+  {{ $baseURL := .Site.BaseURL }}
+  {{ range .Site.Menus.main }}
+    {{ $url := trim .URL "/" | absURL }}
+    <li>
+      <a
+        href={{ $url }}
+        {{ with .Page }}
+          data-rel="prefetch"
+        {{ else }}
+          target="_blank"
+          rel="nofollow noopener noreferrer"
+        {{ end }}
+      >
+        {{ .Pre }}<span>{{ .Name }}</span>
+      </a>
+    </li>
+  {{ end }}
+</ul>+
\ No newline at end of file
diff --git a/static/favicon.ico b/static/favicon.ico
Binary files differ.
diff --git a/static/fonts/iAWriterDuospace-Bold.woff b/static/fonts/iAWriterDuospace-Bold.woff
Binary files differ.
diff --git a/static/fonts/iAWriterDuospace-Regular.woff b/static/fonts/iAWriterDuospace-Regular.woff
Binary files differ.
diff --git a/static/fonts/iAWriterQuattroS-Bold.woff b/static/fonts/iAWriterQuattroS-Bold.woff
Binary files differ.
diff --git a/static/fonts/iAWriterQuattroS-Regular.woff b/static/fonts/iAWriterQuattroS-Regular.woff
Binary files differ.
diff --git a/static/icons/android-icon-192x192.png b/static/icons/android-icon-192x192.png
Binary files differ.
diff --git a/static/icons/apple-icon-180x180.png b/static/icons/apple-icon-180x180.png
Binary files differ.
diff --git a/static/icons/favicon-16x16.png b/static/icons/favicon-16x16.png
Binary files differ.
diff --git a/static/icons/favicon-32x32.png b/static/icons/favicon-32x32.png
Binary files differ.
diff --git a/static/logo.png b/static/logo.png
Binary files differ.