Compare commits

...

3 Commits

11 changed files with 573 additions and 104 deletions

View File

@ -37,10 +37,9 @@ export default class App extends Vue {
// justify-content: flex-start; // justify-content: flex-start;
// align-items: auto; // align-items: auto;
background: url('./assets/wave.footer.svg') bottom no-repeat; // background: url('./assets/wave.footer.svg') bottom no-repeat;
background-size: 100% 4vw; // background-size: 100vw auto;
overflow: hidden; overflow: hidden;
} }
</style> </style>

179
src/assets/logo-dark.svg Normal file
View File

@ -0,0 +1,179 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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="135.46666mm"
height="135.46666mm"
viewBox="0 0 135.46666 135.46666"
version="1.1"
id="svg1966"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="model-dark.svg"
inkscape:export-filename="/home/xdrm-brackets/Desktop/GRAPHISM/xdrm-brackets.logo/v6/dark_512x512.png"
inkscape:export-xdpi="96.000008"
inkscape:export-ydpi="96.000008">
<defs
id="defs1960">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient1802-3"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="linearGradient961">
<stop
style="stop-color:#56fba5;stop-opacity:1"
offset="0"
id="stop957" />
<stop
style="stop-color:#168be5;stop-opacity:1"
offset="1"
id="stop959" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient2577"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient2579"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient2581"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient2583"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="-1192.5715"
inkscape:cy="-264.00002"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="37"
inkscape:window-maximized="1" />
<metadata
id="metadata1963">
<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(-421.36787,-218.01667)">
<g
id="g1023"
transform="matrix(0.8313236,0,0,0.8313236,388.70851,217.89854)"
inkscape:export-filename="/storage/git.xdrm.io/aicra/readme.assets/logo.png"
inkscape:export-xdpi="100"
inkscape:export-ydpi="100">
<g
id="g1013"
transform="matrix(1.1391684,0,0,1.1391684,-7.3799827,-1.9323909)">
<rect
style="fill:#02042c;fill-opacity:1;stroke:none;stroke-width:0.41921;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
id="rect983"
width="117.57381"
height="117.57381"
x="70.701828"
y="-23.213411"
rx="9.2891417"
ry="9.2891417"
transform="rotate(17.743534)" />
<rect
style="fill:#242543;fill-opacity:1;stroke:none;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
id="rect981"
width="118.91715"
height="118.91715"
x="53.029133"
y="13.885267"
rx="9.3947573"
ry="9.3952751" />
</g>
<g
id="g1794-2"
transform="matrix(0.76740361,0,0,0.76740361,199.94002,-47.158332)"
style="fill:url(#linearGradient1802-3);fill-opacity:1">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2577);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.7793;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m -60.59744,125.17671 c -2.222448,-2.22245 -5.893577,-2.21471 -8.116026,0.006 -2.222647,2.22265 -2.230388,5.89358 -0.0058,8.11623 2.222647,2.22265 5.901319,2.22265 8.123966,0 2.222647,-2.22265 2.222647,-5.90132 0,-8.12397 z"
id="circle1078-9"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccscc" />
<path
id="path1076-1"
d="M -98.739347,180.73017 -68.8681,210.5911 a 6.0404954,6.0404954 0 1 0 8.544794,-8.53447 L -90.204677,172.1957 Z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2579);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
inkscape:connector-curvature="0" />
<path
id="path1074-2"
d="m -107.61247,154.79804 -29.86092,-29.85061 a 6.0404954,6.0404954 0 0 0 -4.3391,-1.82623 6.0404954,6.0404954 0 0 0 -4.19557,10.38095 l 29.8506,29.84048 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2581);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
inkscape:connector-curvature="0" />
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path1054-7"
d="m -85.742312,144.109 c -1.566194,0.0596 -3.054179,0.70271 -4.147141,1.82822 l -56.024317,56.02432 c -5.97437,5.68793 2.839,14.51281 8.53467,8.54559 l 56.035235,-56.02432 c 3.96154,-3.84343 1.117577,-10.54889 -4.398447,-10.37301 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient2583);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

184
src/assets/logo-light.svg Normal file
View File

