skylarkx.uk default.php

index.pug

#title Automatic Imp Maps Downloader (AIMD)

#items
	a.item(href="/config.json" target="_blank")
		.name config
			span.filetype .json
	a.item(href="/config.json" target="_blank")
		.name gameday
			span.filetype .json
	a.item(href="/config.json" target="_blank")
		.name readme
			span.filetype .md
	a.item(href="/config.json" target="_blank")
		.name version

playground.json

{
  "scripts": [],
  "styles": [
    "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css",
    "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Open+Sans&display=swap"
  ]
}

script.js

‎‎​

style.scss

body {
	display: flex;
	flex-direction: column;
	background: #282C34;
	color:white;
	font-family: 'Open Sans', sans-serif;
	#title {
		margin:1rem;
		font-family: 'Fredoka One', cursive;
		font-size: 2rem;
	}
	#items {
		display: grid;
		grid-template-columns: repeat( auto-fill, minmax(16rem, 1fr) );
		grid-gap: 1rem;
		margin:0 1rem 1rem 1rem;
		.item {
			padding:1rem;
			border:.0625rem solid #333842;
			border-radius: 1rem;
			color:inherit;
			text-decoration: none;
			transition:.25s -.1s;
			text-align: center;
			.name {
				font-size: 1.5rem;
				.filetype {
					color:#EC87C0;
				}
			}
			&:hover {
				border-color: #EC87C0;
			}
		}
		.size {
			color:#CCD1D9;
		}
	}
}