diff --git a/static/style.css.h b/static/style.css.h
index d71e3fb..f5121ef 100644
--- a/static/style.css.h
+++ b/static/style.css.h
@@ -254,11 +254,8 @@ th, td {
 	font-size: 1.5em;
 }
 
-.itime {
+.itime,.tenpo {
 	float: right;
-	border: 1px solid C_DBORDER;
-	background: C_FOOTERBG;
-	color: C_FOOTERFG;
 	width: 128pt;
 	padding: 2px;
 	margin: 4px;
@@ -268,12 +265,25 @@ th, td {
 	font-size: 10pt;
 }
 
-.itime-bar {
+.itime {
+	border: 1px solid C_DBORDER;
+	background: C_FOOTERBG;
+	color: C_FOOTERFG;
+}
+
+.tenpo {
+	display: none;
+	border: 1px solid #9B6E2D;
+	background: #f5ee9b;
+	color: #404a68;
+}
+
+.itime-bar,.tenpo-bar {
 	height: 2px;
 	width: 100%;
 }
 
-.itime-text {
+.itime-text,.tenpo-text {
 	text-align: end;
 }
 
diff --git a/static/tokipona/xstyle.css.h b/static/tokipona/xstyle.css.h
index b855a04..3e75713 100644
--- a/static/tokipona/xstyle.css.h
+++ b/static/tokipona/xstyle.css.h
@@ -3,6 +3,10 @@
   color: #404a68;
 }
 
+.tenpo {
+  display: inline-block;
+}
+
 @media screen {
 
 	.header_image {
diff --git a/tpl/default.tpl b/tpl/default.tpl
index 595b804..36b970f 100644
--- a/tpl/default.tpl
+++ b/tpl/default.tpl
@@ -24,6 +24,9 @@
 	<div class="itime-text">internet time @ <span id="itime-value">???</span></div>
 	<div class="itime-bar"><div id="itime-progress"></div></div>
       </div>
+      <div class="tenpo">
+	<div class="tenpo-text">tenpo ni li "<span id="tenpo-value">???</span>"</div>
+      </div>
       <div class="header_text">
 	<h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
       </div>