Skip to content

Commit

Permalink
update blog
Browse files Browse the repository at this point in the history
  • Loading branch information
@iwootten
iwootten committed Dec 22, 2023
1 parent 92b2f75 commit 9fef292
Show file tree
Hide file tree
Showing 66 changed files with 2,358 additions and 1,100 deletions.
393 changes: 393 additions & 0 deletions 2023/12/22/publishing-dev-tips-with-next-js-supabase-auth-and-notion/index.html
View file

Large diffs are not rendered by default.

239 changes: 239 additions & 0 deletions 2023/12/index.html
View file

Large diffs are not rendered by default.

37 changes: 37 additions & 0 deletions 2023/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,43 @@ <h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-t
<li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2023/12/22/publishing-dev-tips-with-next-js-supabase-auth-and-notion/">
Publishing Dev Tips with Next.js, Supabase Auth and Notion
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">
Let&#39;s build a webapp for publishing coding tips stored in Notion to a static blog.
</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2023-12-22T08:09:00.000Z">Dec 22, 2023</time> ~
6 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/auth/">auth</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/openid/">openid</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/supabase/">supabase</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/notion/">notion</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
Expand Down
Binary file added assets/login-form.db9639a0.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/login-form.db9639a0_1SvEBj.avif
View file
Binary file not shown.
Binary file added assets/login-form.db9639a0_22ktKt.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/login-form.db9639a0_Z2skEeQ.webp
View file
Binary file not shown.
Binary file added assets/login-form.db9639a0_ZpiSTl.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/notion-integration.e0798262.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/notion-integration.e0798262_6QIJR.webp
View file
Binary file not shown.
Binary file added assets/notion-integration.e0798262_Z1Gizns.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/notion-integration.e0798262_Z1MXrur.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/notion-integration.e0798262_Z1pzztV.webp
View file
Binary file not shown.
Binary file added assets/notion-integration.e0798262_Z1thiIY.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/notion-integration.e0798262_Z28UorH.avif
View file
Binary file not shown.
Binary file added assets/notion-integration.e0798262_ZBt5cT.avif
View file
Binary file not shown.
Binary file added assets/notion-tip-table.061b1ac6.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/opengraph.22e15004.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/page-preview.a0cd988e.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/page-preview.a0cd988e_1CQgj0.webp
View file
Binary file not shown.
Binary file added assets/page-preview.a0cd988e_Tvrle.avif
View file
Binary file not shown.
Binary file added assets/page-preview.a0cd988e_Z1NWkuq.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/page-preview.a0cd988e_ZreXgv.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/request-access.b40bc0dd.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
74 changes: 37 additions & 37 deletions blog/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,43 @@ <h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-t
<li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2023/12/22/publishing-dev-tips-with-next-js-supabase-auth-and-notion/">
Publishing Dev Tips with Next.js, Supabase Auth and Notion
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">
Let&#39;s build a webapp for publishing coding tips stored in Notion to a static blog.
</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2023-12-22T08:09:00.000Z">Dec 22, 2023</time> ~
6 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/auth/">auth</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/openid/">openid</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/supabase/">supabase</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/notion/">notion</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
Expand Down Expand Up @@ -452,43 +489,6 @@ <h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2023/04/06/how-to-create-a-python-virtual-environment-by-hand/">
How to Create a Python Virtual Environment By Hand
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">
Learn how much your favourite venv manager automates away when it creates virtual environments by creating your own by hand.
</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2023-04-06T09:56:39.000Z">Apr 6, 2023</time> ~
4 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/pip/">pip</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/venv/">venv</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/python/">python</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/virtual-environments/">virtual environments</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li>
</ul><div class="container flex">
Expand Down
72 changes: 35 additions & 37 deletions page/10/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,41 @@ <h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-t
<li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2013/01/04/why-i-choose-popular-frameworks/">
Why I Choose Popular Frameworks
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2013-01-04T00:00:00.000Z">Jan 4, 2013</time> ~
2 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/backbone/">backbone</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/js/">js</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/popularity/">popularity</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
Expand Down Expand Up @@ -433,43 +468,6 @@ <h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2012/02/16/wheres-my-full-stack-payment-service/">
Where&#39;s my Full Stack Payment Service?
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2012-02-16T00:00:00.000Z">Feb 16, 2012</time> ~
2 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/go-cardless/">go cardless</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/payments/">payments</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/stripe/">stripe</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/the-little-guy/">the little guy</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li>
</ul><div class="container flex">
Expand Down
76 changes: 37 additions & 39 deletions page/11/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,43 @@ <h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-t
<li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2012/02/16/wheres-my-full-stack-payment-service/">
Where&#39;s my Full Stack Payment Service?
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2012-02-16T00:00:00.000Z">Feb 16, 2012</time> ~
2 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/go-cardless/">go cardless</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/payments/">payments</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/stripe/">stripe</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/the-little-guy/">the little guy</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
Expand Down Expand Up @@ -433,45 +470,6 @@ <h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2011/02/07/blog-rolling-with-couchdb-express-and-node-js/">
Blog rolling with CouchDB, Express and Node.js
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2011-02-07T00:00:00.000Z">Feb 7, 2011</time> ~
6 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/couchdb/">couchdb</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/expressjs/">expressjs</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/mongdb/">mongdb</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/node/">node</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/nodejs/">nodejs</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li>
</ul><div class="container flex">
Expand Down
74 changes: 39 additions & 35 deletions page/12/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,6 +116,45 @@ <h1 class="text-center text-4xl md:text-5xl font-bold leading-tighter tracking-t
<li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2011/02/07/blog-rolling-with-couchdb-express-and-node-js/">
Blog rolling with CouchDB, Express and Node.js
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2011-02-07T00:00:00.000Z">Feb 7, 2011</time> ~
6 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/couchdb/">couchdb</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/expressjs/">expressjs</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/mongdb/">mongdb</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/node/">node</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/nodejs/">nodejs</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
Expand Down Expand Up @@ -435,41 +474,6 @@ <h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
</div>
</footer>
</div>
</article>
</li><li class="mb-10 md:mb-16">
<article class="max-w-md mx-auto md:max-w-none grid gap-6 md:gap-8">

<div>
<header>
<h2 class="text-xl sm:text-2xl font-bold leading-snug mb-2 font-heading">
<a class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200" href="/2009/09/26/aardman/">
Aardman
</a>
</h2>
</header>
<p class="text-md sm:text-lg flex-grow">

</p>
<footer class="mt-4">
<div>
<span class="text-gray-500 dark:text-slate-400">
<time datetime="2009-09-26T00:00:00.000Z">Sep 26, 2009</time> ~
2 min read
</span>
</div>
<div class="mt-4">
<ul class="text-sm">
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/aardman/">aardman</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/animation/">animation</a>
</li><li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2">
<a href="/tags/webdev/">webdev</a>
</li>
</ul>
</div>
</footer>
</div>
</article>
</li>
</ul><div class="container flex">
Expand Down
Loading

0 comments on commit 9fef292

Please sign in to comment.