jomalo.paste.lol / status-micro.blog · 1 year ago·

Based on [maique.paste.lol / status](https://maique.paste.lol/status)

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

You should add this to the partial. 

<div class="statuslol"><center>status:log</center></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~~
layouts/partials/profile.html

And add

   {{ partial "statuslol.html" . }}

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

   ~~{{ partial "head.html" . }}~~
      <h4 class="p-role">{{ .Site.Params.description | safeHTML }}</h4>

You can change the CSS part to suit your site. 
a service of omg.lol · info