random vintage tile wallpapers (might remove the blinding ones idk)

2020-05-25 17:11:13 -04:00
parent 2de1c29e0c
commit b07a54e57f
22 changed files with 8 additions and 3 deletions
@@ -20,8 +20,8 @@
 </head>
 <body>
 <canvas id="display"></canvas>
-<a class="github" href="https://github.com/jakejarvis/y2k" title="GitHub Repository" target="_blank" rel="noopener">
-<svg viewBox="0 0 16 16" width="32" height="32"><path fill="#222222" d="M8 0a8 8 0 00-2.5 15.6c.4 0 .5-.2.5-.4v-1.5c-2 .4-2.5-.5-2.7-1 0-.1-.5-.9-.8-1-.3-.2-.7-.6 0-.6.6 0 1 .6 1.2.8.7 1.2 1.9 1 2.4.7 0-.5.2-.9.5-1-1.8-.3-3.7-1-3.7-4 0-.9.3-1.6.8-2.2 0-.2-.3-1 .1-2 0 0 .7-.3 2.2.7a7.4 7.4 0 014 0c1.5-1 2.2-.8 2.2-.8.5 1.1.2 2 .1 2.1.5.6.8 1.3.8 2.2 0 3-1.9 3.7-3.6 4 .3.2.5.7.5 1.4v2.2c0 .2.1.5.5.4A8 8 0 0016 8a8 8 0 00-8-8z"/></svg>
+<a class="github" href="https://github.com/jakejarvis/y2k" title="View on GitHub" target="_blank" rel="noopener">
+<svg viewBox="0 0 16 16" width="32" height="32"><path d="M8 0a8 8 0 00-2.5 15.6c.4 0 .5-.2.5-.4v-1.5c-2 .4-2.5-.5-2.7-1 0-.1-.5-.9-.8-1-.3-.2-.7-.6 0-.6.6 0 1 .6 1.2.8.7 1.2 1.9 1 2.4.7 0-.5.2-.9.5-1-1.8-.3-3.7-1-3.7-4 0-.9.3-1.6.8-2.2 0-.2-.3-1 .1-2 0 0 .7-.3 2.2.7a7.4 7.4 0 014 0c1.5-1 2.2-.8 2.2-.8.5 1.1.2 2 .1 2.1.5.6.8 1.3.8 2.2 0 3-1.9 3.7-3.6 4 .3.2.5.7.5 1.4v2.2c0 .2.1.5.5.4A8 8 0 0016 8a8 8 0 00-8-8z"/></svg>
 </a>
 <script src="app.js"></script>
 <script>
@@ -30,6 +30,8 @@ if (window.WebSocket) {
  var rfb = new RFB({ target: display, encrypt: true });
  rfb.connect("sandbox.y2k.lol", 443);
 }
+var random_tile = Math.floor(Math.random() * 20);
+document.body.style.backgroundImage = 'url("tiles/tile_' + random_tile + '.png")';
 </script>
 <script async defer src="https://scripts.simpleanalyticscdn.com/latest.js" data-skip-dnt="true"></script>
 </body>
@@ -3,6 +3,7 @@ body {
  padding: 0;
  width: 100%;
  height: 100%;
+  background-repeat: repeat;  /* image is set by JS onload */
 }
 canvas {
  display: block;
@@ -21,7 +22,7 @@ canvas {
  -ms-interpolation-mode: nearest-neighbor;
 }
 a.github {
-  position: absolute;
+  position: fixed;
  right: 16px;
  bottom: 16px;
  text-decoration: none;
@@ -29,4 +30,6 @@ a.github {
 a.github, a.github svg {
  width: 32px;
  height: 32px;
+  fill: #101010;
+  fill-opacity: 0.9;
 }