maique.paste.lol / status 1 month ago

Create a new partial. 
Name it layouts/partials/statuslol.html

You should add this to the partial. 

<div class="statuslol">something here?</br>
<script src="https://status.lol/gabz.js?time&link&fluent&pretty"></script>
</div>

Then go into custom.css, and add

.statuslol {
    text-align: center;
	font-size: 90%;
	border-radius: 10px;
	background-color: var(--sublime);
	max-width: 400px;
	margin: 0 auto;
	padding: 10px 50px;
}

Note: I have previously defined the sublime color var, make sure you have too, for both light and dark modes. 

Next go to 
layouts/_default/baseof.html

And add

   {{ partial "statuslol.html" . }}

Where you want it to show. I inserted it right below 

   {{ partial "head.html" . }}


You can change the CSS part to suit your site.