* brands: migrate custom CSS to brands Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix missing default Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix tests Signed-off-by: Jens Langhammer <jens@goauthentik.io> * simpler migration Signed-off-by: Jens Langhammer <jens@goauthentik.io> * add css to brand form Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix Signed-off-by: Jens Langhammer <jens@goauthentik.io> --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io>
		
			
				
	
	
		
			60 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			60 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
 | 
						|
<html lang="en">
 | 
						|
    <head>
 | 
						|
        <meta charset="UTF-8">
 | 
						|
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 | 
						|
        <title>{{.Title}}</title>
 | 
						|
        <link rel="shortcut icon" type="image/png" href="/outpost.goauthentik.io/static/dist/assets/icons/icon.png">
 | 
						|
        <link rel="stylesheet" type="text/css" href="/outpost.goauthentik.io/static/dist/patternfly.min.css">
 | 
						|
        <link rel="stylesheet" type="text/css" href="/outpost.goauthentik.io/static/dist/authentik.css">
 | 
						|
        <link rel="prefetch" href="/outpost.goauthentik.io/static/dist/assets/images/flow_background.jpg" />
 | 
						|
        <style>
 | 
						|
            .pf-c-background-image::before {
 | 
						|
                --ak-flow-background: url("/outpost.goauthentik.io/static/dist/assets/images/flow_background.jpg");
 | 
						|
            }
 | 
						|
            :root {
 | 
						|
                --ak-flow-background: url("/outpost.goauthentik.io/static/dist/assets/images/flow_background.jpg");
 | 
						|
                --pf-c-background-image--BackgroundImage: var(--ak-flow-background);
 | 
						|
                --pf-c-background-image--BackgroundImage-2x: var(--ak-flow-background);
 | 
						|
                --pf-c-background-image--BackgroundImage--sm: var(--ak-flow-background);
 | 
						|
                --pf-c-background-image--BackgroundImage--sm-2x: var(--ak-flow-background);
 | 
						|
                --pf-c-background-image--BackgroundImage--lg: var(--ak-flow-background);
 | 
						|
            }
 | 
						|
        </style>
 | 
						|
    </head>
 | 
						|
    <body>
 | 
						|
        <div class="pf-c-background-image">
 | 
						|
        </div>
 | 
						|
        <div class="pf-c-login stacked">
 | 
						|
            <div class="ak-login-container">
 | 
						|
                <main class="pf-c-login__main">
 | 
						|
                    <div class="pf-c-login__main-header pf-c-brand ak-brand">
 | 
						|
                        <img src="/outpost.goauthentik.io/static/dist/assets/icons/icon_left_brand.svg" alt="authentik Logo" />
 | 
						|
                    </div>
 | 
						|
                    <header class="pf-c-login__main-header">
 | 
						|
                        <h1 class="pf-c-title pf-m-3xl">
 | 
						|
                            {{ .Title }}
 | 
						|
                        </h1>
 | 
						|
                    </header>
 | 
						|
                    <div class="pf-c-login__main-body">
 | 
						|
                        {{ .Message }}
 | 
						|
                    </div>
 | 
						|
                    <div class="pf-c-login__main-body">
 | 
						|
                        <a href="/" class="pf-c-button pf-m-primary pf-m-block">Go to home</a>
 | 
						|
                    </div>
 | 
						|
                </main>
 | 
						|
                <footer class="pf-c-login__footer">
 | 
						|
                    <ul class="pf-c-list pf-m-inline">
 | 
						|
                        <li>
 | 
						|
                            <span>
 | 
						|
                                Powered by authentik
 | 
						|
                            </span>
 | 
						|
                        </li>
 | 
						|
                    </ul>
 | 
						|
                </footer>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
    </body>
 | 
						|
</html>
 |