sandboxels/icons/index.html

195 lines
8.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sandboxels Logos</title>
<meta name="description" content="All the logos for the Sandboxels simulator.">
<meta name="keywords" content="falling sand, elements, pixel art, simulator, powder">
<meta name="author" content="R74n">
<meta name="copyright" content="R74n">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all">
<!--Favicons-->
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-touch-icon.png?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png?v=2">
<link rel="manifest" href="manifest.json">
<link rel="mask-icon" href="../icons/safari-pinned-tab.svg?v=2" color="#2167ff">
<link rel="shortcut icon" href="../icons/favicon.ico?v=2">
<meta name="msapplication-TileColor" content="#e6d577">
<meta name="theme-color" content="#000000">
<!--OpenGraph-->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="Sandboxels Changelog">
<meta name="description" content="All the logos for the Sandboxels simulator.">
<meta property="og:url" content="https://sandboxels.r74n.com">
<meta property="og:site_name" content="Sandboxels">
<meta property="og:image" content="https://sandboxels.r74n.com/icons/wallpaper.png">
<meta property="og:image:width" content="1980">
<meta property="og:image:height" content="971">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="A rainforest made in Sandboxels">
<!--Twitter-->
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="All the logos for the Sandboxels simulator.">
<meta name="twitter:title" content="Sandboxels Changelog">
<meta name="twitter:site:id" content="1436857621827530753">
<meta name="twitter:image" content="https://sandboxels.r74n.com/icons/card.png">
<meta name="twitter:image:alt" content="A rainforest made in Sandboxels">
<meta name="twitter:creator:id" content="1436857621827530753">
<link rel="stylesheet" type="text/css" href="../style.css?nocache=3">
<style>
/* on mobile, make h1 fit on one line */
@media only screen and (max-width: 800px) {
h1 {
font-size: 1em;
}
}
#content {
font-family: Arial, Helvetica, sans-serif
}
#content a:hover { filter: unset!important; }
#content a:active { filter: unset!important; }
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
margin-left: 20px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
li.ad::before {
content: "+";
color: #00ff00;
}
li.ch::before {
content: "~";
color: #ffff00;
}
li.rm::before {
content: "-";
color: #ff0000;
}
li.update-section {
font-size: 1.25em;
margin-left: 10px;
}
#intro {
font-family: Arial, Helvetica, sans-serif;
}
</style>
<script>
window.addEventListener("load",function(){
var TagNames = ["img","svg"];
for (var n in TagNames) {
var TagName = TagNames[n]
var TagList = document.getElementsByTagName(TagName);
for (i = 0; i < TagList.length; ++i) {
var Tag = TagList[i];
Tag.setAttribute("title","Sandboxels Logo");
Tag.setAttribute("alt","Sandboxels Logo");
var parent = Tag.parentNode;
var wrapper = document.createElement("a");
var link = Tag.getAttribute("src")
wrapper.setAttribute("href",link);
parent.replaceChild(wrapper, Tag);
wrapper.appendChild(Tag);
}
}
})
</script>
<style>
img, svg, object, iframe, video {height:74px;margin:2px 2px 2px 2px;vertical-align:middle;}
video {height: 148px!important}
object {width:74px}
.graybg, img {background-color:rgb(128, 128, 128); padding:5px}
</style>
</head>
<body>
<h1><a href="https://sandboxels.R74n.com" class="backbutton">&lt;</a> Sandboxels Logos</h1>
</ul>
<div id="intro">
<p>Below are all of the logos that represent Sandboxels.</p>
<p>You may only use these to refer to Sandboxels.</p>
</div>
<div id="content">
<img src="../icons/icon.png"> Original<br>
<img src="../icons/icon-hd.png"> HD Remake<br>
<img src="../icons/wordmark-white.png"> Icon + Wordmark (White, Black Border)<br>
<img src="../icons/wordmark-black.png"> Icon + Wordmark (Black)<br>
<img src="../icons/tall.webp"> Icon + Wordmark (Horizontal)<br>
<img src="../icons/cover.png"> Cover Image<br>
<h2>Sizes</h2>
<img src="../icons/android-chrome-192x192.png"> Android Chrome 192x192<br>
<img src="../icons/android-chrome-384x384.png"> Android Chrome 384x384<br>
<img src="../icons/apple-touch-icon-57x57-precomposed.png"> Apple Touch Icon 57x57 Precomposed<br>
<img src="../icons/apple-touch-icon-57x57.png"> Apple Touch Icon 57x57<br>
<img src="../icons/apple-touch-icon-60x60-precomposed.png"> Apple Touch Icon 60x60 Precomposed<br>
<img src="../icons/apple-touch-icon-60x60.png"> Apple Touch Icon 60x60<br>
<img src="../icons/apple-touch-icon-72x72-precomposed.png"> Apple Touch Icon 72x72 Precomposed<br>
<img src="../icons/apple-touch-icon-72x72.png"> Apple Touch Icon 72x72<br>
<img src="../icons/apple-touch-icon-76x76-precomposed.png"> Apple Touch Icon 76x76 Precomposed<br>
<img src="../icons/apple-touch-icon-76x76.png"> Apple Touch Icon 76x76<br>
<img src="../icons/apple-touch-icon-114x114-precomposed.png"> Apple Touch Icon 114x114 Precomposed<br>
<img src="../icons/apple-touch-icon-114x114.png"> Apple Touch Icon 114x114<br>
<img src="../icons/apple-touch-icon-120x120-precomposed.png"> Apple Touch Icon 120x120 Precomposed<br>
<img src="../icons/apple-touch-icon-120x120.png"> Apple Touch Icon 120x120<br>
<img src="../icons/apple-touch-icon-144x144-precomposed.png"> Apple Touch Icon 144x144 Precomposed<br>
<img src="../icons/apple-touch-icon-144x144.png"> Apple Touch Icon 144x144<br>
<img src="../icons/apple-touch-icon-152x152-precomposed.png"> Apple Touch Icon 152x152 Precomposed<br>
<img src="../icons/apple-touch-icon-152x152.png"> Apple Touch Icon 152x152<br>
<img src="../icons/apple-touch-icon-180x180-precomposed.png"> Apple Touch Icon 180x180 Precomposed<br>
<img src="../icons/apple-touch-icon-180x180.png"> Apple Touch Icon 180x180<br>
<img src="../icons/apple-touch-icon-precomposed.png"> Apple Touch Icon Precomposed<br>
<img src="../icons/apple-touch-icon.png"> Apple Touch Icon<br>
<img src="../icons/favicon-16x16.png"> Favicon 16x16<br>
<img src="../icons/favicon-32x32.png"> Favicon 32x32<br>
<img src="../icons/favicon.ico"> Favicon (.ICO)<br>
<img src="../icons/mstile-150x150.png"> MS Tile 150x150<br>
<img src="../icons/safari-pinned-tab.svg"> Safari Pinned Tab<br>
<img src="../icons/wallpaper.png"> Wallpaper<br>
<img src="../icons/wallpaper.webp"> Wallpaper WebP<br>
<img src="../icons/card.png"> Twitter Card<br>
</div>
<script>
// replaceAll polyfill
if (!String.prototype.replaceAll) {String.prototype.replaceAll = function(str, newStr){if (Object.prototype.toString.call(str).toLowerCase() === '[object regexp]') {return this.replace(str, newStr);}return this.replace(new RegExp(str, 'g'), newStr);};}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-93720349-9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-93720349-9');
</script>
</body>
</html>