A mirror of my website's source code.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

Made all pages initially load black

My site is entirely in dark theme, and since browsers often take a couple hundred miliseconds to load CSS, it becomes painfully obvious that the site is not fully loaded. I do not like this look. It flashbangs the user, as some might say.

I do not want visiters to my site to be blinded, so I'm making the page load dark using a style tag at the top of the page. It gets completely overwritten when the actual stylesheet loads in, so it doesn't impact the actual site's usage.

steve0greatness,
created on Wednesday, 22 May 2024, 18:47:59 (1716403679), received on Friday, 24 May 2024, 02:43:51 (1716518631)
Author identity: Steve0Greatness <steve0greatnessiscool@gmail.com>

5ac1e401fb41dc05134d56967bf9445b1361de73

views/_layout.html

@@ -6,6 +6,15 @@

                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <meta charset="UTF-8" />
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <title>{% block title %}{% endblock %} - S0G</title>
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            <style>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                body {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                    background: black;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                    color: white;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                :any-link {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                    color: red;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                                }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            </style>
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <link rel="stylesheet" href="/src/global.css" />
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <meta property="og:locale" content="en_US" />
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                <meta property="og:site_name" content="Steve0Greatness" />