@ -0,0 +1,184 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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="511.99997"
height="511.99997"
viewBox="0 0 135.46666 135.46666"
version="1.1"
id="svg2681"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="model-light.svg"
inkscape:export-filename="/home/xdrm-brackets/Desktop/GRAPHISM/xdrm-brackets.logo/v6/light_512x512.png"
inkscape:export-xdpi="96.000008"
inkscape:export-ydpi="96.000008">
<defs
id="defs2675">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient1802"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="linearGradient961">
<stop
style="stop-color:#56fba5;stop-opacity:1"
offset="0"
id="stop957" />
<stop
style="stop-color:#168be5;stop-opacity:1"
offset="1"
id="stop959" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient3294"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient3296"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient3298"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient961"
id="linearGradient3300"
gradientUnits="userSpaceOnUse"
x1="-104.38408"
y1="123.26704"
x2="-104.38408"
y2="213.58813" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="981.71429"
inkscape:cy="758.85714"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="37"
inkscape:window-maximized="1" />
<metadata
id="metadata2678">
<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(153.9119,52.614285)">
<g
id="g2621"
transform="translate(80.62926,-52.756386)">
<g
id="g859"
transform="matrix(0.8313236,0,0,0.8313236,-267.20052,0.02396909)"
inkscape:export-filename="/storage/git.xdrm.io/aicra/readme.assets/logo.png"
inkscape:export-xdpi="100"
inkscape:export-ydpi="100">
<g
id="g853"
transform="matrix(1.1391684,0,0,1.1391684,-7.3799827,-1.9323909)">
<rect
style="fill:#9ea1cc;fill-opacity:1;stroke:none;stroke-width:0.41921;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
id="rect849"
width="117.57381"
height="117.57381"
x="70.701828"
y="-23.213411"
rx="9.2891417"
ry="9.2891417"
transform="rotate(17.743534)" />
<rect
style="fill:#f1f1f7;fill-opacity:1;stroke:none;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
id="rect851"
width="118.91715"
height="118.91715"
x="53.029133"
y="13.885267"
rx="9.3947573"
ry="9.3952751" />
</g>
</g>
<g
id="g1794"
transform="matrix(0.63796074,0,0,0.63796074,-100.98567,-39.179866)"
style="fill:url(#linearGradient1802);fill-opacity:1">
<path
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3294);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.7793;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m -60.59744,125.17671 c -2.222448,-2.22245 -5.893577,-2.21471 -8.116026,0.006 -2.222647,2.22265 -2.230388,5.89358 -0.0058,8.11623 2.222647,2.22265 5.901319,2.22265 8.123966,0 2.222647,-2.22265 2.222647,-5.90132 0,-8.12397 z"
id="circle1078"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccscc" />
<path
id="path1076"
d="M -98.739347,180.73017 -68.8681,210.5911 a 6.0404954,6.0404954 0 1 0 8.544794,-8.53447 L -90.204677,172.1957 Z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3296);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
inkscape:connector-curvature="0" />
<path
id="path1074"
d="m -107.61247,154.79804 -29.86092,-29.85061 a 6.0404954,6.0404954 0 0 0 -4.3391,-1.82623 6.0404954,6.0404954 0 0 0 -4.19557,10.38095 l 29.8506,29.84048 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3298);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
inkscape:connector-curvature="0" />
<path
sodipodi:nodetypes="cccccc"
inkscape:connector-curvature="0"
id="path1054"
d="m -85.742312,144.109 c -1.566194,0.0596 -3.054179,0.70271 -4.147141,1.82822 l -56.024317,56.02432 c -5.97437,5.68793 2.839,14.51281 8.53467,8.54559 l 56.035235,-56.02432 c 3.96154,-3.84343 1.117577,-10.54889 -4.398447,-10.37301 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient3300);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:12.0798;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -2,21 +2,21 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <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="168.3799mm" width="168.3799mm"
height="7.6796336mm" height="7.6796336mm"
viewBox="0 0 168.3799 7.6796336" viewBox="0 0 168.3799 7.6796336"
version="1.1" version="1.1"
id="svg3399" id="svg3399"
inkscape:version="0.92.4 5da689c313, 2019-01-14" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
sodipodi:docname="wave.footer.svg"> sodipodi:docname="wave.footer.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs <defs
id="defs3393"> id="defs3393">
<linearGradient <linearGradient
@ -57,9 +57,9 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="3.959798" inkscape:zoom="1.4010417"
inkscape:cx="544.00542" inkscape:cx="353.30854"
inkscape:cy="-26.779914" inkscape:cy="-71.375462"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -68,11 +68,12 @@
fit-margin-right="0" fit-margin-right="0"
fit-margin-bottom="0" fit-margin-bottom="0"
inkscape:window-width="1920" inkscape:window-width="1920"
inkscape:window-height="1016" inkscape:window-height="1011"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="34" inkscape:window-y="37"
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:object-paths="true" /> inkscape:object-paths="true"
inkscape:pagecheckerboard="0" />
<metadata <metadata
id="metadata3396"> id="metadata3396">
<rdf:RDF> <rdf:RDF>

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -2,34 +2,34 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <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="420.00018mm" width="420.00018mm"
height="20.821516mm" height="20.821516mm"
viewBox="0 0 420.00018 20.821516" viewBox="0 0 420.00018 20.821516"
version="1.1" version="1.1"
id="svg2775" id="svg2775"
sodipodi:docname="wave.invert.1.svg" sodipodi:docname="wave.invert.1.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"> inkscape:version="1.1 (c68e22c387, 2021-05-23)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs <defs
id="defs2769"> id="defs2769">
<linearGradient <linearGradient
inkscape:collect="always" inkscape:collect="always"
id="linearGradient1485"> id="linearGradient1485">
<stop <stop
style="stop-color:#ffffff;stop-opacity:0.57964599" style="stop-color:#ffffff;stop-opacity:0.6274935"
offset="0" offset="0"
id="stop1481" /> id="stop1481" />
<stop <stop
id="stop1489" id="stop1489"
offset="0.74826735" offset="0.74826735"
style="stop-color:#ffffff;stop-opacity:1" /> style="stop-color:#ffffff;stop-opacity:0.94999999" />
<stop <stop
style="stop-color:#ffffff;stop-opacity:1" style="stop-color:#ffffff;stop-opacity:1"
offset="1" offset="1"
@ -39,9 +39,9 @@
inkscape:collect="always" inkscape:collect="always"
xlink:href="#linearGradient1485" xlink:href="#linearGradient1485"
id="linearGradient1487" id="linearGradient1487"
x1="793.95959" x1="787.56714"
y1="3.1108716" y1="4.8222294"
x2="793.70117" x2="787.56714"
y2="78.695312" y2="78.695312"
gradientUnits="userSpaceOnUse" /> gradientUnits="userSpaceOnUse" />
</defs> </defs>
@ -52,16 +52,16 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="1.4142136" inkscape:zoom="0.66967706"
inkscape:cx="706.05076" inkscape:cx="855.6363"
inkscape:cy="109.92134" inkscape:cy="73.169596"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
inkscape:window-width="1920" inkscape:window-width="1920"
inkscape:window-height="1016" inkscape:window-height="1011"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="34" inkscape:window-y="37"
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:object-paths="false" inkscape:object-paths="false"
inkscape:snap-intersection-paths="true" inkscape:snap-intersection-paths="true"
@ -70,7 +70,8 @@
fit-margin-right="0" fit-margin-right="0"
fit-margin-bottom="0" fit-margin-bottom="0"
inkscape:snap-midpoints="true" inkscape:snap-midpoints="true"
inkscape:object-nodes="true" /> inkscape:object-nodes="true"
inkscape:pagecheckerboard="0" />
<metadata <metadata
id="metadata2772"> id="metadata2772">
<rdf:RDF> <rdf:RDF>
@ -89,12 +90,12 @@
id="layer1" id="layer1"
transform="translate(-0.83328333,-158.9488)"> transform="translate(-0.83328333,-158.9488)">
<path <path
style="fill:url(#linearGradient1487);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none" style="fill:url(#linearGradient1487);fill-opacity:1;stroke-width:0.568935;stroke-miterlimit:4;stroke-dasharray:none"
d="M 606.63477,54.501953 C 531.54501,51.711662 457.67965,28.990751 382.54492,30.00586 300.89517,31.108991 222.63799,51.691963 139.83203,63.195312 93.654156,69.610312 70.435508,65.788533 0,66.185547 V 78.695312 H 1587.4023 V 66.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 -232.5307,3.058482 -454.4886,-66.47193739 -665.74053,-55.085958 -90.45464,5.96328 -180.90134,47.051049 -271.3546,43.689859 z" d="M 606.63477,54.501953 C 531.51738,56.408658 457.67965,28.990751 382.54492,30.00586 300.89517,31.108991 221.23686,56.780324 139.83203,63.195312 93.354786,66.857883 70.435508,65.788533 0,66.185547 V 78.695312 H 1587.4023 V 66.185547 c -9.6396,0.392152 -29.1291,0.361121 -43.6724,-0.287495 C 1321.2791,55.976994 1100.4959,2.2323681 877.98937,10.812094 786.44098,14.342148 698.22169,52.177202 606.63477,54.501953 Z"
transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)"
id="rect3945" id="rect3945"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="sasccccscs" /> sodipodi:nodetypes="aaaccccaaa" />
<g <g
style="display:inline" style="display:inline"
id="g1450" id="g1450"

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@ -2,34 +2,34 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <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="420.00018mm" width="420.00018mm"
height="20.821516mm" height="20.821516mm"
viewBox="0 0 420.00018 20.821516" viewBox="0 0 420.00018 20.821516"
version="1.1" version="1.1"
id="svg2775" id="svg2775"
sodipodi:docname="wave.invert.2.svg" sodipodi:docname="wave.invert.2.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"> inkscape:version="1.1 (c68e22c387, 2021-05-23)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs <defs
id="defs2769"> id="defs2769">
<linearGradient <linearGradient
inkscape:collect="always" inkscape:collect="always"
id="linearGradient868"> id="linearGradient868">
<stop <stop
style="stop-color:#ffffff;stop-opacity:0.1254902" style="stop-color:#ffffff;stop-opacity:0.25490198"
offset="0" offset="0"
id="stop864" /> id="stop864" />
<stop <stop
id="stop872" id="stop872"
offset="0.51782715" offset="0.2287928"
style="stop-color:#ffffff;stop-opacity:0.25663716" /> style="stop-color:#ffffff;stop-opacity:0.22018261" />
<stop <stop
style="stop-color:#ffffff;stop-opacity:0.1238938" style="stop-color:#ffffff;stop-opacity:0.1238938"
offset="1" offset="1"
@ -39,10 +39,10 @@
inkscape:collect="always" inkscape:collect="always"
xlink:href="#linearGradient868" xlink:href="#linearGradient868"
id="linearGradient870" id="linearGradient870"
x1="0" x1="775.00305"
y1="39.069624" y1="78.695312"
x2="1587.4023" x2="775.00305"
y2="39.069624" y2="-0.00018897638"
gradientUnits="userSpaceOnUse" /> gradientUnits="userSpaceOnUse" />
</defs> </defs>
<sodipodi:namedview <sodipodi:namedview
@ -52,16 +52,16 @@
borderopacity="1.0" borderopacity="1.0"
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.5" inkscape:zoom="0.60440736"
inkscape:cx="532.26558" inkscape:cx="833.87469"
inkscape:cy="-66.114037" inkscape:cy="-26.472212"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
inkscape:window-width="1920" inkscape:window-width="1920"
inkscape:window-height="1016" inkscape:window-height="1011"
inkscape:window-x="0" inkscape:window-x="0"
inkscape:window-y="34" inkscape:window-y="37"
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:object-paths="false" inkscape:object-paths="false"
inkscape:snap-intersection-paths="true" inkscape:snap-intersection-paths="true"
@ -71,7 +71,8 @@
fit-margin-bottom="0" fit-margin-bottom="0"
inkscape:snap-midpoints="true" inkscape:snap-midpoints="true"
inkscape:object-nodes="true" inkscape:object-nodes="true"
inkscape:snap-page="true" /> inkscape:snap-page="true"
inkscape:pagecheckerboard="0" />
<metadata <metadata
id="metadata2772"> id="metadata2772">
<rdf:RDF> <rdf:RDF>
@ -90,11 +91,11 @@
id="layer1" id="layer1"
transform="translate(-0.83328333,-158.9488)"> transform="translate(-0.83328333,-158.9488)">
<path <path
style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none" style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.568935;stroke-miterlimit:4;stroke-dasharray:none"
d="M 606.63477,28.501953 C 531.54501,25.711662 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 222.63799,25.691963 139.83203,37.195312 93.654156,43.610312 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 C 1463.4329,40.9542 1411.2135,20.788575 1289.0475,21.590229 1232.3864,21.96204 1092.9691,48.489136 1050.7634,44.723632 920.4457,33.096949 899.0196,-5.6308121 794.55077,-1.8897638e-4 704.09613,5.9630907 697.08803,31.863143 606.63477,28.501953 Z" d="M 606.63477,28.501953 C 531.50948,30.066521 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 221.23686,30.780324 139.83203,37.195312 93.354786,40.857883 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -29.1258,0.282619 -43.6724,-0.287495 C 1458.682,36.564835 1374.154,20.525554 1289.0475,21.590229 1209.2523,22.58846 1130.5072,47.756803 1050.7634,44.723632 964.13045,41.428423 881.24098,0.96595402 794.55077,-1.8897638e-4 731.19962,-0.70622333 669.97611,27.182799 606.63477,28.501953 Z"
id="rect3945" id="rect3945"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"
sodipodi:nodetypes="sasccccssscs" sodipodi:nodetypes="aaaccccaaaaa"
transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" /> transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" />
<g <g
style="display:inline" style="display:inline"

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -0,0 +1,112 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="420.00018mm"
height="20.821516mm"
viewBox="0 0 420.00018 20.821516"
version="1.1"
id="svg2775"
sodipodi:docname="wave.invert.2.svg"
inkscape:version="1.1 (c68e22c387, 2021-05-23)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2769">
<linearGradient
inkscape:collect="always"
id="linearGradient868">
<stop
style="stop-color:#ffffff;stop-opacity:0.1254902"
offset="0"
id="stop864" />
<stop
id="stop872"
offset="0.51782715"
style="stop-color:#ffffff;stop-opacity:0.25663716" />
<stop
style="stop-color:#ffffff;stop-opacity:0.1238938"
offset="1"
id="stop866" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient868"
id="linearGradient870"
x1="832.3631"
y1="78.695305"
x2="874.53784"
y2="5.6464605"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0230171"
inkscape:cx="867.04315"
inkscape:cy="141.73761"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="37"
inkscape:window-maximized="1"
inkscape:object-paths="false"
inkscape:snap-intersection-paths="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:snap-midpoints="true"
inkscape:object-nodes="true"
inkscape:snap-page="true"
inkscape:pagecheckerboard="0" />
<metadata
id="metadata2772">
<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 />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-0.83328333,-158.9488)">
<rect
style="fill:#000000;fill-opacity:0.95;stroke-width:0.424;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:13.731;paint-order:fill markers stroke"
id="rect1306"
width="561.72003"
height="181.31514"
x="-74.340935"
y="73.456749" />
<path
style="fill:url(#linearGradient870);fill-opacity:1;stroke-width:0.56893516;stroke-miterlimit:4;stroke-dasharray:none"
d="M 606.63477,28.501953 C 531.54501,25.711662 457.67965,2.9907502 382.54492,4.0058597 300.89517,5.1089905 222.63799,25.691963 139.83203,37.195312 93.654156,43.610312 70.435508,39.788533 0,40.185547 V 78.695312 H 1587.4023 V 40.185547 c -9.6396,0.392152 -34.0164,-0.414501 -43.6724,-0.287495 C 1463.4329,40.9542 1411.2135,20.788575 1289.0475,21.590229 1232.3864,21.96204 1092.9691,48.489136 1050.7634,44.723632 920.4457,33.096949 899.0196,-5.6308121 794.55077,-1.8897638e-4 704.09613,5.9630907 697.08803,31.863143 606.63477,28.501953 Z"
id="rect3945"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sasccccssscs"
transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" />
<g
style="display:inline"
id="g1450"
transform="translate(0.83328333,98.033331)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -57,9 +57,9 @@
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"> <style scoped lang="scss">
$banner-size: 14rem; $banner-size: 20rem;
$icon-size: 9rem; $icon-size: 9rem;
$wave-height: 5rem; $wave-height: 6.3rem;
$mq-noresize: 1250px; $mq-noresize: 1250px;
$mq-noicon: 940px; $mq-noicon: 940px;
@ -73,7 +73,6 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
// height: #{$banner-size + $wave-height*1.5};
padding-bottom: #{$wave-height*1.5}; padding-bottom: #{$wave-height*1.5};
flex-flow: row nowrap; flex-flow: row nowrap;
@ -82,45 +81,35 @@
color: #fff; color: #fff;
font-size: 1rem; font-size: 1rem;
font-family: 'Roboto'; font-family: 'Fira Code';
font-weight: 300; font-weight: 300;
white-space: nowrap; white-space: nowrap;
background: linear-gradient(to bottom right, #5154fc, #518dfc); background: #07142d;
@keyframes wave { @keyframes wave {
from{ background-position-x: 0; } from{ background-position-x: 0; }
to{ background-position-x: 1000%; } to{ background-position-x: 100vw; }
}
@keyframes sink {
from{ background-position-y: 0; }
to{ background-position-y: #{$wave-height/2}; }
} }
.wave { .wave {
display: block; display: block;
position: absolute; position: absolute;
top: calc( 100% - #{$wave-height} ); top: #{$banner-size + $wave-height*.5 + .1rem};
left: 0; left: 0;
// waves are too "bumpy" on mobile width: 100vw;
min-width: 40rem; height: $wave-height;
width: 100%;
height: calc( #{$wave-height} + 1px );
/* OPTI ? */// will-change: background-position; background-image: url('../assets/wave.invert.1.svg');
background-repeat: repeat-x;
background: url('../assets/wave.invert.1.svg') repeat-x; background-position-y: 101%;
background-position: 0 0; background-size: 100% auto;
background-size: 200% 100%;
animation: 200s linear wave infinite;
animation: 100s linear wave infinite;
&.w2{ &.w2{
background-image: url('../assets/wave.invert.2.svg'); background-image: url('../assets/wave.invert.2.svg');
background-size: 150% 100%; animation: 100s linear wave infinite reverse;
animation: 100s linear wave infinite reverse;//, 2s ease sink infinite alternate;
} }
} }
@ -159,13 +148,14 @@
.picture { .picture {
display: block; display: block;
position: absolute; position: absolute;
top: 10%; top: 15%;
left: 10%; left: 15%;
width: 80%; width: 70%;
height: 80%; height: 70%;
background: rgba(#fff, .2); background: url("../assets/logo-light.svg");
border-radius: 50% / 50%; background-size: cover;
// border-radius: 50% / 50%;
} }
} }
@ -212,7 +202,6 @@
.headline { .headline {
font-weight: 400; font-weight: 400;
} }
} }
} }
@ -220,8 +209,10 @@
// remove icon if less than $mq-noresize px wide // remove icon if less than $mq-noresize px wide
@media screen and (max-width: $mq-noicon){ @media screen and (max-width: $mq-noicon){
#banner { #banner {
flex-direction: column;
.icon-wrapper { .icon-wrapper {
display: none; flex: auto;
order: 2;
} }
} }
} }

