better decay
This commit is contained in:
parent
d431ada7a9
commit
384cdb2de5
@ -11,7 +11,7 @@ html, body, #mnml {
|
||||
background-color: black;
|
||||
font-family: 'Jura';
|
||||
color: whitesmoke;
|
||||
font-size: 14pt;
|
||||
font-size: 12pt;
|
||||
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
@ -28,6 +28,12 @@ html, body, #mnml {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 1921px) {
|
||||
html, body, #mnml {
|
||||
font-size: 14pt;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
@ -397,34 +403,18 @@ header {
|
||||
transition-duration: 0.5s;
|
||||
transition-delay: 0;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.menu-construct .controls {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
button:not(:last-child) {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.avatar {
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
pointer-events: none;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.spawn-btn.menu-construct {
|
||||
@ -493,7 +483,7 @@ header {
|
||||
grid-area: constructs;
|
||||
|
||||
/* poor man's <hr>*/
|
||||
padding-bottom: 2em;
|
||||
padding: 0.5em 2em 0 0;
|
||||
margin-bottom: 2em;
|
||||
border-bottom: 0.1em solid whitesmoke;
|
||||
}
|
||||
|
||||
@ -62,6 +62,12 @@
|
||||
border: 1px solid black;
|
||||
}
|
||||
}
|
||||
svg {
|
||||
stroke-width: 8px;
|
||||
}
|
||||
.white {
|
||||
stroke: black;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
@ -84,18 +90,9 @@
|
||||
stroke-width: 8px;
|
||||
}
|
||||
|
||||
ellipse.white {
|
||||
.white {
|
||||
stroke: black;
|
||||
}
|
||||
|
||||
rect.white {
|
||||
stroke: black;
|
||||
}
|
||||
|
||||
polygon.white {
|
||||
stroke: black;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -27,18 +27,9 @@ class Decay extends Component {
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 300 300">
|
||||
<defs>
|
||||
<filter id="decayFilter">
|
||||
<feGaussianBlur in="SourceGraphic" stdDeviation="3" />
|
||||
<feMerge>
|
||||
<feMergeNode />
|
||||
<feMergeNode in="SourceGraphic" />
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
<g>
|
||||
{times(15, () => (
|
||||
<rect filter="url(#decayFilter)" class="blue" x="135" y="135" width="20" height="20" />
|
||||
{times(20, () => (
|
||||
<rect x="135" y="135" width="10" height="10" />
|
||||
))}
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
@ -25,7 +25,6 @@ class Restrict extends Component {
|
||||
version="1.1"
|
||||
id="restrict"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
style={{ transform: 'scale(3)' }}
|
||||
viewBox="0 0 128 128">
|
||||
<filter id='restrictFilter'>
|
||||
<feTurbulence type="turbulence" baseFrequency="0" numOctaves="1" result="turbulence"></feTurbulence>
|
||||
|
||||
@ -12,7 +12,6 @@ const FIRSTS: [&'static str; 36] = [
|
||||
"concave",
|
||||
"convex",
|
||||
"distorted",
|
||||
"dub",
|
||||
"emotive",
|
||||
"emotionless",
|
||||
"fierce",
|
||||
@ -37,10 +36,11 @@ const FIRSTS: [&'static str; 36] = [
|
||||
"subterranean",
|
||||
"synthetic",
|
||||
"sweet",
|
||||
"terrestrial",
|
||||
"weary",
|
||||
];
|
||||
|
||||
const LASTS: [&'static str; 41] = [
|
||||
const LASTS: [&'static str; 42] = [
|
||||
"artifact",
|
||||
"assembly",
|
||||
"console",
|
||||
@ -72,6 +72,7 @@ const LASTS: [&'static str; 41] = [
|
||||
"river",
|
||||
"river",
|
||||
"scaffold",
|
||||
"structure",
|
||||
"shape",
|
||||
"signal",
|
||||
"synthesiser",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user