Skip to content

Commit 7328cdf

Browse files
johnjoon2004johnjoon2004
committed
Built site for gh-pages
1 parent 9ffa76e commit 7328cdf

24 files changed

+5381
-520
lines changed

‎.nojekyll‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
67d5adcd
1+
9441df62

‎about.html‎

Lines changed: 71 additions & 144 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
88

99

10-
<title>About – johnjoon’s blog</title>
10+
<title>johnjoon2004 – johnjoon’s blog</title>
1111
<style>
1212
code{white-space: pre-wrap;}
1313
span.smallcaps{font-variant: small-caps;}
@@ -24,7 +24,6 @@
2424

2525

2626
<script src="site_libs/quarto-nav/quarto-nav.js"></script>
27-
<script src="site_libs/quarto-nav/headroom.min.js"></script>
2827
<script src="site_libs/clipboard/clipboard.min.js"></script>
2928
<script src="site_libs/quarto-search/autocomplete.umd.js"></script>
3029
<script src="site_libs/quarto-search/fuse.min.js"></script>
@@ -34,12 +33,11 @@
3433
<script src="site_libs/quarto-html/tabsets/tabsets.js" type="module"></script>
3534
<script src="site_libs/quarto-html/popper.min.js"></script>
3635
<script src="site_libs/quarto-html/tippy.umd.min.js"></script>
37-
<script src="site_libs/quarto-html/anchor.min.js"></script>
3836
<link href="site_libs/quarto-html/tippy.css" rel="stylesheet">
3937
<link href="site_libs/quarto-html/quarto-syntax-highlighting-de070a7b0ab54f8780927367ac907214.css" rel="stylesheet" id="quarto-text-highlighting-styles">
4038
<script src="site_libs/bootstrap/bootstrap.min.js"></script>
4139
<link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
42-
<link href="site_libs/bootstrap/bootstrap-bce83624dd429190d13db9bf62533269.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
40+
<link href="site_libs/bootstrap/bootstrap-dfb324f25d9b1687192fa8be62ac8f9c.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
4341
<script id="quarto-search-options" type="application/json">{
4442
"location": "navbar",
4543
"copy-button": false,
@@ -72,173 +70,89 @@
7270
<link rel="stylesheet" href="styles.css">
7371
</head>
7472

75-
<body class="nav-sidebar docked nav-fixed quarto-light">
73+
<body class="nav-fixed quarto-light">
7674

7775
<div id="quarto-search-results"></div>
7876
<header id="quarto-header" class="headroom fixed-top">
7977
<nav class="navbar navbar-expand-lg " data-bs-theme="dark">
8078
<div class="navbar-container container-fluid">
8179
<div class="navbar-brand-container mx-auto">
8280
<a href="./index.html" class="navbar-brand navbar-brand-logo">
83-
<img src="./images/logo-fox-tail-3.png" alt="" class="navbar-logo">
81+
<img src="./images/profile.png" alt="" class="navbar-logo">
8482
</a>
8583
<a class="navbar-brand" href="./index.html">
8684
<span class="navbar-title">johnjoon’s blog</span>
8785
</a>
8886
</div>
89-
<div class="quarto-navbar-tools tools-end">
87+
<div id="quarto-search" class="" title="Search"></div>
88+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" role="menu" aria-expanded="false" aria-label="Toggle navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
89+
<span class="navbar-toggler-icon"></span>
90+
</button>
91+
<div class="collapse navbar-collapse" id="navbarCollapse">
92+
<ul class="navbar-nav navbar-nav-scroll me-auto">
93+
<li class="nav-item">
94+
<a class="nav-link" href="./index.html"> <i class="bi bi-house-door" role="img">
95+
</i>
96+
<span class="menu-text">Home</span></a>
97+
</li>
98+
<li class="nav-item">
99+
<a class="nav-link" href="./blog.html"> <i class="bi bi-book" role="img">
100+
</i>
101+
<span class="menu-text">Blog</span></a>
102+
</li>
103+
<li class="nav-item">
104+
<a class="nav-link" href="./projects.html"> <i class="bi bi-briefcase" role="img">
105+
</i>
106+
<span class="menu-text">Projects</span></a>
107+
</li>
108+
<li class="nav-item">
109+
<a class="nav-link active" href="./about.html" aria-current="page"> <i class="bi bi-file-person" role="img">
110+
</i>
111+
<span class="menu-text">About</span></a>
112+
</li>
113+
</ul>
114+
</div> <!-- /navcollapse -->
115+
<div class="quarto-navbar-tools">
90116
</div>
91-
<div id="quarto-search" class="" title="Search"></div>
92117
</div> <!-- /container-fluid -->
93118
</nav>
94-
<nav class="quarto-secondary-nav">
95-
<div class="container-fluid d-flex">
96-
<button type="button" class="quarto-btn-toggle btn" data-bs-toggle="collapse" role="button" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
97-
<i class="bi bi-layout-text-sidebar-reverse"></i>
98-
</button>
99-
<nav class="quarto-page-breadcrumbs" aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="./about.html">About</a></li></ol></nav>
100-
<a class="flex-grow-1" role="navigation" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item" aria-controls="quarto-sidebar" aria-expanded="false" aria-label="Toggle sidebar navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
101-
</a>
102-
</div>
103-
</nav>
104119
</header>
105120
<!-- content -->
106-
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-article page-navbar">
121+
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-full page-navbar">
107122
<!-- sidebar -->
108-
<nav id="quarto-sidebar" class="sidebar collapse collapse-horizontal quarto-sidebar-collapse-item sidebar-navigation docked overflow-auto">
109-
<div class="sidebar-menu-container">
110-
<ul class="list-unstyled mt-1">
111-
<li class="sidebar-item">
112-
<div class="sidebar-item-container">
113-
<a href="./about.html" class="sidebar-item-text sidebar-link active">
114-
<span class="menu-text">About</span></a>
115-
</div>
116-
</li>
117-
<li class="sidebar-item sidebar-item-section">
118-
<div class="sidebar-item-container">
119-
<a class="sidebar-item-text sidebar-link text-start" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="true">
120-
<span class="menu-text">Posts</span></a>
121-
<a class="sidebar-item-toggle text-start" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-1" role="navigation" aria-expanded="true" aria-label="Toggle section">
122-
<i class="bi bi-chevron-right ms-2"></i>
123-
</a>
124-
</div>
125-
<ul id="quarto-sidebar-section-1" class="collapse list-unstyled sidebar-section depth1 show">
126-
<li class="sidebar-item sidebar-item-section">
127-
<div class="sidebar-item-container">
128-
<a class="sidebar-item-text sidebar-link text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-2" role="navigation" aria-expanded="false">
129-
<span class="menu-text">Mainshow</span></a>
130-
<a class="sidebar-item-toggle text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-2" role="navigation" aria-expanded="false" aria-label="Toggle section">
131-
<i class="bi bi-chevron-right ms-2"></i>
132-
</a>
133-
</div>
134-
<ul id="quarto-sidebar-section-2" class="collapse list-unstyled sidebar-section depth2 ">
135-
<li class="sidebar-item">
136-
<div class="sidebar-item-container">
137-
<a href="./posts/mainshow/poc-sentinel.html" class="sidebar-item-text sidebar-link">
138-
<span class="menu-text">Project Sentinel</span></a>
139-
</div>
140-
</li>
141-
</ul>
142-
</li>
143-
<li class="sidebar-item sidebar-item-section">
144-
<div class="sidebar-item-container">
145-
<a class="sidebar-item-text sidebar-link text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-3" role="navigation" aria-expanded="false">
146-
<span class="menu-text">Sideshow</span></a>
147-
<a class="sidebar-item-toggle text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-3" role="navigation" aria-expanded="false" aria-label="Toggle section">
148-
<i class="bi bi-chevron-right ms-2"></i>
149-
</a>
150-
</div>
151-
<ul id="quarto-sidebar-section-3" class="collapse list-unstyled sidebar-section depth2 ">
152-
<li class="sidebar-item">
153-
<div class="sidebar-item-container">
154-
<a href="./posts/sideshow/experiment-2.html" class="sidebar-item-text sidebar-link">
155-
<span class="menu-text">Experiment 2</span></a>
156-
</div>
157-
</li>
158-
</ul>
159-
</li>
160-
<li class="sidebar-item sidebar-item-section">
161-
<div class="sidebar-item-container">
162-
<a class="sidebar-item-text sidebar-link text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-4" role="navigation" aria-expanded="false">
163-
<span class="menu-text">Talkshow</span></a>
164-
<a class="sidebar-item-toggle text-start collapsed" data-bs-toggle="collapse" data-bs-target="#quarto-sidebar-section-4" role="navigation" aria-expanded="false" aria-label="Toggle section">
165-
<i class="bi bi-chevron-right ms-2"></i>
166-
</a>
167-
</div>
168-
<ul id="quarto-sidebar-section-4" class="collapse list-unstyled sidebar-section depth2 ">
169-
<li class="sidebar-item">
170-
<div class="sidebar-item-container">
171-
<a href="./posts/talkshow/experiment-3.html" class="sidebar-item-text sidebar-link">
172-
<span class="menu-text">Experiment 3</span></a>
173-
</div>
174-
</li>
175-
</ul>
176-
</li>
177-
</ul>
178-
</li>
179-
</ul>
180-
</div>
181-
</nav>
182-
<div id="quarto-sidebar-glass" class="quarto-sidebar-collapse-item" data-bs-toggle="collapse" data-bs-target=".quarto-sidebar-collapse-item"></div>
183123
<!-- margin-sidebar -->
184-
<div id="quarto-margin-sidebar" class="sidebar margin-sidebar">
185-
<nav id="TOC" role="doc-toc" class="toc-active">
186-
<h2 id="toc-title">On this page</h2>
187-
188-
<ul>
189-
<li><a href="#topics" id="toc-topics" class="nav-link active" data-scroll-target="#topics">Topics</a></li>
190-
<li><a href="#contributing" id="toc-contributing" class="nav-link" data-scroll-target="#contributing">Contributing</a></li>
191-
</ul>
192-
</nav>
193-
</div>
124+
194125
<!-- main -->
195-
<main class="content" id="quarto-document-content">
196-
197-
<header id="title-block-header" class="quarto-title-block default">
126+
<div class="quarto-about-jolla column-page">
127+
<img src="images/profile.png" class="about-image
128+
round " style="height: 15em; width: 15em;">
129+
<header id="title-block-header" class="quarto-title-block default">
198130
<div class="quarto-title">
199-
<h1 class="title">About</h1>
131+
<h1 class="title">johnjoon2004</h1>
200132
</div>
201-
202-
203-
204-
<div class="quarto-title-meta">
205-
206-
207-
208-
133+
<div class="quarto-title-meta column-page">
209134
</div>
210-
211-
212-
213-
</header>
214-
215-
216-
<p><img src="images/logo-fox-tail-3.png" class="img-fluid" alt="Profile"> This blog was originally intended to cover some AI-related topics, now tends to focus more on exploring the darker side of human nature.</p>
217-
<section id="topics" class="level1">
218-
<h1>Topics</h1>
219-
<p>The blog deals with topics below:<br>
220-
- <strong>mainshow</strong>: something about AI;<br>
221-
- <strong>sideshow</strong>: something about tech;<br>
222-
- <strong>talkshow</strong>: somtghing about human.</p>
223-
</section>
224-
<section id="contributing" class="level1">
225-
<h1>Contributing</h1>
226-
<p>The low-quality sentences are written by me, and the well-written posts are gracefully given by <a href="https://openai.com/">ChatGPT</a></p>
227-
<p>Powered by <a href="https://pages.github.com/">Github Pages</a> &amp; <a href="https://quarto.org/docs/websites">Quarto</a>.</p>
228-
135+
</header><main class="content column-page" id="quarto-document-content">
136+
<p><strong>Introduction</strong> I’m an unremarkable AI researcher/engineer, full of contradictions — an introvert and an attention-seeker; a perfectionist and a procrastinator; a principled rule-follower who prefers the unconventional; a mix of narcissism and self-criticism — all bundled up in a cloud of uncertainty. Honestly, I don’t even have a clear grasp of myself. But if there’s one thing I can be sure about, it’s that anyone who has ever tried to guess my MBTI has never failed to see that it’s INTJ.</p>
137+
<p><strong>Contributing</strong> The low-quality sentences are written by me, and the well-written posts are gracefully given by <a href="https://openai.com/">ChatGPT</a>.</p>
229138

230-
</section>
231139

232-
<p><span style="color: #888888"> &lt;constraint&gt;make sure the contents above are correct, fluent and doesn’t sound like a nerd.&lt;/constraint&gt; </span></p></main> <!-- /main -->
140+
</main>
141+
<hr class="about-sep">
142+
<div class="about-links">
143+
<a href="https://github.com/johnjoon2004" class="about-link" rel="" target="">
144+
<i class="bi bi-github"></i>
145+
<span class="about-link-text">github</span>
146+
</a>
147+
<a href="https://linkedin.com/in/johnjoon2004" class="about-link" rel="" target="">
148+
<i class="bi bi-linkedin"></i>
149+
<span class="about-link-text">linkedin</span>
150+
</a>
151+
</div>
152+
</div>
153+
<!-- /main -->
233154
<script id="quarto-html-after-body" type="application/javascript">
234155
window.document.addEventListener("DOMContentLoaded", function (event) {
235-
const icon = "";
236-
const anchorJS = new window.AnchorJS();
237-
anchorJS.options = {
238-
placement: 'right',
239-
icon: icon
240-
};
241-
anchorJS.add('.anchored');
242156
const isCodeAnnotation = (el) => {
243157
for (const clz of el.classList) {
244158
if (clz.startsWith('code-annotation-')) {
@@ -630,6 +544,19 @@ <h1>Contributing</h1>
630544
});
631545
</script>
632546
</div> <!-- /content -->
547+
<footer class="footer">
548+
<div class="nav-footer">
549+
<div class="nav-footer-left">
550+
&nbsp;
551+
</div>
552+
<div class="nav-footer-center">
553+
<p><a href="https://johnjoon2004.github.io">johnjoon’s blog</a>© 2025 johnjoon2004 | Powered by <a href="https://quarto.org/">Quarto</a></p>
554+
</div>
555+
<div class="nav-footer-right">
556+
&nbsp;
557+
</div>
558+
</div>
559+
</footer>
633560

634561

635562

0 commit comments

Comments
 (0)