From 35e248d8861576b9928d904eb25c5cf1436e6cf2 Mon Sep 17 00:00:00 2001
From: yo momma <shutup@oops.wtf>
Date: Fri, 30 Jan 2026 19:30:37 +0000
Subject: Refactor: shared CSS utilities + fewer inline styles

---
 template/frontpage.st | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

(limited to 'template/frontpage.st')

diff --git a/template/frontpage.st b/template/frontpage.st
index fe48402..bf8ce22 100755
--- a/template/frontpage.st
+++ b/template/frontpage.st
@@ -24,8 +24,8 @@ setTimeout("refreshing()",300000);
       Nick = $if(logged_in)$"$user_nick$"$else$null$endif$;
     </script>
 
-	    <link href="/static/css/front.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css">
-	    <link href="/static/css/frontpage_legacy.css?v=20260129" media="screen, projection" rel="stylesheet" type="text/css">
+	    <link href="/static/css/front.css?v=20260130.2" media="screen, projection" rel="stylesheet" type="text/css">
+	    <link href="/static/css/frontpage_legacy.css?v=20260130" media="screen, projection" rel="stylesheet" type="text/css">
 
     $if(!logged_in)$
     <script type="text/javascript" src="/static/js/popup.js"></script>
@@ -87,7 +87,7 @@ jQuery(window).load(function(){
 	  </a>
         </div>
 <!--
-        <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+	        <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
 -->
 	$else$
 	                   <!--
@@ -100,7 +100,7 @@ jQuery(window).load(function(){
 <a href="$domain$/m/cal"><img src="/static/img/thumbs/calendarbaricon.png"/> Calendar</a> 
     <a href="$domain$/tags" onclick="pageTracker._trackEvent('button', 'banner-search'); return true;"><img src="/static/img/thumbs/searchbaricon.png"/> Tags</a>
 </div>-->
-    <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"id="fblike"></iframe>
+	    <iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fdumpfm%2F240317626149&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" id="fblike"></iframe>
     <!--       <a href="$domain$/register" id="disregister">Register!</a>-->
 	   $endif$     
 
@@ -135,10 +135,10 @@ jQuery(window).load(function(){
     $if(user_nick)$
     <b><a href="$domain$/chat">JOIN CHAT!</a></b>
     <div id="hallnick">
-      <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> 
+      <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> 
     </div>
     $else$
-    <div class="alttxt"style="font-size:18px;text-transform:uppercase;text-align:left">
+    <div class="alttxt">
       dump.fm is an elite real-time image chat community. we host more than 1,500,000 images.  
      
       register  <a href="/register">here.</a> 
@@ -195,7 +195,10 @@ $debug_log()$
 
   
 
-<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-19px;padding:1px;">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:white"></span></span></span> 
+<span id="LB0" class="loading-bar">
+  <span class="loading-bar-label">Loading...</span>
+  <span class="loading-bar-track"><span id="LB1" class="loading-bar-fill"></span></span>
+</span>
 <script type="text/javascript">m00=document.getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100)+'px';if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script> 
   </body>
 </html>
-- 
cgit v1.2.3-70-g09d2