mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 12:56:41 +07:00
fixed boris layout
This commit is contained in:
Fedor Katurov
parent
a0d4025890
commit
4af7e00728
6 changed files with 2045 additions and 37 deletions
|
|
@ -37,6 +37,7 @@ const HeaderUnconnected: FC<IProps> = memo(
|
||||||
<Filler />
|
<Filler />
|
||||||
|
|
||||||
<div className={style.plugs}>
|
<div className={style.plugs}>
|
||||||
|
<Link to="/boris">((( boris )))</Link>
|
||||||
<Link to="/">flow</Link>
|
<Link to="/">flow</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,9 +7,8 @@ import { connect } from 'react-redux';
|
||||||
import { NodeComments } from '~/components/node/NodeComments';
|
import { NodeComments } from '~/components/node/NodeComments';
|
||||||
import styles from './styles.scss';
|
import styles from './styles.scss';
|
||||||
import { CommentForm } from '~/components/node/CommentForm';
|
import { CommentForm } from '~/components/node/CommentForm';
|
||||||
import { Filler } from '~/components/containers/Filler';
|
|
||||||
import { Group } from '~/components/containers/Group';
|
import { Group } from '~/components/containers/Group';
|
||||||
import { GodRays } from '~/components/main/GodRays';
|
import boris from '~/sprites/boris_robot.svg';
|
||||||
|
|
||||||
const mapStateToProps = state => ({
|
const mapStateToProps = state => ({
|
||||||
node: selectNode(state),
|
node: selectNode(state),
|
||||||
|
|
@ -44,6 +43,16 @@ const BorisLayoutUnconnected: FC<IProps> = ({
|
||||||
return (
|
return (
|
||||||
<div className={styles.wrap}>
|
<div className={styles.wrap}>
|
||||||
<div className={styles.cover} />
|
<div className={styles.cover} />
|
||||||
|
|
||||||
|
<div className={styles.image}>
|
||||||
|
<div className={styles.caption}>
|
||||||
|
<div>СНОВА</div>
|
||||||
|
<div>ВМЕСТЕ</div>
|
||||||
|
</div>
|
||||||
|
<img src={boris} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={styles.container}>
|
||||||
<div className={styles.column}>
|
<div className={styles.column}>
|
||||||
<div className={styles.daygrid}>
|
<div className={styles.daygrid}>
|
||||||
<div className={styles.label}>Убежищу сегодня:</div>
|
<div className={styles.label}>Убежищу сегодня:</div>
|
||||||
|
|
@ -66,12 +75,13 @@ const BorisLayoutUnconnected: FC<IProps> = ({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Group className={styles.container}>
|
<Group className={styles.content}>
|
||||||
{is_user && <CommentForm id={0} />}
|
{is_user && <CommentForm id={0} />}
|
||||||
|
|
||||||
<NodeComments comments={comments} />
|
<NodeComments comments={comments} />
|
||||||
</Group>
|
</Group>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,11 +2,10 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.content {
|
||||||
margin-top: 33vh;
|
|
||||||
flex: 3;
|
flex: 3;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
padding: $gap;
|
padding: $gap;
|
||||||
|
|
@ -19,20 +18,19 @@
|
||||||
background: $content_bg;
|
background: $content_bg;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
margin-top: 33vh;
|
|
||||||
margin-right: $gap;
|
margin-right: $gap;
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
padding: $gap * 2;
|
padding: $gap * 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
// .content {
|
||||||
padding: $gap;
|
// padding: $gap;
|
||||||
text-align: center;
|
// text-align: center;
|
||||||
font: $font_24_bold;
|
// font: $font_24_bold;
|
||||||
text-transform: uppercase;
|
// text-transform: uppercase;
|
||||||
position: relative;
|
// position: relative;
|
||||||
display: none;
|
// display: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.cover {
|
.cover {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -43,7 +41,8 @@
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// background: linear-gradient($red, transparentize($red, 1));
|
// background: linear-gradient($red, transparentize($red, 1));
|
||||||
background: 50% 0% no-repeat/cover url('~/sprites/illustrate.svg');
|
background: 50% 0% no-repeat/cover url('~/sprites/boris_bg.svg');
|
||||||
|
// display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
|
@ -75,3 +74,36 @@
|
||||||
grid-column: 1/3;
|
grid-column: 1/3;
|
||||||
height: $gap * 4;
|
height: $gap * 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.caption {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: flex-end;
|
||||||
|
font: $font_48_bold;
|
||||||
|
flex-direction: column;
|
||||||
|
padding-bottom: $gap * 2;
|
||||||
|
}
|
||||||
|
|
|
||||||
697
src/sprites/boris_bg.svg
Normal file
697
src/sprites/boris_bg.svg
Normal file
|
|
@ -0,0 +1,697 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="2420"
|
||||||
|
height="1080"
|
||||||
|
viewBox="0 0 640.29165 285.74999"
|
||||||
|
version="1.1"
|
||||||
|
id="svg8"
|
||||||
|
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||||
|
sodipodi:docname="boris_bg.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2">
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient3907">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop3903" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop3905" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient3899">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop3895" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop3897" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient3040"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
id="stop3036"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#2ca089;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
id="stop3038"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#93ac93;stop-opacity:0;" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient2562">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop2558" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00d4aa;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop2560" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient2118">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00ffcc;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop2114" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#237d7f;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop2116" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient2008">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#191e1a;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop2004" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1a2d2a;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop2006" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient1988"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
id="stop1984"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#6f917c;stop-opacity:1;" />
|
||||||
|
<stop
|
||||||
|
id="stop1986"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#b7c8c4;stop-opacity:0.06956521" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient1636">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#6f917c;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop1632" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1c2422;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop1634" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient5666">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#242f28;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop5662" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1c241f;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop5664" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient5548">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#37c8ab;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop5544" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#93ac93;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop5546" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient5364">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#536c5d;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop5360" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#536c5d;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop5362" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient4677">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1c241f;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop4673" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#2b3931;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop4675" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient4633">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#37483e;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop4629" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1c241f;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop4631" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient4543">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#217844;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop4539" />
|
||||||
|
<stop
|
||||||
|
id="stop89"
|
||||||
|
offset="0.42871612"
|
||||||
|
style="stop-color:#124639;stop-opacity:0.56862748" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#00222b;stop-opacity:0"
|
||||||
|
offset="1"
|
||||||
|
id="stop4541" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4543"
|
||||||
|
id="linearGradient4545"
|
||||||
|
x1="260.01709"
|
||||||
|
y1="-61.619457"
|
||||||
|
x2="260.01709"
|
||||||
|
y2="294.73215"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.2604166,0,0,1,-4.7529297e-6,0)" />
|
||||||
|
<clipPath
|
||||||
|
clipPathUnits="userSpaceOnUse"
|
||||||
|
id="clipPath4984">
|
||||||
|
<circle
|
||||||
|
r="44.979172"
|
||||||
|
cy="117.83934"
|
||||||
|
cx="340.17853"
|
||||||
|
id="circle4986"
|
||||||
|
style="fill:url(#radialGradient4988);fill-opacity:1;stroke-width:0.17111641" />
|
||||||
|
</clipPath>
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4633"
|
||||||
|
id="radialGradient4988"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.7352932,-0.01764706,0.01387765,1.3646349,-204.79604,-25.000662)"
|
||||||
|
cx="312.92648"
|
||||||
|
cy="83.708092"
|
||||||
|
fx="312.92648"
|
||||||
|
fy="83.708092"
|
||||||
|
r="44.979172" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4677"
|
||||||
|
id="linearGradient5326"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(0.26458333,0,0,0.26458333,0,130.31255)"
|
||||||
|
x1="744.84583"
|
||||||
|
y1="-147.4702"
|
||||||
|
x2="689.37933"
|
||||||
|
y2="-319.99997" />
|
||||||
|
<clipPath
|
||||||
|
clipPathUnits="userSpaceOnUse"
|
||||||
|
id="clipPath5332">
|
||||||
|
<path
|
||||||
|
style="fill:url(#linearGradient5326);fill-opacity:1;stroke-width:0.26458332"
|
||||||
|
d="m 175.41875,43.00005 v 0.454753 a 7.8052081,22.886458 0 0 1 0.92604,-0.190169 7.8052081,22.886458 0 0 1 7.80521,22.886457 7.8052081,22.886458 0 0 1 -7.4967,22.854422 h 26.98956 a 7.8052081,22.886458 0 0 0 0.2186,0.03204 7.8052081,22.886458 0 0 0 7.8052,-22.886461 7.8052081,22.886458 0 0 0 -7.8052,-22.886457 7.8052081,22.886458 0 0 0 -0.1323,0.01394 V 43.00005 Z m 0,45.858186 v 0.147277 h 0.70745 a 7.8052081,22.886458 0 0 1 -0.70745,-0.147277 z"
|
||||||
|
id="path5334"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</clipPath>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4677"
|
||||||
|
id="linearGradient6034"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="744.84583"
|
||||||
|
y1="-147.4702"
|
||||||
|
x2="689.37933"
|
||||||
|
y2="-319.99997" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5666"
|
||||||
|
id="linearGradient956"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="169.72586"
|
||||||
|
y1="66.1511"
|
||||||
|
x2="191.85043"
|
||||||
|
y2="66.1511"
|
||||||
|
gradientTransform="translate(1.18701e-6,-5.2436031e-6)" />
|
||||||
|
<clipPath
|
||||||
|
clipPathUnits="userSpaceOnUse"
|
||||||
|
id="clipPath962">
|
||||||
|
<ellipse
|
||||||
|
style="fill:url(#linearGradient956);fill-opacity:1;stroke-width:0.22842805"
|
||||||
|
id="ellipse964"
|
||||||
|
cx="176.34479"
|
||||||
|
cy="66.1511"
|
||||||
|
rx="6.6189275"
|
||||||
|
ry="20.116356" />
|
||||||
|
</clipPath>
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter2492"
|
||||||
|
x="-0.13744183"
|
||||||
|
width="1.2748837"
|
||||||
|
y="-0.68956101"
|
||||||
|
height="2.379122">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="1.8591692"
|
||||||
|
id="feGaussianBlur2494" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter2504"
|
||||||
|
x="-0.095625818"
|
||||||
|
width="1.1912516"
|
||||||
|
y="-0.78145617"
|
||||||
|
height="2.5629122">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="1.710971"
|
||||||
|
id="feGaussianBlur2506" />
|
||||||
|
</filter>
|
||||||
|
<filter
|
||||||
|
inkscape:collect="always"
|
||||||
|
style="color-interpolation-filters:sRGB"
|
||||||
|
id="filter2516"
|
||||||
|
x="-0.1389541"
|
||||||
|
width="1.2779082"
|
||||||
|
y="-0.54079062"
|
||||||
|
height="2.0815811">
|
||||||
|
<feGaussianBlur
|
||||||
|
inkscape:collect="always"
|
||||||
|
stdDeviation="1.8796256"
|
||||||
|
id="feGaussianBlur2518" />
|
||||||
|
</filter>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient3899"
|
||||||
|
id="linearGradient3901"
|
||||||
|
x1="261.4873"
|
||||||
|
y1="24.200844"
|
||||||
|
x2="260.95813"
|
||||||
|
y2="284.55084"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(68.791669)" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient3907"
|
||||||
|
id="linearGradient3909"
|
||||||
|
x1="129.72482"
|
||||||
|
y1="-19.190775"
|
||||||
|
x2="129.72482"
|
||||||
|
y2="296.19254"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(68.791669)" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient2008"
|
||||||
|
id="linearGradient4151"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="207.37267"
|
||||||
|
y1="85.704292"
|
||||||
|
x2="207.37267"
|
||||||
|
y2="35.489822" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient4677"
|
||||||
|
id="linearGradient4153"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="744.84583"
|
||||||
|
y1="-147.4702"
|
||||||
|
x2="689.37933"
|
||||||
|
y2="-319.99997" />
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient2118"
|
||||||
|
id="radialGradient4155"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(4.1025138,4.904937e-7,-4.7336306e-7,3.9592323,-527.377,-192.81817)"
|
||||||
|
cx="168.7189"
|
||||||
|
cy="57.244839"
|
||||||
|
fx="168.7189"
|
||||||
|
fy="57.244839"
|
||||||
|
r="7.9375" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5666"
|
||||||
|
id="linearGradient4157"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="169.72586"
|
||||||
|
y1="66.1511"
|
||||||
|
x2="191.85043"
|
||||||
|
y2="66.1511" />
|
||||||
|
<radialGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5364"
|
||||||
|
id="radialGradient4159"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(2.6948297,0.68882556,-1.8240762,7.1361678,-1588.0171,1034.8652)"
|
||||||
|
cx="672.15662"
|
||||||
|
cy="-246.05667"
|
||||||
|
fx="672.15662"
|
||||||
|
fy="-246.05667"
|
||||||
|
r="13.702145" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient3040"
|
||||||
|
id="linearGradient4161"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(-1.0583333)"
|
||||||
|
x1="177.82297"
|
||||||
|
y1="66.155998"
|
||||||
|
x2="184.15675"
|
||||||
|
y2="66.155998" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5548"
|
||||||
|
id="linearGradient4163"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(3.7795277,0,0,2.6941623,-313.61226,-1006.2008)"
|
||||||
|
x1="177.82297"
|
||||||
|
y1="66.155998"
|
||||||
|
x2="184.15675"
|
||||||
|
y2="66.155998" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient1636"
|
||||||
|
id="linearGradient4165"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="180.2618"
|
||||||
|
y1="79.843285"
|
||||||
|
x2="177.90164"
|
||||||
|
y2="58.2136" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient1988"
|
||||||
|
id="linearGradient4167"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.0057529,0,0,0.63337186,1.6167144,24.252855)"
|
||||||
|
x1="180.2618"
|
||||||
|
y1="79.843285"
|
||||||
|
x2="177.90164"
|
||||||
|
y2="58.2136" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient2562"
|
||||||
|
id="linearGradient4169"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="164.83987"
|
||||||
|
y1="43.408844"
|
||||||
|
x2="203.95857"
|
||||||
|
y2="43.128212" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#1f1f1f"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1.0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="0.5"
|
||||||
|
inkscape:cx="1108.5551"
|
||||||
|
inkscape:cy="331.83551"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="false"
|
||||||
|
units="px"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1040"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="0"
|
||||||
|
inkscape:snap-global="false">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid6024" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(0,-11.250058)">
|
||||||
|
<rect
|
||||||
|
id="rect3732"
|
||||||
|
width="640.29163"
|
||||||
|
height="285.75"
|
||||||
|
x="1.4210855e-14"
|
||||||
|
y="11.250051"
|
||||||
|
style="fill:url(#linearGradient4545);fill-opacity:1;stroke-width:0.29704314" />
|
||||||
|
<g
|
||||||
|
id="g4646"
|
||||||
|
transform="translate(-15.772406,-273.9719)">
|
||||||
|
<g
|
||||||
|
id="g4661"
|
||||||
|
transform="matrix(0.88505748,0,0,0.88505748,27.142605,7.5883684)"
|
||||||
|
style="fill:#171d19;fill-opacity:1">
|
||||||
|
<ellipse
|
||||||
|
style="fill:url(#linearGradient4151);fill-opacity:1;stroke-width:0.26458332"
|
||||||
|
id="ellipse4655"
|
||||||
|
cx="203.86162"
|
||||||
|
cy="66.1511"
|
||||||
|
rx="7.8052082"
|
||||||
|
ry="22.886457" />
|
||||||
|
<rect
|
||||||
|
y="43.000057"
|
||||||
|
x="175.41875"
|
||||||
|
height="46.005398"
|
||||||
|
width="28.310415"
|
||||||
|
id="rect4657"
|
||||||
|
style="fill:#171d19;fill-opacity:1;stroke-width:0.21242188" />
|
||||||
|
<ellipse
|
||||||
|
ry="22.886457"
|
||||||
|
rx="7.8052082"
|
||||||
|
cy="66.1511"
|
||||||
|
cx="176.34479"
|
||||||
|
id="ellipse4659"
|
||||||
|
style="fill:#171d19;fill-opacity:1;stroke-width:0.26458332" />
|
||||||
|
</g>
|
||||||
|
<g
|
||||||
|
id="g4653">
|
||||||
|
<path
|
||||||
|
style="fill:url(#linearGradient4153);fill-opacity:1;stroke-width:1"
|
||||||
|
d="M 666.88909,-328.58579 663,-156.12109 h 106.67383 c 0.27518,0.0517 0.5506,0.0921 0.82617,0.12109 16.2924,0 29.5,-38.72737 29.5,-86.5 0,-47.77263 -13.2076,-86.5 -29.5,-86.5 -0.16671,0.0134 -0.33339,0.031 -0.5,0.0527 V -330 Z"
|
||||||
|
id="ellipse4639"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="ccccscccc"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,0,130.31255)" />
|
||||||
|
<ellipse
|
||||||
|
style="fill:#37483e;fill-opacity:1;stroke:url(#radialGradient4155);stroke-width:0.26458332;stroke-opacity:1"
|
||||||
|
id="path4637"
|
||||||
|
cx="176.34479"
|
||||||
|
cy="66.1511"
|
||||||
|
rx="7.8052082"
|
||||||
|
ry="22.886457" />
|
||||||
|
<ellipse
|
||||||
|
ry="20.116356"
|
||||||
|
rx="6.618928"
|
||||||
|
cy="66.1511"
|
||||||
|
cx="176.34479"
|
||||||
|
id="ellipse4663"
|
||||||
|
style="fill:url(#linearGradient4157);fill-opacity:1;stroke:none;stroke-width:0.22842805;stroke-opacity:1" />
|
||||||
|
<path
|
||||||
|
style="fill:url(#radialGradient4159);fill-opacity:1;stroke-width:0.78114998"
|
||||||
|
d="m 681.98633,-302.10156 a 25.016421,62.241739 0 0 0 -17.875,59.60156 25.016421,62.241739 0 0 0 17.90234,59.63867 25.016421,76.030324 0 0 0 9.50195,-59.63867 25.016421,76.030324 0 0 0 -9.52929,-59.60156 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,0,130.31255)"
|
||||||
|
id="ellipse4665"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<g
|
||||||
|
id="g5322"
|
||||||
|
clip-path="url(#clipPath5332)"
|
||||||
|
style="opacity:1;fill:#dbe3de;fill-opacity:1">
|
||||||
|
<g
|
||||||
|
id="g5255"
|
||||||
|
transform="matrix(1,0,0,1.1345691,-7.7417057e-7,133.5433)"
|
||||||
|
style="opacity:1;fill:#2ad4ff;fill-opacity:1;filter:url(#filter2516)">
|
||||||
|
<rect
|
||||||
|
style="opacity:0.16600001;fill:#2ad4ff;fill-opacity:1;stroke-width:0.26458332"
|
||||||
|
id="rect5252"
|
||||||
|
width="32.464687"
|
||||||
|
height="8.3416786"
|
||||||
|
x="180.44221"
|
||||||
|
y="-68.680977" />
|
||||||
|
</g>
|
||||||
|
<rect
|
||||||
|
style="opacity:0.46400003;fill:#000c09;fill-opacity:1;stroke-width:0.23303141;filter:url(#filter2492)"
|
||||||
|
id="rect5356"
|
||||||
|
width="32.464687"
|
||||||
|
height="6.4707923"
|
||||||
|
x="180.44945"
|
||||||
|
y="75.459694" />
|
||||||
|
<rect
|
||||||
|
style="opacity:0.40400002;fill:#2ad4ff;fill-opacity:1;stroke-width:0.24151501;filter:url(#filter2504)"
|
||||||
|
id="rect5879"
|
||||||
|
width="42.848106"
|
||||||
|
height="3.2902839"
|
||||||
|
x="172.21031"
|
||||||
|
y="42.056061" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
id="path4670"
|
||||||
|
d="m 179.43157,58.663845 a 3.7324504,7.8216032 0 0 0 -2.66695,7.489825 3.7324504,7.8216032 0 0 0 2.67103,7.494489 3.7324504,9.5543451 0 0 0 1.41769,-7.494489 3.7324504,9.5543451 0 0 0 -1.42177,-7.489825 z"
|
||||||
|
style="fill:url(#linearGradient4161);fill-opacity:1;stroke-width:0.10696111"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#1f241c;stroke-width:0.26711026"
|
||||||
|
d="m 186.92813,42.825396 a 7.8052082,23.325705 0 0 1 7.80521,23.325704 7.8052082,23.325705 0 0 1 -7.80521,23.325705"
|
||||||
|
id="ellipse5814"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#1f241c;stroke-width:0.26711026"
|
||||||
|
d="m 181.63646,42.825396 a 7.8052082,23.325705 0 0 1 7.80521,23.325704 7.8052082,23.325705 0 0 1 -7.80521,23.325705"
|
||||||
|
id="path5816"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
id="path5824"
|
||||||
|
d="m 187.20875,42.825396 a 7.8052082,23.325705 0 0 1 7.80521,23.325704 7.8052082,23.325705 0 0 1 -7.80521,23.325705"
|
||||||
|
style="opacity:0.11100003;fill:none;fill-opacity:1;stroke:#dbe3de;stroke-width:0.26711026"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
id="path5826"
|
||||||
|
d="m 181.91708,42.825396 a 7.8052082,23.325705 0 0 1 7.80521,23.325704 7.8052082,23.325705 0 0 1 -7.80521,23.325705"
|
||||||
|
style="opacity:0.11100003;fill:none;fill-opacity:1;stroke:#dbe3de;stroke-width:0.26711026"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<path
|
||||||
|
style="opacity:0.14800002;fill:url(#linearGradient4163);fill-opacity:1;stroke-width:0.3413159"
|
||||||
|
d="m 368.55469,-848.15039 a 14.1069,21.072668 0 0 0 -10.08008,20.17773 14.1069,21.072668 0 0 0 10.0957,20.19141 14.1069,25.740956 0 0 0 2.85547,-5.56445 25.016421,76.030325 0 0 0 0.47852,-14.63868 25.016421,76.030325 0 0 0 -0.48047,-14.58398 14.1069,25.740956 0 0 0 -2.86914,-5.58203 z"
|
||||||
|
transform="matrix(0.26458333,0,0,0.26458333,84.564076,285.22196)"
|
||||||
|
id="path902"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
<g
|
||||||
|
id="g950"
|
||||||
|
clip-path="url(#clipPath962)">
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-opacity:1;stroke:url(#linearGradient4165);stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
id="path974"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
sodipodi:cx="182.26727"
|
||||||
|
sodipodi:cy="66.1511"
|
||||||
|
sodipodi:rx="6.6350451"
|
||||||
|
sodipodi:ry="16.29439"
|
||||||
|
sodipodi:start="1.5707963"
|
||||||
|
sodipodi:end="4.712389"
|
||||||
|
d="m 182.26727,82.44549 a 6.6350451,16.29439 0 0 1 -5.74611,-8.147195 6.6350451,16.29439 0 0 1 0,-16.29439 6.6350451,16.29439 0 0 1 5.74611,-8.147195"
|
||||||
|
sodipodi:open="true" />
|
||||||
|
<path
|
||||||
|
sodipodi:open="true"
|
||||||
|
d="m 177.40311,86.267456 a 6.618928,20.116356 0 0 1 -5.73216,-10.058178 6.618928,20.116356 0 0 1 0,-20.116356 6.618928,20.116356 0 0 1 5.73216,-10.058178"
|
||||||
|
sodipodi:end="4.712389"
|
||||||
|
sodipodi:start="1.5707963"
|
||||||
|
sodipodi:ry="20.116356"
|
||||||
|
sodipodi:rx="6.618928"
|
||||||
|
sodipodi:cy="66.1511"
|
||||||
|
sodipodi:cx="177.40311"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
id="ellipse947"
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#091f1b;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||||
|
<path
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#091f1b;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
id="path970"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
sodipodi:cx="178.9929"
|
||||||
|
sodipodi:cy="66.1511"
|
||||||
|
sodipodi:rx="6.6234765"
|
||||||
|
sodipodi:ry="18.995991"
|
||||||
|
sodipodi:start="1.5707963"
|
||||||
|
sodipodi:end="4.712389"
|
||||||
|
d="m 178.9929,85.147091 a 6.6234765,18.995991 0 0 1 -5.73609,-9.497995 6.6234765,18.995991 0 0 1 0,-18.995991 6.6234765,18.995991 0 0 1 5.73609,-9.497996"
|
||||||
|
sodipodi:open="true" />
|
||||||
|
<path
|
||||||
|
sodipodi:open="true"
|
||||||
|
d="m 180.58263,84.092691 a 6.6278849,17.941591 0 0 1 -5.73992,-8.970795 6.6278849,17.941591 0 0 1 0,-17.941592 6.6278849,17.941591 0 0 1 5.73992,-8.970795"
|
||||||
|
sodipodi:end="4.712389"
|
||||||
|
sodipodi:start="1.5707963"
|
||||||
|
sodipodi:ry="17.941591"
|
||||||
|
sodipodi:rx="6.6278849"
|
||||||
|
sodipodi:cy="66.1511"
|
||||||
|
sodipodi:cx="180.58263"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
id="path972"
|
||||||
|
style="fill:none;fill-opacity:1;stroke:#091f1b;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||||
|
<path
|
||||||
|
sodipodi:open="true"
|
||||||
|
d="m 184.93251,76.471508 a 6.6732159,10.320408 0 0 1 -5.77917,-5.160204 6.6732159,10.320408 0 0 1 0,-10.320408 6.6732159,10.320408 0 0 1 5.77917,-5.160204"
|
||||||
|
sodipodi:end="4.712389"
|
||||||
|
sodipodi:start="1.5707963"
|
||||||
|
sodipodi:ry="10.320408"
|
||||||
|
sodipodi:rx="6.6732159"
|
||||||
|
sodipodi:cy="66.1511"
|
||||||
|
sodipodi:cx="184.93251"
|
||||||
|
sodipodi:type="arc"
|
||||||
|
id="path1942"
|
||||||
|
style="fill:none;fill-opacity:1;stroke:url(#linearGradient4167);stroke-width:0.21117257;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:url(#linearGradient4169);stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 176.44064,42.995921 27.51666,0.264584"
|
||||||
|
id="path2520"
|
||||||
|
inkscape:connector-curvature="0" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<circle
|
||||||
|
style="opacity:1;fill:none;fill-opacity:1;stroke:#00d4aa;stroke-width:0.26458332"
|
||||||
|
id="path6042"
|
||||||
|
cx="145.07066"
|
||||||
|
cy="-25.540804"
|
||||||
|
r="248.45375" />
|
||||||
|
<circle
|
||||||
|
r="300.06274"
|
||||||
|
cy="59.125866"
|
||||||
|
cx="219.15404"
|
||||||
|
id="circle6059"
|
||||||
|
style="opacity:1;fill:none;fill-opacity:1;stroke:url(#linearGradient3909);stroke-width:0.31954277" />
|
||||||
|
<circle
|
||||||
|
r="248.45375"
|
||||||
|
cy="200.94252"
|
||||||
|
cx="431.87888"
|
||||||
|
id="circle6061"
|
||||||
|
style="opacity:1;fill:none;fill-opacity:1;stroke:url(#linearGradient3901);stroke-width:0.26458332" />
|
||||||
|
<ellipse
|
||||||
|
ry="33.654976"
|
||||||
|
rx="37.064892"
|
||||||
|
cy="41.099281"
|
||||||
|
cx="227.46509"
|
||||||
|
id="ellipse6284"
|
||||||
|
style="opacity:0.34000017;fill:none;fill-opacity:1;stroke:#2affd5;stroke-width:0.63434446"
|
||||||
|
transform="matrix(0.99458815,0.1038962,-0.0109865,0.99993965,0,0)" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 24 KiB |
1267
src/sprites/boris_robot.svg
Normal file
1267
src/sprites/boris_robot.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 50 KiB |
|
|
@ -34,6 +34,7 @@ $font: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helve
|
||||||
'Noto Color Emoji';
|
'Noto Color Emoji';
|
||||||
|
|
||||||
$font_48_semibold: $semibold 48px $font;
|
$font_48_semibold: $semibold 48px $font;
|
||||||
|
$font_48_bold: $bold 48px $font;
|
||||||
$font_24_bold: $bold 24px $font;
|
$font_24_bold: $bold 24px $font;
|
||||||
$font_24_semibold: $bold 24px $font;
|
$font_24_semibold: $bold 24px $font;
|
||||||
$font_24_medium: $medium 24px $font;
|
$font_24_medium: $medium 24px $font;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue