xdrm-brackets
/
xdrm.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: add logo, fix waves for all devices, update models

This commit is contained in:
Adrien Marquès 2021-06-28 21:19:02 +02:00
parent d827582cc4
commit 8ecab5c7be
Signed by: xdrm-brackets
GPG Key ID: D75243CA236D825E
11 changed files with 536 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

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

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>
Side by Side

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>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

33
src/assets/wave.footer.svg
View File

@ -2,21 +2,21 @@
<!-- 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="168.3799mm"
height="7.6796336mm"
viewBox="0 0 168.3799 7.6796336"
version="1.1"
id="svg3399"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="wave.footer.svg">
inkscape:version="1.1 (c68e22c387, 2021-05-23)"
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
id="defs3393">
<linearGradient
@ -57,9 +57,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="544.00542"
inkscape:cy="-26.779914"
inkscape:zoom="1.4010417"
inkscape:cx="353.30854"
inkscape:cy="-71.375462"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
@ -68,11 +68,12 @@
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-y="37"
inkscape:window-maximized="1"
inkscape:object-paths="true" />
inkscape:object-paths="true"
inkscape:pagecheckerboard="0" />
<metadata
id="metadata3396">
<rdf:RDF>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

22
src/assets/wave.invert.1.svg
View File

@ -23,13 +23,13 @@
inkscape:collect="always"
id="linearGradient1485">
<stop
style="stop-color:#ffffff;stop-opacity:0.57964599"
style="stop-color:#ffffff;stop-opacity:0.6274935"
offset="0"
id="stop1481" />
<stop
id="stop1489"
offset="0.74826735"
style="stop-color:#ffffff;stop-opacity:1" />
style="stop-color:#ffffff;stop-opacity:0.94999999" />
<stop
style="stop-color:#ffffff;stop-opacity:1"
offset="1"
@ -39,9 +39,9 @@
inkscape:collect="always"
xlink:href="#linearGradient1485"
id="linearGradient1487"
x1="793.95959"
y1="3.1108716"
x2="793.70117"
x1="787.56714"
y1="4.8222294"
x2="787.56714"
y2="78.695312"
gradientUnits="userSpaceOnUse" />
</defs>
@ -52,9 +52,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.50001213"
inkscape:cx="1379.9665"
inkscape:cy="465.98869"
inkscape:zoom="0.66967706"
inkscape:cx="855.6363"
inkscape:cy="73.169596"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
@ -90,12 +90,12 @@
id="layer1"
transform="translate(-0.83328333,-158.9488)">
<path
style="fill:url(#linearGradient1487);fill-opacity:1;stroke-width:0.56893516;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"
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.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)"
id="rect3945"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sasccccscs" />
sodipodi:nodetypes="aaaccccaaa" />
<g
style="display:inline"
id="g1450"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

26
src/assets/wave.invert.2.svg
View File

@ -23,13 +23,13 @@
inkscape:collect="always"
id="linearGradient868">
<stop
style="stop-color:#ffffff;stop-opacity:0.1254902"
style="stop-color:#ffffff;stop-opacity:0.25490198"
offset="0"
id="stop864" />
<stop
id="stop872"
offset="0.51782715"
style="stop-color:#ffffff;stop-opacity:0.25663716" />
offset="0.2287928"
style="stop-color:#ffffff;stop-opacity:0.22018261" />
<stop
style="stop-color:#ffffff;stop-opacity:0.1238938"
offset="1"
@ -39,10 +39,10 @@
inkscape:collect="always"
xlink:href="#linearGradient868"
id="linearGradient870"
x1="0"
y1="39.069624"
x2="1587.4023"
y2="39.069624"
x1="775.00305"
y1="78.695312"
x2="775.00305"
y2="-0.00018897638"
gradientUnits="userSpaceOnUse" />
</defs>
<sodipodi:namedview
@ -52,9 +52,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0230171"
inkscape:cx="867.04315"
inkscape:cy="141.73761"
inkscape:zoom="0.60440736"
inkscape:cx="833.87469"
inkscape:cy="-26.472212"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
@ -91,11 +91,11 @@
id="layer1"
transform="translate(-0.83328333,-158.9488)">
<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"
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.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"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sasccccssscs"
sodipodi:nodetypes="aaaccccaaaaa"
transform="matrix(0.26458333,0,0,0.26458333,0.83328333,158.94885)" />
<g
style="display:inline"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

112
src/assets/wave.invert.2.svg.2021_06_28_21_01_49.0.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

25
src/components/Banner.vue
View File

@ -57,7 +57,7 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
$banner-size: 14rem;
$banner-size: 20rem;
$icon-size: 9rem;
$wave-height: 6.3rem;
@ -73,7 +73,6 @@
top: 0;
left: 0;
width: 100%;
// height: #{$banner-size + $wave-height*1.5};
padding-bottom: #{$wave-height*1.5};
flex-flow: row nowrap;
@ -86,7 +85,7 @@
font-weight: 300;
white-space: nowrap;
background: linear-gradient(to bottom right, #5154fc, #518dfc);
background: #07142d;
@keyframes wave {
from{ background-position-x: 0; }
@ -96,14 +95,15 @@
.wave {
display: block;
position: absolute;
top: calc( 100% - #{$wave-height} );
top: #{$banner-size + $wave-height*.5 + .1rem};
left: 0;
width: 100vw;
height: #{$wave-height};
height: $wave-height;
background-image: url('../assets/wave.invert.1.svg');
background-repeat: repeat-x;
background-size: 100vw auto;
background-position-y: 101%;
background-size: 100% auto;
animation: 100s linear wave infinite;
@ -148,13 +148,14 @@
.picture {
display: block;
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
top: 15%;
left: 15%;
width: 70%;
height: 70%;
background: rgba(#fff, .2);
border-radius: 50% / 50%;
background: url("../assets/logo-light.svg");
background-size: cover;
// border-radius: 50% / 50%;
}
}

2
src/components/Skills.vue
View File

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

2
src/model/banner.ts
View File

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

5
src/model/skills.ts
View File

@ -32,9 +32,8 @@ export default [
skills: [
{ 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: 'Javascript', link: 'https://developer.mozilla.org/JavaScript', level: 1 },
{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.9 },
{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.6 },
{ label: 'Typescript', link: 'https://www.typescriptlang.org/', level: 0.6 },
{ label: 'C<i>/</i>C++', link: 'https://isocpp.org/', level: 0.8 },
{ label: 'Python', link: 'https://www.python.org/', level: 0.3 },
{ label: 'go', link: 'https://golang.org/', level: 1 },
],