better decay
This commit is contained in:
parent
d431ada7a9
commit
384cdb2de5
@ -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,34 +403,18 @@ header {
|
|||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
transition-delay: 0;
|
transition-delay: 0;
|
||||||
transition-timing-function: ease;
|
transition-timing-function: ease;
|
||||||
}
|
|
||||||
|
|
||||||
.menu-construct .controls {
|
button:not(:last-child) {
|
||||||
display: flex;
|
margin-bottom: 1em;
|
||||||
justify-content: flex-end;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.menu-construct .controls h2 {
|
.avatar {
|
||||||
flex: 1;
|
background-size: contain;
|
||||||
}
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
.menu-construct .controls button {
|
pointer-events: none;
|
||||||
color: #444;
|
height: 100%;
|
||||||
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-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
pointer-events: none;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.spawn-btn.menu-construct {
|
.spawn-btn.menu-construct {
|
||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user