Topics

From https://github.com/hughrun/hacker_grid ghost theme

<style>
.tags-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10vw;
    min-height: 80vh;
}
.topic {
    font-family: 'Source Code Pro', monospace;
    flex-grow: 1;
    max-width: 100vw;
    min-width: 10vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: rgba(1, 255, 1, 1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 1px;
}
</style>

<section class="tags-list">
			{{#get "tags" limit="all" include="count.posts" order="name asc"}}
				{{#foreach tags}}
					<div class="topic" style="background-image: url({{img_url feature_image}}) ">
                    <a style="font-size: calc(1em + (0.1 * {{count.posts}}em)" href="/tag/{{slug}}">{{name}}</a>
                    </div>
				{{/foreach}}
			{{/get}}
</section>