View File

@ -46,6 +46,8 @@
position: relative; position: relative;
margin: 0 5%; margin: 0 5%;
margin-top: 3em;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-between; justify-content: space-between;
align-items: flex-start; align-items: flex-start;

View File

@ -4,5 +4,5 @@ export default {
headline: 'full-stack developer', headline: 'full-stack developer',
phone: '(+33) 06 69 05 19 10', phone: '(+33) 06 69 05 19 10',
email: 'xdrm.brackets.dev@gmail.com', email: 'xdrm.brackets.dev@gmail.com',
address: 'Eaunes, 31600', address: 'Escalquens, 31750',
}; };

View File

@ -32,9 +32,8 @@ export default [
skills: [ skills: [
{ label: 'PHP', link: 'https://www.php.net/', level: 0.9 }, { label: 'PHP', link: 'https://www.php.net/', level: 0.9 },
{ label: 'HTML<i>/</i>CSS', link: 'https://www.w3.org/standards/webdesign/htmlcss', level: 1 }, { label: 'HTML<i>/</i>CSS', link: 'https://www.w3.org/standards/webdesign/htmlcss', level: 1 },
{ label: 'Javascript', link: 'https://developer.mozilla.org/JavaScript', level: 1 }, { label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.6 },
{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.9 }, { label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.8 },
{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.6 },
{ label: 'Python', link: 'https://www.python.org/', level: 0.3 }, { label: 'Python', link: 'https://www.python.org/', level: 0.3 },
{ label: 'go', link: 'https://golang.org/', level: 1 }, { label: 'go', link: 'https://golang.org/', level: 1 },
], ],