diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index a34488e..73e64a4 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -1,7 +1,7 @@
 <noscript>
   <div class="page-shell footer-shell">
     <div class="panel noscript-panel">
-      <h2 id="loading-text" class="warning-text">Enable JavaScript for the full experience.</h2>
+      <h2 id="loading-text" class="warning-text">Please enable JavaScript for the full experience.</h2>
     </div>
   </div>
 </noscript>
diff --git a/src/index.html b/src/index.html
index 8f3ff56..8a3e67d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,6 +1,7 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="no-js">
   <head>
+    <script>document.documentElement.classList.remove('no-js');</script>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta charset="utf-8" />
     <meta
diff --git a/src/styles.scss b/src/styles.scss
index d09ddd2..72ed49d 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -36,6 +36,15 @@ html {
   overflow-x: clip;
 }
 
+html.no-js {
+  #about,
+  #projects,
+  .hero-action-links,
+  .hero-meta {
+    display: none;
+  }
+}
+
 body,
 html {
   min-height: 100%;
