Adding glitch class to h1 to enable glitch CSS effect on test CSS theme

4 files changed, 17 insertions, 8 deletions

diff --git a/templates/generic_page.html b/templates/generic_page.html
index fbac1618..e8362098 100644
--- a/templates/generic_page.html
+++ b/templates/generic_page.html
@@ -12,8 +12,9 @@
 	{{ boardlist.top }}
 	{% if pm %}<div class="top_notice">You have <a href="?/PM/{{ pm.id }}">an unread PM</a>{% if pm.waiting > 0 %}, plus {{ pm.waiting }} more waiting{% endif %}.</div><hr />{% endif %}
 	{% if config.url_banner %}<img class="banner" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
+	<div id="pagewrap">
 	<header>
-		<h1>{{ board.url }} - {{ board.name }}</h1>
+		<h1 class="glitch" data-text="{{ board.url }} - {{ board.name }}">{{ board.url }} - {{ board.name }}</h1>
 		<div class="subtitle">
 			{% if board.title %}
 				{{ board.title|e }}
@@ -47,6 +48,7 @@
 
 		{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
 	</footer>
+	</div>
 	<script type="text/javascript">{% raw %}
 		ready();
 	{% endraw %}</script>
diff --git a/templates/index.html b/templates/index.html
index 0fec3b1b..dda024cf 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,7 +26,7 @@
 	{% if config.url_banner %}<img class="board_image" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
 	<div id="pagewrap">
 	<header>
-		<h1>{{ board.url }} - {{ board.title|e }}</h1>
+		<h1 class="glitch" data-text="{{ board.url }} - {{ board.title|e }}">{{ board.url }} - {{ board.title|e }}</h1>
 		<div class="subtitle">
 			{% if board.subtitle %}
 				{% if config.allow_subtitle_html %}
@@ -35,7 +35,8 @@
 					{{ board.subtitle|e }}
 				{% endif %}
 			{% endif %}
-			{% if mod %}<p><a href="?/">{% trans %}Return to dashboard{% endtrans %}</a></p>{% endif %}
+			{% if mod %}
+			<p><a href="?/">{% trans %}Return to dashboard{% endtrans %}</a></p>{% endif %}
 		</div>
 	</header>
 
@@ -78,6 +79,8 @@
 	{{ config.ad.bottom }}
 
 	<footer>
+		<p>&nbsp;</p>
+		<p>&nbsp;</p>
 		<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="http://tinyboard.org/">Tinyboard</a> + 
 			<a href='https://int.vichan.net/devel/'>vichan</a> + 
 			<a href='https://github.com/lainchan/lainchan'>lainchan</a> {{ config.version }} -
diff --git a/templates/page.html b/templates/page.html
index 6ea6b562..b45d6636 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -15,8 +15,8 @@
 
 	{% if pm %}<div class="top_notice">You have <a href="?/PM/{{ pm.id }}">an unread PM</a>{% if pm.waiting > 0 %}, plus {{ pm.waiting }} more waiting{% endif %}.</div><hr>{% endif %}
 	<div id="pagewrap">
- 	<header>
-		<h1>{{ title }}</h1>
+	<header>
+		<h1 class="glitch" data-text="{{ title }}">{{ title }}</h1>
 		<div class="subtitle">
 			{% if subtitle %}
 				{{ subtitle }}
@@ -35,6 +35,10 @@
 		<br><a href="https://github.com/lainchan/lainchan">lainchan</a> Copyright &copy; 2014-2017 lainchan Administration</p>
 
 	</footer>
+	<div class="pages"></div>
+	<script type="text/javascript">{% raw %}
+		ready();
+	{% endraw %}</script>
 	</div>
 </body>
 </html>
diff --git a/templates/thread.html b/templates/thread.html
index 2d665ede..5613cb47 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -34,7 +34,7 @@
 	{% if config.url_banner %}<img class="board_image" src="{{ config.url_banner }}" {% if config.banner_width or config.banner_height %}style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};{% if config.banner_width %}height:{{ config.banner_height }}px{% endif %}" {% endif %}alt="" />{% endif %}
 	<div id="pagewrap">
 	<header>
-		<h1>{{ board.url }} - {{ board.title|e }}</h1>
+		<h1 class="glitch" data-text="{{ board.url }} - {{ board.title|e }}">{{ board.url }} - {{ board.title|e }}</h1>
 		<div class="subtitle">
 			{% if board.subtitle %}
 				{% if config.allow_subtitle_html %}
@@ -89,7 +89,7 @@
     {{ boardlist.bottom }}
 
 	{{ config.ad.bottom }}
-	<a name="bottom"></a>
+
 	<footer>
 		{% include 'badges.html' %}
 		<p class="unimportant" style="margin-top:20px;text-align:center;">- <a href="http://tinyboard.org/">Tinyboard</a> + 
@@ -100,7 +100,7 @@
 		<br><a href="https://github.com/lainchan/lainchan">lainchan</a> Copyright &copy; 2014-2017 lainchan Administration</p>
 		{% for footer in config.footer %}<p class="unimportant" style="text-align:center;">{{ footer }}</p>{% endfor %}
 	</footer>
-	</div>
+        </div>
 	<div class="bar bottom">
 		<div class="threadlinks">
 			<span class="threadlink">[ <a href="{{ return }}">{% trans %}Return{% endtrans %}</a> /</span>