better decay

This commit is contained in:
ntr 2019-07-24 13:35:03 +10:00
parent d431ada7a9
commit 384cdb2de5
5 changed files with 30 additions and 52 deletions

View File

@ -11,7 +11,7 @@ html, body, #mnml {
background-color: black; background-color: black;
font-family: 'Jura'; font-family: 'Jura';
color: whitesmoke; color: whitesmoke;
font-size: 14pt; font-size: 12pt;
user-select: none; user-select: none;
-moz-user-select: none; -moz-user-select: none;
@ -28,6 +28,12 @@ html, body, #mnml {
overflow-x: hidden; overflow-x: hidden;
} }
@media (min-width: 1921px) {
html, body, #mnml {
font-size: 14pt;
}
}
html { html {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
@ -397,35 +403,19 @@ header {
transition-duration: 0.5s; transition-duration: 0.5s;
transition-delay: 0; transition-delay: 0;
transition-timing-function: ease; transition-timing-function: ease;
button:not(:last-child) {
margin-bottom: 1em;
} }
.menu-construct .controls { .avatar {
display: flex;
justify-content: flex-end;
}
.menu-construct .controls h2 {
flex: 1;
}
.menu-construct .controls button {
color: #444;
flex: 0;
margin: 0 1em 0 0;
border: none;
}
.menu-construct .controls button:hover, .menu-construct .controls button:active {
color: whitesmoke;
}
.menu-construct .avatar {
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
pointer-events: none; pointer-events: none;
height: 100%; height: 100%;
} }
}
.spawn-btn.menu-construct { .spawn-btn.menu-construct {
border: 1px solid #333; border: 1px solid #333;
@ -493,7 +483,7 @@ header {
grid-area: constructs; grid-area: constructs;
/* poor man's <hr>*/ /* poor man's <hr>*/
padding-bottom: 2em; padding: 0.5em 2em 0 0;
margin-bottom: 2em; margin-bottom: 2em;
border-bottom: 0.1em solid whitesmoke; border-bottom: 0.1em solid whitesmoke;
} }

View File

@ -62,6 +62,12 @@
border: 1px solid black; border: 1px solid black;
} }
} }
svg {
stroke-width: 8px;
}
.white {
stroke: black;
}
} }
button { button {
@ -84,18 +90,9 @@
stroke-width: 8px; stroke-width: 8px;
} }
ellipse.white { .white {
stroke: black; stroke: black;
} }
rect.white {
stroke: black;
}
polygon.white {
stroke: black;
}
} }
} }

View File

@ -27,18 +27,9 @@ class Decay extends Component {
version="1.1" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 300 300"> viewBox="0 0 300 300">
<defs>
<filter id="decayFilter">
<feGaussianBlur in="SourceGraphic" stdDeviation="3" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<g> <g>
{times(15, () => ( {times(20, () => (
<rect filter="url(#decayFilter)" class="blue" x="135" y="135" width="20" height="20" /> <rect x="135" y="135" width="10" height="10" />
))} ))}
</g> </g>
</svg> </svg>

View File

@ -25,7 +25,6 @@ class Restrict extends Component {
version="1.1" version="1.1"
id="restrict" id="restrict"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
style={{ transform: 'scale(3)' }}
viewBox="0 0 128 128"> viewBox="0 0 128 128">
<filter id='restrictFilter'> <filter id='restrictFilter'>
<feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence> <feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence>

View File

@ -12,7 +12,6 @@ const FIRSTS: [&'static str; 36] = [
"concave", "concave",
"convex", "convex",
"distorted", "distorted",
"dub",
"emotive", "emotive",
"emotionless", "emotionless",
"fierce", "fierce",
@ -37,10 +36,11 @@ const FIRSTS: [&'static str; 36] = [
"subterranean", "subterranean",
"synthetic", "synthetic",
"sweet", "sweet",
"terrestrial",
"weary", "weary",
]; ];
const LASTS: [&'static str; 41] = [ const LASTS: [&'static str; 42] = [
"artifact", "artifact",
"assembly", "assembly",
"console", "console",
@ -72,6 +72,7 @@ const LASTS: [&'static str; 41] = [
"river", "river",
"river", "river",
"scaffold", "scaffold",
"structure",
"shape", "shape",
"signal", "signal",
"synthesiser", "synthesiser",