Added mocks
This commit is contained in:
61
mocks/jukebox_accueil_v1.drawio
Normal file
61
mocks/jukebox_accueil_v1.drawio
Normal file
@@ -0,0 +1,61 @@
|
||||
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64; rv:147.0) Gecko/20100101 Firefox/147.0" version="29.5.2">
|
||||
<diagram name="Page-1" id="Or6bSOqsWlfl8Xx2nucR">
|
||||
<mxGraphModel dx="755" dy="650" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-2" parent="1" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.phone2;movable=0;resizable=0;rotatable=0;deletable=0;editable=0;locked=1;connectable=0;" value="" vertex="1">
|
||||
<mxGeometry height="545" width="290" x="240" y="83" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-4" parent="1" style="rounded=0;whiteSpace=wrap;html=1;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;fillColor=#000000;" value="" vertex="1">
|
||||
<mxGeometry height="448" width="270" x="250" y="132" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-139" parent="1" style="whiteSpace=wrap;html=1;aspect=fixed;rounded=1;fillColor=#fad7ac;strokeColor=#b46504;" value="" vertex="1">
|
||||
<mxGeometry height="124" width="124" x="257" y="452" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-140" parent="1" style="whiteSpace=wrap;html=1;aspect=fixed;rounded=1;fillColor=#fad7ac;strokeColor=#b46504;" value="" vertex="1">
|
||||
<mxGeometry height="124" width="124" x="390" y="452" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-92" parent="1" style="dashed=0;align=center;fontSize=12;shape=rect;fillColor=#383838;strokeColor=none;shadow=0;hachureGap=4;pointerEvents=0;fontFamily=Helvetica;rounded=1;gradientColor=#191919;gradientDirection=south;opacity=99;" value="" vertex="1">
|
||||
<mxGeometry height="115" width="258" x="256" y="460" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-99" parent="1" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;shadow=0;dashed=0;shape=mxgraph.ios7.icons.play;strokeColor=none;" value="" vertex="1">
|
||||
<mxGeometry height="24" width="21" x="377.5" y="532" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-101" parent="1" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressScrubberPressed;dx=0.29;fillColor=#FBFBFB;strokeColor2=none;strokeColor=none;" value="" vertex="1">
|
||||
<mxGeometry height="16" width="185" x="292.5" y="502" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-102" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1" value="1:24" vertex="1">
|
||||
<mxGeometry height="30" width="60" x="247" y="494" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-103" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1" value="4:08" vertex="1">
|
||||
<mxGeometry height="30" width="60" x="464" y="494" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-105" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1;fontSize=12;" value="Swans - A Piece Of The Sky" vertex="1">
|
||||
<mxGeometry height="30" width="210" x="280" y="468" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-141" parent="1" style="whiteSpace=wrap;html=1;aspect=fixed;rounded=1;fillColor=#fad7ac;strokeColor=#b46504;" value="" vertex="1">
|
||||
<mxGeometry height="124" width="124" x="257" y="319" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-142" parent="1" style="whiteSpace=wrap;html=1;aspect=fixed;rounded=1;fillColor=#fad7ac;strokeColor=#b46504;" value="" vertex="1">
|
||||
<mxGeometry height="124" width="124" x="390" y="319" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-143" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="257" y="183" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-144" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="257" y="213" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-145" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="257" y="243" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-147" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;fontStyle=1;fontSize=19;" value="Liked tracks" vertex="1">
|
||||
<mxGeometry height="30" width="113" x="257" y="153" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-148" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;fontStyle=1;fontSize=19;" value="Liked albums" vertex="1">
|
||||
<mxGeometry height="30" width="133" x="257" y="289" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
BIN
mocks/jukebox_accueil_v1.png
Normal file
BIN
mocks/jukebox_accueil_v1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
55
mocks/jukebox_album_v4.drawio
Normal file
55
mocks/jukebox_album_v4.drawio
Normal file
@@ -0,0 +1,55 @@
|
||||
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64; rv:147.0) Gecko/20100101 Firefox/147.0" version="29.5.2">
|
||||
<diagram name="Page-1" id="Or6bSOqsWlfl8Xx2nucR">
|
||||
<mxGraphModel dx="755" dy="650" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0" />
|
||||
<mxCell id="1" parent="0" />
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-2" parent="1" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.phone2;movable=0;resizable=0;rotatable=0;deletable=0;editable=0;locked=1;connectable=0;" value="" vertex="1">
|
||||
<mxGeometry height="545" width="290" x="240" y="83" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-4" parent="1" style="rounded=0;whiteSpace=wrap;html=1;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;locked=0;connectable=1;fillColor=#000000;" value="" vertex="1">
|
||||
<mxGeometry height="448" width="270" x="250" y="132" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-139" parent="1" style="whiteSpace=wrap;html=1;aspect=fixed;rounded=1;fillColor=#fad7ac;strokeColor=#b46504;" value="" vertex="1">
|
||||
<mxGeometry height="153" width="153" x="309" y="154" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-157" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="256" y="445" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-92" parent="1" style="dashed=0;align=center;fontSize=12;shape=rect;fillColor=#383838;strokeColor=none;shadow=0;hachureGap=4;pointerEvents=0;fontFamily=Helvetica;rounded=1;gradientColor=#191919;gradientDirection=south;opacity=99;" value="" vertex="1">
|
||||
<mxGeometry height="115" width="258" x="256" y="460" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-99" parent="1" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;shadow=0;dashed=0;shape=mxgraph.ios7.icons.play;strokeColor=none;" value="" vertex="1">
|
||||
<mxGeometry height="24" width="21" x="377.5" y="532" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-101" parent="1" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.progressScrubberPressed;dx=0.29;fillColor=#FBFBFB;strokeColor2=none;strokeColor=none;" value="" vertex="1">
|
||||
<mxGeometry height="16" width="185" x="292.5" y="502" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-102" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1" value="1:24" vertex="1">
|
||||
<mxGeometry height="30" width="60" x="247" y="494" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-103" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1" value="4:08" vertex="1">
|
||||
<mxGeometry height="30" width="60" x="464" y="494" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-105" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fillColor=none;fontColor=#FFFFFF;fontStyle=1;fontSize=12;" value="Swans - A Piece Of The Sky" vertex="1">
|
||||
<mxGeometry height="30" width="210" x="280" y="468" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-147" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;fontStyle=1;fontSize=19;" value="Soundtracks For The Blind" vertex="1">
|
||||
<mxGeometry height="30" width="260" x="255" y="308" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-153" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;fontStyle=1;fontSize=16;" value="Swans" vertex="1">
|
||||
<mxGeometry height="30" width="260" x="255" y="331" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-150" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="256" y="383" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-151" parent="1" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fad9d5;strokeColor=#ae4132;" value="" vertex="1">
|
||||
<mxGeometry height="25" width="258" x="256" y="414" as="geometry" />
|
||||
</mxCell>
|
||||
<mxCell id="4umQlVDi6oCQPJEGfhy7-161" parent="1" style="text;html=1;whiteSpace=wrap;align=center;verticalAlign=middle;rounded=0;fontColor=#FFFFFF;fontStyle=1;fontSize=10;" value="1996-11-29 - Young God Records" vertex="1">
|
||||
<mxGeometry height="30" width="260" x="255" y="352" as="geometry" />
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
BIN
mocks/jukebox_album_v4.png
Normal file
BIN
mocks/jukebox_album_v4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Reference in New Issue
Block a user