games/neoboxels
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add polish to the game

Browse source 
I added polish to the game. Hooray.
This commit is contained in:
zeno 2024-02-28 11:59:54 -05:00
parent 6bbfbd60d0
commit e4584d0669
18 changed files with 651 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

259
css/core.css
View file

@ -1,10 +1,13 @@
@import url("./fonts.css");
body {
font-family: monospace;
font-family: "Ubuntu Mono";
padding: 10px;
margin: 0;
background: rgb(21, 21, 22);
color: white;
text-align: center;
user-select: none;
}
#no-overflow {
@ -16,6 +19,7 @@ canvas {
display: block;
background: rgb(181, 204, 253);
image-rendering: pixelated;
border-radius: 10px;
}
#main2 {
@ -27,7 +31,7 @@ canvas {
}
button, a, textarea {
padding: 5px;
padding: 5px 10px;
border: none;
margin: 6px 3px 0px 3px;
@ -36,9 +40,254 @@ button, a, textarea {
background: rgb(44, 142, 255);
color: white;
font-family: monospace;
font-family: inherit;
border-radius: 6px;
font-size: 17px;
cursor: pointer;
}
section:target button, .menu2 button, a, textarea {
section.selected-group button, .menu2 button, a, textarea {
display: inline-block;
}
}
div#header-title {
font-size: 23px;
}
#header-links a {
margin-top: 0;
background: none;
}
#header {
padding: 0 8px;
margin-bottom: 32px;
}
#header {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
font-size: 16px;
}
.menu, .menu2, .buttons > .selected-group {
position: relative;
left: 50%;
transform: translateX(-50%);
width: var(--canvasWidth);
display: flex;
justify-content: space-evenly;
}
.buttons {
background: #7b7b7b;
border-radius: 0 0 5px 5px;
overflow-y: auto;
}
.buttons > .selected-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
height: 100px;
padding: 10px;
overflow-y: auto;
}
.menu a,
.menu2 a {
width: 100%;
text-decoration: none;
}
.buttons button {
width: calc(25% - 6px);
}
.tab-bar > * {
background: #616161;
margin: 0;
margin-top: 8px;
border-radius: 10px 10px 0 0;
padding: 8px 10px;
width: 100%;
cursor: pointer;
}
.tab-bar > .selected-group {
background: #7b7b7b;
}
#game {
position: relative;
left: 50vw;
transform: translateX(-50%);
}
.info {
height: 20px;
display: block;
}
/* Mod Loader */
#mod-loader-modal {
position: fixed;
left: 0;
top: 0;
background: #000a;
width: 100vw;
height: 100vh;
z-index: 100;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
#mod-loader-modal-box {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(800px, 75vw);
background: #7b7b7b;
border-radius: 10px;
font-size: 0;
transition: transform 0.25s ease-in-out;
overflow: hidden;
}
#mod-loader-modal:not(.opened) {
opacity: 0;
pointer-events: none;
}
#mod-loader-modal:not(.opened) #mod-loader-modal-box {
transform: translate(-50%, -50%) scaleY(0);
}
#mod-loader-modal-header {
display: flex;
justify-content: space-between;
padding: 10px;
height: 28px;
align-items: center;
position: relative;
background: #3b3b3b;
}
.tab-bar {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 100%;
}
#mod-loader-modal-title {
flex: none;
}
#mod-loader-modal-close-button {
background: gray;
padding: 6px;
border-radius: 7px;
cursor: pointer;
}
.mod-loader-tab-content:not(.selected-group) {
display: none;
}
#mod-form {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
#mod-loader-modal-content {
height: min(500px, 75vh);
overflow-y: auto;
}
#mod-loader-modal-box > * > * {
font-size: 16px;
}
#mod-loader-modal-tabs {
/* margin: 0 29px; */
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60%;
}
/* Mods */
.mods-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
flex-direction: row;
}
.mod {
display: inline-flex;
--margin: 10px;
width: calc(50% - (var(--margin) * 2));
height: 96px;
box-sizing: border-box;
border: 5px solid darkgray;
background: lightgray;
color: #555;
padding: 8px;
margin: 10px;
justify-content: space-between;
}
.mod-icon {
aspect-ratio: 1 / 1;
flex: none;
height: 100%;
image-rendering: pixelated;
}
.mod-details > * {
text-align: left;
margin: 0 5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.mod-loader-tab-content {
/* padding: 10px; */
box-sizing: border-box;
}
.mod-details {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 68%;
overflow: hidden;
}
.mod-name {
color: #111;
font-size: 20px;
/* white-space: nowrap; */
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
}
.mod-options {
flex: none;
display: flex;
flex-direction: column;
}

40
css/fonts.css Normal file
View file

@ -0,0 +1,40 @@
@font-face {
font-family: 'Ubuntu Mono';
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
url('fonts/UbuntuMono-Regular.woff2') format('woff2'),
url('fonts/UbuntuMono-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ubuntu Mono';
src: local('Ubuntu Mono Italic'), local('UbuntuMono-Italic'),
url('fonts/UbuntuMono-Italic.woff2') format('woff2'),
url('fonts/UbuntuMono-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ubuntu Mono';
src: local('Ubuntu Mono Bold Italic'), local('UbuntuMono-BoldItalic'),
url('fonts/UbuntuMono-BoldItalic.woff2') format('woff2'),
url('fonts/UbuntuMono-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Ubuntu Mono';
src: local('Ubuntu Mono Bold'), local('UbuntuMono-Bold'),
url('fonts/UbuntuMono-Bold.woff2') format('woff2'),
url('fonts/UbuntuMono-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

96
css/fonts/UFL.txt Normal file
View file

@ -0,0 +1,96 @@
-------------------------------
UBUNTU FONT LICENCE Version 1.0
-------------------------------
PREAMBLE
This licence allows the licensed fonts to be used, studied, modified and
redistributed freely. The fonts, including any derivative works, can be
bundled, embedded, and redistributed provided the terms of this licence
are met. The fonts and derivatives, however, cannot be released under
any other licence. The requirement for fonts to remain under this
licence does not require any document created using the fonts or their
derivatives to be published under this licence, as long as the primary
purpose of the document is not to be a vehicle for the distribution of
the fonts.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this licence and clearly marked as such. This may
include source files, build scripts and documentation.
"Original Version" refers to the collection of Font Software components
as received under this licence.
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to
a new environment.
"Copyright Holder(s)" refers to all individuals and companies who have a
copyright ownership of the Font Software.
"Substantially Changed" refers to Modified Versions which can be easily
identified as dissimilar to the Font Software by users of the Font
Software comparing the Original Version with the Modified Version.
To "Propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification and with or without charging
a redistribution fee), making available to the public, and in some
countries other activities as well.
PERMISSION & CONDITIONS
This licence does not grant any rights under trademark law and all such
rights are reserved.
Permission is hereby granted, free of charge, to any person obtaining a
copy of the Font Software, to propagate the Font Software, subject to
the below conditions:
1) Each copy of the Font Software must contain the above copyright
notice and this licence. These can be included either as stand-alone
text files, human-readable headers or in the appropriate machine-
readable metadata fields within text or binary files as long as those
fields can be easily viewed by the user.
2) The font name complies with the following:
(a) The Original Version must retain its name, unmodified.
(b) Modified Versions which are Substantially Changed must be renamed to
avoid use of the name of the Original Version or similar names entirely.
(c) Modified Versions which are not Substantially Changed must be
renamed to both (i) retain the name of the Original Version and (ii) add
additional naming elements to distinguish the Modified Version from the
Original Version. The name of such Modified Versions must be the name of
the Original Version, with "derivative X" where X represents the name of
the new work, appended to that name.
3) The name(s) of the Copyright Holder(s) and any contributor to the
Font Software shall not be used to promote, endorse or advertise any
Modified Version, except (i) as required by this licence, (ii) to
acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
their explicit written permission.
4) The Font Software, modified or unmodified, in part or in whole, must
be distributed entirely under this licence, and must not be distributed
under any other licence. The requirement for fonts to remain under this
licence does not affect any document created using the Font Software,
except any version of the Font Software extracted from a document
created using the Font Software may only be distributed under this
licence.
TERMINATION
This licence becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
DEALINGS IN THE FONT SOFTWARE.

BIN
css/fonts/UbuntuMono-Bold.woff Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-Bold.woff2 Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-BoldItalic.woff Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-BoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-Italic.woff Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-Regular.woff Normal file
View file

Binary file not shown.

BIN
css/fonts/UbuntuMono-Regular.woff2 Normal file
View file

Binary file not shown.

16
css/icons/open-link.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<style type="text/css">
.st0{fill:#000000;}
</style>
<g>
<path class="st0" d="M96,0v416h416V0H96z M472,376H136V40h336V376z"/>
<polygon class="st0" points="40,472 40,296 40,136 40,96 0,96 0,512 416,512 416,472 376,472 "/>
<polygon class="st0" points="232.812,312.829 350.671,194.969 350.671,279.766 390.671,279.766 390.671,126.688 237.594,126.688
237.594,166.688 322.39,166.688 204.531,284.547 "/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 837 B