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 copy.st | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

(limited to 'template/frontpage copy.st')

diff --git a/template/frontpage copy.st b/template/frontpage copy.st
index 038b8ad..641f931 100755
--- a/template/frontpage copy.st	
+++ b/template/frontpage copy.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>
@@ -86,7 +86,7 @@ jQuery(window).load(function(){
 	    <img src="/static/img/thumbs/halloffamebaricon.png"/> Hall of Fame 
 	  </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$
 	                   <!--
 <div id="toplinks">	 
@@ -98,7 +98,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$     
 
@@ -133,15 +133,15 @@ 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. 
      
       registration is currently invite only. 
       view the dump.fm feed in <a href="/fullscreen">fullscreen. :)</a>
-      <br>   <iframe src="$domain$/fullscreen" style="overflow:hidden;width:240px;height:200px;border:0px;"></iframe> 
+      <br>   <iframe src="$domain$/fullscreen" class="fullscreen-thumb"></iframe> 
       <br><br>
       <!-- <strong>
         <a href="$domain$/login" class="signin">sign in</a></strong>or <strong><a href="$domain$/register">register</a>
@@ -172,8 +172,8 @@ $endif$
 <!--<br><br><center>
 <div id="footer">
 @2011 <a href="/">dump.fm</a>
-<a href="$domain$/about_us" style="word-spacing: normal">About Us</a> 
-<a href="$domain$/help" style="word-spacing: normal">Help FAQ</a> 
+<a href="$domain$/about_us">About Us</a> 
+<a href="$domain$/help">Help FAQ</a> 
 <a href="$domain$/terms">Terms</a>
 <a href="$domain$/privacy">Privacy</a>
 </div></center>
@@ -193,7 +193,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