Captive portal with external code?

DominikHoffmann

I had a web designer develop some html code for my client’s captive portal. The purpose was to capture the client’s branding and make the page appealing. However, it does not work. I has lines like this

    <link href="https://cdn.prod.website-files.com/6578b009abb7093b83be8fac/css/***************.shared.01cf775ef.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>

in it.

My thought is that this won’t work because the browser is not yet cleared to load those resources. Any style sheet would have to be explicitly copied into the code for the captive portal.

Am I correct?

Gertjan

@DominikHoffmann said in Captive portal with external code?:

Am I correct?

You can upload the files you need, like css file with the portal's file manager.
From then on, you can use these files in your 'main' portal login html file, error file etc.

DominikHoffmann

@Gertjan: My client has an ongoing relationship with a web development and graphic design firm. They programmed the image into the html code directly, by encoding it as base64. Makes it especially easy to handle in pfSense. They also skipped the fancy Google Analytics (?), fonts and external style sheet. It works really well now.