Embedded HTML contact form not working correctly

[s3tupw1zard]

Hello,

I'm setting up a blog for some tech stuff and I found online a preset contact form that I embedded into my hexo site.

The problem is that I need to manually reload the contact page with the form in it for correctly rendering the form instead of simply displaying the html without styling.

Does anyone know how i can fix this? I attached some pictures to describe my problem.

Thank you

Manuel

Edit:

P.S. I'm adding here some information about what I've done so far for better understanding.

I added a menu for switching the sites language from english to german and vice versa. My contact page is inside the sources folder under en and de for both languages.
In both folders is a index.html file and inside this file I can set a path where the css exactly is.
But the problem is when I put a contact/ before that path the first loading of the page shows the form the right way but when I reload it the folder contact is included twice and the form is again not displaying properly. But now it's actually the other way around.

Thank you and I appreciate any help.

[s3tupw1zard]

So I looked into the logs. Every time I switch the language I get the folowing output:

GET /de/contact/ 200 7.656 ms - -
GET /de/fonts/icomoon/style.css 404 0.419 ms - 165
GET /de/css/owl.carousel.min.css 404 0.788 ms - 166
GET /de/css/bootstrap.min.css 404 0.889 ms - 163
GET /de/css/style.css 404 1.117 ms - 155

But when I reload the page or click on contact in my upper bar I get the following:

11:26:38.234 DEBUG Rendering HTML page: de/contact/index.html
GET /de/contact/ 200 10.799 ms - -
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\style.styl]
GET /css/style.css 200 158.768 ms - -
GET /de/contact/fonts/icomoon/style.css 200 0.173 ms - -
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\solid.min.css]
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\brands.min.css]
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\regular.min.css]
GET /de/contact/css/owl.carousel.min.css 200 0.117 ms - -
GET /css/solid.min.css 200 12.098 ms - -
GET /css/brands.min.css 200 12.391 ms - -
GET /css/regular.min.css 200 12.004 ms - -
GET /de/contact/css/bootstrap.min.css 200 0.339 ms - -
GET /de/contact/css/style.css 200 0.278 ms - -
GET /de/contact/js/jquery-3.3.1.min.js 200 0.197 ms - -
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\fontawesome.min.css]
GET /de/contact/js/popper.min.js 200 0.442 ms - -
GET /de/contact/js/bootstrap.min.js 200 0.170 ms - -
GET /css/fontawesome.min.css 200 27.286 ms - -
GET /de/contact/js/jquery.validate.min.js 200 0.570 ms - -
GET /de/contact/js/main.js 200 0.126 ms - -
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\css2.css]
GET /css/css2.css 200 38.579 ms - -
INFO  hexo-seo(CSS) cached [themes\redefine\source\css\odometer-theme-minimal.css]
GET /css/odometer-theme-minimal.css 200 25.390 ms - -
GET /js/utils.js 200 17.186 ms - -
GET /js/main.js 200 16.680 ms - -
GET /js/header-shrink.js 200 16.627 ms - -
GET /js/back2top.js 200 11.181 ms - -
GET /js/dark-light-toggle.js 200 9.713 ms - -
GET /js/local-search.js 200 9.826 ms - -
GET /js/code-copy.js 200 7.176 ms - -
GET /js/lazyload.js 200 7.039 ms - -
GET /js/odometer.min.js 200 8.643 ms - -
GET /js/runtime.js 200 8.798 ms - -
GET /js/libs/pjax.min.js 200 6.884 ms - -
GET /de/contact/fonts/icomoon/fonts/icomoon.ttf?10si43 200 0.485 ms - -
GET /images/redefine-logo.svg 200 0.415 ms - -

My question is how can I prevent this from happening? Can I define the full path or something like that somewhere?

Thanks

[s3tupw1zard]

I've already written that in issue #5144 , but I'll also write it again here for reference:

I've got it working.

Instead of e.g. (inside my index.html file that servers my contact form):
<link rel="stylesheet" href="css/owl.carousel.min.css">

I now use a complete path to the css files like so:
<link rel="stylesheet" href="//example.com/en/contact/css/owl.carousel.min.css">

I then simply changed the en to de for inside the index.html for the german variant.
Now it can find the file regardless how often I reenter or reload the page.

Hopefully this helps other people who have similar problems.