diff --git a/themes/doublefourteen/assets/sass/home.sass b/themes/doublefourteen/assets/sass/home.sass
index 5870d8d..c849b0f 100644
--- a/themes/doublefourteen/assets/sass/home.sass
+++ b/themes/doublefourteen/assets/sass/home.sass
@@ -145,7 +145,7 @@ $-term-scanline-height: 5px
   letter-spacing: -.05rem
 
 .flicker::before
-  content: attr(letter)
+  content: attr(data-text)
   position: absolute
   overflow: hidden
   color: $yellow
@@ -160,7 +160,7 @@ $-term-scanline-height: 5px
   animation: glitch 1s linear infinite
 
 .glitch::before, .glitch::after
-  content: attr(text)
+  content: attr(data-text)
   position: absolute
   overflow: hidden
 
diff --git a/themes/doublefourteen/layouts/index.html b/themes/doublefourteen/layouts/index.html
index 492c156..9ab1bf0 100644
--- a/themes/doublefourteen/layouts/index.html
+++ b/themes/doublefourteen/layouts/index.html
@@ -14,7 +14,7 @@
     <div id="banner-burnin" class="banner-burnin"></div>
     <div id="banner-textarea" class="banner-textarea">
       <div class="banner-prompt">
-        <span class="flicker" letter="&gt;&lsqb;">&gt;&lsqb;</span><span class="glitch" text="C">C</span><span class="flicker" letter="&#9211;">&#9211;</span><span class="glitch" text="llEct">llEct</span><span class="flicker" letter="Iv">Iv</span><span class="glitch" text="E">E</span><span class="flicker" letter="&rsqb;:">&rsqb;:</span>
+        <span class="flicker" data-text="&gt;&lsqb;">&gt;&lsqb;</span><span class="glitch" data-text="C">C</span><span class="flicker" data-text="&#9211;">&#9211;</span><span class="glitch" data-text="llEct">llEct</span><span class="flicker" data-text="Iv">Iv</span><span class="glitch" data-text="E">E</span><span class="flicker" data-text="&rsqb;:">&rsqb;:</span>
       </div>
       <div id="banner-msg" class="banner-msg">
         <div id="banner-msg-animate" data-msg='[{"delay": 1000, "text": "Coding··· ⮠"},