From 38f8d2117ffed318252e3c12a4c5a0b4a235d6f8 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 21 Feb 2022 22:27:57 -0800
Subject: [PATCH] Simplify main selectors

---
 404.html  | 2 +-
 script.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/404.html b/404.html
index c0423fb..674a627 100644
--- a/404.html
+++ b/404.html
@@ -33,7 +33,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/languages/powershell.min.js"></script>
   <script>
-    const article = document.getElementsByTagName('article')[0];
+    const article = document.querySelector('article');
     article.innerHTML = '<div class="skeleton-line"></div>'.repeat(20);
 
     const mapping = {
diff --git a/script.js b/script.js
index 77135af..d3a0a10 100644
--- a/script.js
+++ b/script.js
@@ -2,7 +2,7 @@ if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js');
 }
 
-const main = document.getElementsByTagName('main')[0];
+const main = document.querySelector('main');
 const halfRemHeight = parseFloat(getComputedStyle(document.documentElement).fontSize) / 2;
 
 /* Generic element builders */
-- 
2.47.3