Design v1 interface de connexion

This commit is contained in:
xdrm-brackets 2016-04-12 10:21:12 +02:00
parent 9fb56cee21
commit 0029365ac5
6 changed files with 807 additions and 23 deletions

View File

@ -1,2 +1,2 @@
#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;font-family:'Open Sans';font-size:15px;overflow-x:hidden;overflow-y:auto}#WRAPPER>#HEADER{display:flex;position:absolute;top:0;left:15em;width:calc( 100% - 15em );height:calc( 5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;flex-direction:row;justify-content:flex-end;align-content:space-around;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:fixed;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:5em;left:15em;width:calc( 100% - 15em - 2*1em );min-height:calc( 100% - 5em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto}
body{font-family:'Open Sans';font-size:15px}#WRAPPER{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e8e8e8;overflow-x:hidden;overflow-y:auto;z-index:1}#WRAPPER>#HEADER{display:flex;position:absolute;top:0;left:15em;width:calc( 100% - 15em );height:calc( 5em - 1px );border-bottom:1px solid #e5e5e5;background-color:#fff;flex-direction:row;justify-content:flex-end;align-content:space-around;z-index:10}#WRAPPER>#MENU-SIDE{display:block;position:fixed;top:0;left:0;width:15em;height:100%;box-shadow:2px 1px 3px #ddd;background-color:#32323a;transition:all .3s;z-index:9}#WRAPPER>#CONTAINER{display:flex;position:absolute;top:5em;left:15em;width:calc( 100% - 15em - 2*1em );min-height:calc( 100% - 5em - 2*1em );padding:1em;flex-direction:row;justify-content:space-between;overflow-x:none;overflow-y:auto}#LOGIN{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;background-color:#32323a;z-index:101}#LOGIN>#login-icon{width:5em;height:5em;background-color:#f00}#LOGIN>#login-form{display:block}#LOGIN>#login-form>input[type='text'],#LOGIN>#login-form>input[type='password'],#LOGIN>#login-form>input[type='button']{display:flex;width:20em;margin:2em 0;padding:1em 2em;flex-direction:column;justify-content:space-around;flex-wrap:nowrap;align-items:middle;border-radius:5px;border:1px solid #6b6b6b;background-color:#32323a;color:#fff;transition:border .2s ease-in-out}#LOGIN>#login-form>input[type='text']:hover,#LOGIN>#login-form>input[type='text']:focus,#LOGIN>#login-form>input[type='password']:hover,#LOGIN>#login-form>input[type='password']:focus,#LOGIN>#login-form>input[type='button']:hover,#LOGIN>#login-form>input[type='button']:focus{border-color:#53d192}#LOGIN>#login-form>input[type='button']{margin:2em auto;border:0;background-color:#53d192;color:#fff;font-weight:bold}#LOGIN>#login-form>input[type='button']:hover{box-shadow:0 0 1em #1a1a1f}
/*# sourceMappingURL=layout.css.map */

View File

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "AAEA,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCPE,OAAO,CDSzB,WAAW,CAAE,WAAW,CACxB,SAAS,CAAE,IAAI,CAEf,UAAU,CAAE,MAAM,CAClB,UAAU,CAAE,IAAI,CAKhB,gBAAW,CACV,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCPW,IAAI,CDQnB,KAAK,CAAE,mBAAkC,CACzC,MAAM,CAAE,iBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CC3BC,IAAO,CD8BxB,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,QAAQ,CACzB,aAAa,CAAE,YAAY,CAE3B,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CCjCU,IAAI,CDkCnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CC/CA,OAAO,CDiDvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CClDY,GAAG,CDmDlB,IAAI,CCpDW,IAAI,CDqDnB,KAAK,CAAE,2BAA0C,CACjD,UAAU,CAAE,0BAAwC,CACrD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI",
"mappings": "AAEA,IAAI,CAEH,WAAW,CAAE,WAAW,CACxB,SAAS,CAAE,IAAI,CAKhB,QAAQ,CACP,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAEb,gBAAgB,CCfE,OAAO,CDiBzB,UAAU,CAAE,MAAM,CAClB,UAAU,CAAE,IAAI,CAEhB,OAAO,CAAE,CAAC,CAKV,gBAAW,CACV,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CAAE,CAAC,CACN,IAAI,CCdW,IAAI,CDenB,KAAK,CAAE,mBAAkC,CACzC,MAAM,CAAE,iBAA+B,CAExC,aAAa,CAAE,iBAA8B,CAE7C,gBAAgB,CClCC,IAAO,CDqCxB,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,QAAQ,CACzB,aAAa,CAAE,YAAY,CAE3B,OAAO,CAAE,EAAE,CAQZ,mBAAc,CACb,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CCxCU,IAAI,CDyCnB,MAAM,CAAE,IAAI,CAEb,UAAU,CAAE,gBAAgB,CAE5B,gBAAgB,CCtDA,OAAO,CDwDvB,UAAU,CAAE,OAAO,CAEnB,OAAO,CAAE,CAAC,CAMX,mBAAc,CACb,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,QAAQ,CACjB,GAAG,CCzDY,GAAG,CD0DlB,IAAI,CC3DW,IAAI,CD4DnB,KAAK,CAAE,2BAA0C,CACjD,UAAU,CAAE,0BAAwC,CACrD,OAAO,CAAE,GAAG,CAGZ,cAAc,CAAE,GAAG,CACnB,eAAe,CAAE,aAAa,CAE9B,UAAU,CAAE,IAAI,CAChB,UAAU,CAAE,IAAI,CASlB,MAAM,CACL,OAAO,CAAE,IAAI,CACb,QAAQ,CAAE,KAAK,CACd,GAAG,CAAE,CAAC,CACN,IAAI,CAAE,CAAC,CACP,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CAGb,cAAc,CAAE,GAAG,CACnB,SAAS,CAAE,MAAM,CACjB,eAAe,CAAE,YAAY,CAC7B,WAAW,CAAE,MAAM,CAGnB,gBAAgB,CCtGC,OAAO,CDwGxB,OAAO,CAAE,GAAG,CAMZ,kBAAe,CACd,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CAEX,gBAAgB,CAAE,IAAI,CAKvB,kBAAe,CACd,OAAO,CAAE,KAAK,CAId,uHAEwB,CACvB,OAAO,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,CAEZ,MAAM,CAAE,KAAK,CACb,OAAO,CAAE,OAAO,CAGhB,cAAc,CAAE,MAAM,CACtB,eAAe,CAAE,YAAY,CAC7B,SAAS,CAAE,MAAM,CACjB,WAAW,CAAE,MAAM,CAGnB,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,iBAAgC,CAExC,gBAAgB,CC/ID,OAAO,CDiJtB,KAAK,CC9IU,IAAO,CDgJtB,UAAU,CAAE,sBAAsB,CAGlC,mRACO,CACN,YAAY,CC3JG,OAAO,CDkKxB,uCAAwB,CACvB,MAAM,CAAE,QAAQ,CAEhB,MAAM,CAAE,CAAC,CAET,gBAAgB,CCvKA,OAAO,CDyKvB,KAAK,CCnKU,IAAO,CDoKtB,WAAW,CAAE,IAAI,CAGjB,6CAAO,CACN,UAAU,CAAE,eAA4B",
"sources": ["layout.scss","constants.scss"],
"names": [],
"file": "layout.css"

View File

@ -1,5 +1,13 @@
@import 'constants';
body{
font-family: 'Open Sans';
font-size: 15px;
}
#WRAPPER{
display: block;
position: fixed;
@ -10,12 +18,11 @@
background-color: $theme-bg;
font-family: 'Open Sans';
font-size: 15px;
overflow-x: hidden;
overflow-y: auto;
z-index: 1;
/* [1] Header de la page
==========================================*/
@ -81,3 +88,100 @@
overflow-y: auto;
}
}
/* [4] Page de login
=========================================================*/
#LOGIN{
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
// flex properties
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
background-color: $dark-bg;
z-index: 101;
/* (1) Logo et nom du site */
& > #login-icon{
width: 5em;
height: 5em;
background-color: #f00;
}
/* (2) Formulaire de connexion */
& > #login-form{
display: block;
/* (2.1) Champs de texte (login/password) */
& > input[type='text'],
& > input[type='password'],
& > input[type='button']{
display: flex;
width: 20em;
margin: 2em 0;
padding: 1em 2em;
// flex properties
flex-direction: column;
justify-content: space-around;
flex-wrap: nowrap;
align-items: middle;
border-radius: 5px;
border: 1px solid lighten($theme-fg, 10);
background-color: $dark-bg;
color: $dark-fg-primary;
transition: border .2s ease-in-out;
// Animation de @hover/@focus
&:hover,
&:focus{
border-color: $theme-fg-primary;
}
}
/* (2.2) Bouton de connexion */
& > input[type='button']{
margin: 2em auto;
border: 0;
background-color: $theme-fg-primary;
color: $dark-fg-primary;
font-weight: bold;
// Animation de @hover
&:hover{
box-shadow: 0 0 1em darken($dark-bg, 10);
}
}
}
}

670
doc/com.svg Normal file
View File

@ -0,0 +1,670 @@
<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="28.302763mm"
height="53.218307mm"
viewBox="0 0 100.28538 188.56881"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="com.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="17.228702"
inkscape:cy="87.802861"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:snap-midpoints="true"
inkscape:object-paths="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata7">
<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="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-154.89032,-159.12775)">
<g
id="g4452"
transform="matrix(0.27155465,0,0,0.27155465,158.11825,246.53287)">
<path
id="path4396"
d="m 99.91,45.5 c -0.48,0 -0.94,0.03 -1.41,0.07 0.02,-0.48 0.04,-0.96 0.04,-1.44 C 98.54,25.7 84.91,10.46 67.17,7.94 l -0.05,-0.37 -5.15,0 C 44.27,7.57 29.51,20.15 26.13,36.86 14.31,37.2 4.83,47.02 4.83,58.92 4.84,71.03 14.66,81 26.78,81 c 0,0 72.67,0 73.14,0 9.72,0 17.6,-8.03 17.6,-17.75 C 117.51,53.53 109.63,45.5 99.91,45.5 Z"
inkscape:connector-curvature="0"
style="fill:#00aeef" />
<path
id="path4398"
d="m 105.07,45.5 c -0.48,0 -0.94,0.03 -1.41,0.07 0.02,-0.48 0.04,-0.96 0.04,-1.44 C 103.7,23.93 87.33,7.56 67.13,7.56 49.43,7.56 34.67,20.14 31.29,36.85 19.47,37.19 9.99,47.01 9.99,58.91 9.99,71.03 19.81,81 31.93,81 c 0,0 72.67,0 73.14,0 9.72,0 17.6,-8.03 17.6,-17.75 -0.01,-9.72 -7.88,-17.75 -17.6,-17.75 z"
inkscape:connector-curvature="0"
style="fill:#00c0f3" />
<path
id="path4400"
d="m 90,56 0,-10 -5.69,0 c -0.43,-1.56 -1.04,-3.04 -1.83,-4.42 l 4.02,-4.02 -7.07,-7.07 -4.02,4.02 c -1.37,-0.79 -2.86,-1.4 -4.42,-1.83 l 0,-5.68 -9.99,0 0,5.69 c -1.56,0.43 -3.04,1.04 -4.42,1.83 l -4.02,-4.02 -7.07,7.07 4.02,4.02 c -0.79,1.37 -1.4,2.86 -1.83,4.42 l -5.68,0 0,10 5.69,0 c 0.43,1.56 1.04,3.04 1.83,4.42 l -4.02,4.02 7.07,7.07 4.02,-4.02 c 1.37,0.79 2.86,1.4 4.42,1.83 l 0,5.67 10,0 0,-5.69 c 1.56,-0.43 3.04,-1.04 4.42,-1.83 l 4.02,4.02 7.07,-7.07 -4.02,-4.02 c 0.79,-1.37 1.4,-2.86 1.83,-4.42 l 5.67,0 z m -24,5.67 c -5.89,0 -10.67,-4.78 -10.67,-10.67 0,-5.89 4.78,-10.67 10.67,-10.67 5.89,0 10.67,4.78 10.67,10.67 0,5.89 -4.78,10.67 -10.67,10.67 z"
inkscape:connector-curvature="0"
style="fill:#00aeef" />
<path
id="path4402"
d="m 94,66 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0" />
<line
id="line4404"
y2="113"
y1="60"
x2="66"
x1="66"
stroke-miterlimit="10"
style="fill:none;stroke:#ec008c;stroke-width:4;stroke-miterlimit:10" />
<path
id="path4406"
d="m 98,66 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0"
style="fill:#414042" />
<path
id="path4408"
d="m 94,86 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0" />
<path
id="path4410"
d="m 98,86 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0"
style="fill:#414042" />
<path
id="path4412"
d="m 94,106 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0" />
<path
id="path4414"
d="m 98,106 c 0,1.1 -0.9,2 -2,2 l -59,0 c -1.1,0 -2,-0.9 -2,-2 l 0,-12 c 0,-1.1 0.9,-2 2,-2 l 59,0 c 1.1,0 2,0.9 2,2 l 0,12 z"
inkscape:connector-curvature="0"
style="fill:#414042" />
<line
id="line4416"
y2="118"
y1="118"
x2="96"
x1="71"
stroke-miterlimit="10"
style="fill:none;stroke:#ec008c;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10" />
<line
id="line4418"
y2="118"
y1="118"
x2="62"
x1="35"
stroke-miterlimit="10"
style="fill:none;stroke:#ec008c;stroke-width:4;stroke-linecap:square;stroke-miterlimit:10" />
<circle
id="circle4420"
stroke-miterlimit="10"
r="4.1900001"
cy="117.06"
cx="66.260002"
style="fill:none;stroke:#ec008c;stroke-width:4;stroke-miterlimit:10" />
<circle
id="circle4422"
r="2.23"
cy="59.540001"
cx="43.299999"
style="fill:#fff200" />
<circle
id="circle4424"
r="2.23"
cy="59.540001"
cx="51.119999"
style="fill:#ec008c" />
<circle
id="circle4426"
r="2.23"
cy="59.540001"
cx="58.939999"
style="fill:#e6e7e8" />
<circle
id="circle4428"
r="2.23"
cy="79.650002"
cx="43.299999"
style="fill:#ec008c" />
<circle
id="circle4430"
r="2.23"
cy="79.650002"
cx="51.119999"
style="fill:#00c0f3" />
<circle
id="circle4432"
r="2.23"
cy="79.650002"
cx="58.939999"
style="fill:#e6e7e8" />
<circle
id="circle4434"
r="2.23"
cy="99.75"
cx="43.299999"
style="fill:#00aeef" />
<circle
id="circle4436"
r="2.23"
cy="99.75"
cx="51.119999"
style="fill:#ec008c" />
<circle
id="circle4438"
r="2.23"
cy="99.75"
cx="58.939999"
style="fill:#e6e7e8" />
<rect
id="rect4440"
y="58"
x="76"
width="14"
height="4"
style="fill:#d1d3d4" />
<rect
id="rect4442"
y="78"
x="76"
width="14"
height="4"
style="fill:#d1d3d4" />
<rect
id="rect4444"
y="98"
x="76"
width="14"
height="4"
style="fill:#d1d3d4" />
</g>
<g
id="g4710"
transform="matrix(0.11942616,0,0,0.11942616,159.41886,174.04375)">
<path
id="path4655"
d="M 0,8.611 C 0.166,2.666 4.475,0.167 9.996,0.167 l 247.903,0 c 5.521,0 9.996,3.781 9.996,8.444 l 0,154.426 L 0,163.037 0,8.611 Z"
inkscape:connector-curvature="0"
style="fill:#353c42" />
<path
id="path4657"
d="m 0,184.463 0,-21.796 267.895,0 0,21.796 c 0,5.523 -4.477,10 -10,10 l -247.895,0 c -5.523,0 -10,-4.477 -10,-10 z"
inkscape:connector-curvature="0"
style="fill:#d1d3d4" />
<rect
id="rect4659"
y="15.5"
x="12.948"
width="242.33299"
height="134.41701"
style="fill:#e7c500" />
<path
id="path4661"
d="m 179.836,228.753 c -1,-1.17 -10.631,-9.07 -11.67,-11.34 -0.83,-2.48 -3,-22.661 -3,-22.661 l -34,0.03 0,0.017 -28.386,-0.025 c 0,0 -2.17,20.181 -3,22.661 -1.04,2.27 -10.67,10.17 -11.67,11.34 -1,1.16 0,2.33 0,2.33 0,0 1.149,1.33 4.25,1.6 1.62,0.15 23.39,0.23 44.42,0.221 l 0,-0.021 c 19.128,-0.006 37.329,-0.084 38.806,-0.221 3.1,-0.27 4.25,-1.6 4.25,-1.6 0,0 1,-1.171 0,-2.331 z"
inkscape:connector-curvature="0"
style="fill:#a7a9ac" />
<path
id="path4663"
d="m 179.836,227.753 c -1,-1.17 -10.631,-9.07 -11.67,-11.34 -0.83,-2.48 -3,-22.661 -3,-22.661 l -34,0.03 0,0.017 -28.386,-0.025 c 0,0 -2.17,20.181 -3,22.661 -1.04,2.27 -10.67,10.17 -11.67,11.34 -1,1.16 0,2.33 0,2.33 0,0 1.149,1.33 4.25,1.6 1.62,0.15 23.39,0.23 44.42,0.221 l 0,-0.021 c 19.128,-0.006 37.329,-0.084 38.806,-0.221 3.1,-0.27 4.25,-1.6 4.25,-1.6 0,0 1,-1.171 0,-2.331 z"
inkscape:connector-curvature="0"
style="fill:#d1d3d4" />
<path
id="path4665"
d="m 165.917,200.563 -63.885,0.063 c 0.292,-3.083 0.667,-6.125 0.667,-6.125 l 28.597,0.076 0,-0.014 33.924,-0.084 c -0.002,0 0.301,2.937 0.697,6.084 z"
inkscape:connector-curvature="0"
style="fill:#808285" />
<circle
id="circle4667"
r="1.5"
cy="7.8130002"
cx="134.11501"
style="fill:#d1d3d4" />
<path
id="path4669"
d="m 54.17,135.458 0,-99.378 159.881,0 0,99.378 c 0,2.209 -1.791,4 -4,4 l -151.881,0 c -2.209,0 -4,-1.791 -4,-4 z"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
<rect
id="rect4671"
y="38.641998"
x="54.152"
width="160.004"
height="8.2390003"
style="fill:#00acb2" />
<rect
id="rect4673"
y="38.646999"
x="94.446999"
width="19.148001"
height="8.191"
style="fill:#14c5cc" />
<rect
id="rect4675"
y="59.235001"
x="65.762001"
width="66.903"
height="5.3509998"
style="fill:#a7a9ac" />
<rect
id="rect4677"
y="73.863998"
x="65.601997"
width="95.892998"
height="5.349"
style="fill:#d1d3d4" />
<rect
id="rect4679"
y="89.244003"
x="65.601997"
width="95.865997"
height="5.3499999"
style="fill:#d1d3d4" />
<rect
id="rect4681"
y="119.336"
x="65.601997"
width="136.08099"
height="5.348"
style="fill:#d1d3d4" />
<rect
id="rect4683"
y="103.955"
x="65.601997"
width="136.08099"
height="5.3509998"
style="fill:#d1d3d4" />
<path
id="path4685"
d="m 210.019,139.377 -151.906,0 c -2.209,0 -4,-1.508 -4,-3.366 l 0,-3.366 159.906,0 c 0,0 0,1.508 0,3.366 0,1.858 -1.791,3.366 -4,3.366 z"
inkscape:connector-curvature="0"
style="fill:#14c5cc" />
<rect
id="rect4687"
y="59.152"
x="170.685"
width="30.761"
height="35.231998"
style="fill:#a7a9ac" />
<path
id="path4689"
d="m 54.114,30.063 c 0,-2.209 1.791,-4 4,-4 l 152,0 c 2.209,0 4,1.791 4,4 l 0,6.041 -160,0 0,-6.041 z"
inkscape:connector-curvature="0"
style="fill:#d1d3d4" />
<circle
id="circle4691"
r="2"
cy="31.084"
cx="59.571999"
style="fill:#c55142" />
<circle
id="circle4693"
r="2"
cy="31.084"
cx="71.655998"
style="fill:#65a242" />
<circle
id="circle4695"
r="2"
cy="31.084"
cx="65.655998"
style="fill:#f3bd42" />
<polygon
id="polygon4702"
points="267.803,157.51 126.948,157.83 212.948,0 267.948,0.218 "
style="fill:url(#SVGID_1_)" />
</g>
<g
id="g4957"
transform="matrix(1.1110041,0,0,0.953183,162.09876,-654.48005)">
<path
id="path4959"
d="m 3,1043.4 0,2.9 0,0.4 0,0.1 c -0.0039,0 0,0 0,0.1 0,2.4 4.0294,4.5 9,4.5 4.971,0 9,-2.1 9,-4.5 l 0,-0.2 0,-0.3 0,-3 -18,0 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
<path
id="path4961"
transform="translate(0,1038.4)"
d="M 21,5 A 9,4 0 1 1 3,5 9,4 0 1 1 21,5 Z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
<path
id="path4963"
d="M 3.0625,1046.9 C 3.0165,1047 3,1047.2 3,1047.4 c 0,2.2 4.0294,4 9,4 4.971,0 9,-1.8 9,-4 0,-0.2 -0.017,-0.4 -0.062,-0.5 -0.554,1.9 -4.349,3.5 -8.938,3.5 -4.5894,0 -8.3837,-1.6 -8.9375,-3.5 z"
inkscape:connector-curvature="0"
style="fill:#7f8c8d" />
<path
id="path4965"
d="m 3,1038.4 0,2.9 0,0.4 0,0.1 c -0.0039,0 0,0 0,0.1 0,2.4 4.0294,4.5 9,4.5 4.971,0 9,-2.1 9,-4.5 l 0,-0.2 0,-0.3 0,-3 -18,0 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
<path
id="path4967"
transform="translate(0,1033.4)"
d="M 21,5 A 9,4 0 1 1 3,5 9,4 0 1 1 21,5 Z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
<path
id="path4969"
d="M 3.0625,1041.9 C 3.0165,1042 3,1042.2 3,1042.4 c 0,2.2 4.0294,4 9,4 4.971,0 9,-1.8 9,-4 0,-0.2 -0.017,-0.4 -0.062,-0.5 -0.554,1.9 -4.349,3.5 -8.938,3.5 -4.5894,0 -8.3837,-1.6 -8.9375,-3.5 z"
inkscape:connector-curvature="0"
style="fill:#7f8c8d" />
<path
id="path4971"
d="m 3,1033.4 0,2.9 0,0.4 0,0.1 c -0.0039,0 0,0 0,0.1 0,2.4 4.0294,4.5 9,4.5 4.971,0 9,-2.1 9,-4.5 l 0,-0.2 0,-0.3 0,-3 -18,0 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
<path
id="path4973"
d="M 3.0625,1036.9 C 3.0165,1037 3,1037.2 3,1037.4 c 0,2.2 4.0294,4 9,4 4.971,0 9,-1.8 9,-4 0,-0.2 -0.017,-0.4 -0.062,-0.5 -0.554,1.9 -4.349,3.5 -8.938,3.5 -4.5894,0 -8.3837,-1.6 -8.9375,-3.5 z"
inkscape:connector-curvature="0"
style="fill:#7f8c8d" />
<path
id="path4975"
d="m 12,1043.4 0,8 c 4.971,0 9,-2.1 9,-4.5 l 0,-0.2 0,-0.3 0,-3 -9,0 z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
<g
id="g4977"
transform="translate(0,5)">
<path
id="path4979"
transform="translate(0,1028.4)"
d="m 12,6 0,8 c 4.971,0 9,-1.791 9,-4 0,-2.2091 -4.029,-4 -9,-4 z"
inkscape:connector-curvature="0"
style="fill:#ecf0f1" />
<path
id="path4981"
transform="translate(0,1028.4)"
d="m 12,5 0,8 c 4.971,0 9,-2.015 9,-4.5 L 21,8.3125 21,8 21,5 12,5 Z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
<path
id="path4983"
transform="translate(0,1028.4)"
d="M 20.938,8.5 C 20.384,10.473 16.589,12 12,12 l 0,1 c 4.971,0 9,-1.791 9,-4 0,-0.1694 -0.017,-0.3362 -0.062,-0.5 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
</g>
<path
id="path4985"
transform="translate(0,1028.4)"
d="m 12,6 0,8 c 4.971,0 9,-1.791 9,-4 0,-2.2091 -4.029,-4 -9,-4 z"
inkscape:connector-curvature="0"
style="fill:#ecf0f1" />
<path
id="path4987"
transform="translate(0,1028.4)"
d="m 12,5 0,8 c 4.971,0 9,-2.015 9,-4.5 L 21,8.3125 21,8 21,5 12,5 Z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
<path
id="path4989"
transform="translate(0,1028.4)"
d="M 20.938,8.5 C 20.384,10.473 16.589,12 12,12 l 0,1 c 4.971,0 9,-1.791 9,-4 0,-0.1694 -0.017,-0.3362 -0.062,-0.5 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
<path
id="path4991"
d="m 20.938,1046.9 c -0.554,1.9 -4.349,3.5 -8.938,3.5 l 0,1 c 4.971,0 9,-1.8 9,-4 0,-0.2 -0.017,-0.4 -0.062,-0.5 z"
inkscape:connector-curvature="0"
style="fill:#95a5a6" />
<path
id="path4993"
transform="translate(0,1028.4)"
d="M 21,5 A 9,4 0 1 1 3,5 9,4 0 1 1 21,5 Z"
inkscape:connector-curvature="0"
style="fill:#bdc3c7" />
</g>
<g
id="g5394"
transform="translate(-5.7761698,-0.60101225)">
<g
transform="translate(-91.923882,17.172593)"
id="g5384">
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
id="path5379"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 270.14748,272.03615 0,30.23677"
id="path5381"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
</g>
<g
id="g5388"
transform="matrix(1,0,0,-1,-85.92388,590.75794)">
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5390"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:connector-curvature="0"
id="path5392"
d="m 270.14748,272.03615 0,30.23677"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</g>
<g
id="g5759">
<g
id="g5402"
transform="translate(-5.7761698,-78.741698)">
<g
transform="translate(-91.923882,17.172593)"
id="g5404">
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
id="path5406"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 270.14748,272.03615 0,30.23677"
id="path5408"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
</g>
<g
id="g5410"
transform="matrix(1,0,0,-1,-85.92388,590.75794)">
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5412"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:connector-curvature="0"
id="path5414"
d="m 270.14748,272.03615 0,30.23677"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</g>
<g
transform="matrix(0.25290801,0,0,0.25290801,167.33775,217.07993)"
id="g5748">
<g
id="row_4" />
<g
id="row_3" />
<g
id="row_2" />
<g
id="row_1">
<g
id="protection">
<path
style="fill:#ffca28"
inkscape:connector-curvature="0"
d="M 55.7,9.3 C 50.4,4.2 43.1,2 32,2 20.9,2 13.6,4.2 8.3,9.3 L 8,9.6 8,30.2 8,32 c 0,13.7 9.5,25.9 23.7,30.3 l 0.3,0.1 0.3,-0.1 C 46.5,57.9 56,45.7 56,32 L 56,9.6 55.7,9.3 Z"
id="path5734" />
<path
style="fill:#ffecb3"
inkscape:connector-curvature="0"
d="M 49.8,12.5 C 45.9,9.5 40.2,8.2 32,8.2 L 32,56 32.2,55.9 C 43,51.9 50,42.5 50,32 l 0,-19.4 -0.2,-0.1 z"
id="path5736" />
<path
style="fill:#fff8e1"
inkscape:connector-curvature="0"
d="M 14.2,12.5 14,12.6 14,32 c 0,10.5 7,19.9 17.8,23.9 L 32,56 32,8.2 c -8.2,0 -13.9,1.3 -17.8,4.3 z"
id="path5738" />
<polygon
style="fill:#4caf50"
points="23.6,26.8 31.5,37.9 40.2,17.2 43.8,18.8 33.8,42.8 30.4,43.2 20.4,29.2 "
id="polygon5740" />
</g>
</g>
</g>
</g>
<g
id="g5778"
transform="matrix(0,1,-1,0,449.25135,86.410792)">
<g
transform="translate(-5.7761698,-71.775588)"
id="g5780">
<g
id="g5782"
transform="translate(-91.923882,17.172593)">
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5784"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
<path
sodipodi:nodetypes="cc"
inkscape:connector-curvature="0"
id="path5786"
d="m 270.14748,272.03615 0,30.23677"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
<g
transform="matrix(1,0,0,-1,-85.92388,590.75794)"
id="g5788">
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 272.81836,274.70703 -2.6875,-2.6875 -2.6875,2.6875"
id="path5790"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 270.14748,272.03615 0,30.23677"
id="path5792"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
</g>
</g>
<g
id="g5794"
transform="matrix(0,-0.25290801,0.25290801,0,167.28717,240.28273)">
<g
id="g5796" />
<g
id="g5798" />
<g
id="g5800" />
<g
id="g5802">
<g
id="g5804">
<path
id="path5806"
d="M 55.7,9.3 C 50.4,4.2 43.1,2 32,2 20.9,2 13.6,4.2 8.3,9.3 L 8,9.6 8,30.2 8,32 c 0,13.7 9.5,25.9 23.7,30.3 l 0.3,0.1 0.3,-0.1 C 46.5,57.9 56,45.7 56,32 L 56,9.6 55.7,9.3 Z"
inkscape:connector-curvature="0"
style="fill:#ffca28" />
<path
id="path5808"
d="M 49.8,12.5 C 45.9,9.5 40.2,8.2 32,8.2 L 32,56 32.2,55.9 C 43,51.9 50,42.5 50,32 l 0,-19.4 -0.2,-0.1 z"
inkscape:connector-curvature="0"
style="fill:#ffecb3" />
<path
id="path5810"
d="M 14.2,12.5 14,12.6 14,32 c 0,10.5 7,19.9 17.8,23.9 L 32,56 32,8.2 c -8.2,0 -13.9,1.3 -17.8,4.3 z"
inkscape:connector-curvature="0"
style="fill:#fff8e1" />
<polygon
id="polygon5812"
points="20.4,29.2 23.6,26.8 31.5,37.9 40.2,17.2 43.8,18.8 33.8,42.8 30.4,43.2 "
style="fill:#4caf50" />
</g>
</g>
</g>
<g
id="Multicolor"
transform="matrix(0.19503469,0,0,-0.19503469,164.13267,211.04367)">
<g
id="g5894">
<path
id="path5896"
style="fill:#facb1b"
d="M 75,23 49.792,48.208 C 47.668,47.44 45.388,47 43,47 31.954,47 23,55.954 23,67 c 0,11.046 8.954,20 20,20 11.046,0 20,-8.954 20,-20 0,-2.388 -0.44,-4.668 -1.208,-6.792 L 63,59 l 0,-8 8,0 0,-8 8,0 0,-8 8,0 0,-12 -12,0 z M 47.595,76.204 c -0.2,0.955 -0.869,1.744 -1.777,2.1 C 42.187,79.726 37.9,78.97 34.965,76.035 32.03,73.101 31.274,68.812 32.697,65.18 c 0.356,-0.909 1.146,-1.577 2.102,-1.776 0.956,-0.199 1.946,0.098 2.636,0.788 l 9.375,9.375 c 0.69,0.69 0.985,1.682 0.785,2.637 z"
inkscape:connector-curvature="0" />
<path
id="path5898"
style="fill:#fbe158"
d="M 87,23 75,23 49.792,48.208 C 47.668,47.44 45.388,47 43,47 31.954,47 23,55.954 23,67 c 0,5.701 2.397,10.832 6.224,14.475 l 5.602,-5.602 C 32.017,72.944 31.3,68.749 32.698,65.18 c 0.356,-0.909 1.146,-1.577 2.102,-1.776 0.956,-0.199 1.946,0.098 2.636,0.788 L 41.972,68.728 87,23.698 87,23 Z"
inkscape:connector-curvature="0" />
<path
id="path5900"
style="fill:#f3b607"
d="m 55,49 c -0.552,-0.552 -0.552,-1.448 0,-2 l 22,-22 4,0 -24,24 c -0.552,0.552 -1.448,0.552 -2,0 z"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:300;font-stretch:normal;font-size:8.60556793px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans, Light';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="154.02052"
y="165.71219"
id="text5913"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan5915"
x="154.02052"
y="165.71219">Plateforme</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -18,23 +18,13 @@
error_reporting(-1);
}
/* [1] Gestion des droits des utilisateurs
=========================================================*/
/* (1) Retourne si l'utilisateur est connecte ou non */
function connected(){ return isset($_SESSION['permission']) && count($_SESSION['permission']) > 0; }
/* APPEL DYNAMIQUE DES CLASSES PASSEES EN PARAMETRE
*
* @classes<Array> Tableau contenant le nom des classes
*
*/
function autoload($classes){
foreach($classes as $class){
$name_only = substr(strrchr($class, '\\'), 1);
var_dump('use '.$class.' as '.$name_only.';');
eval('use '.$class.' as '.$name_only.';');
}
}
/* (2) Retourne si l'utilisateur a le status en question */
function permission($type){ return connected() && in_array($type, $_SESSION['permission']); }

View File

@ -1,4 +1,14 @@
<?php use \manager\ResourceDispatcher; ?>
<?php use \manager\ResourceDispatcher;
/* [1] Gestion des utilisateurs
=========================================================*/
/* (1) Valeurs par defaut */
if( !isset($_SESSION['userid']) ) $_SESSION['userid'] = null;
if( !isset($_SESSION['username']) ) $_SESSION['username'] = null;
if( !isset($_SESSION['permission']) ) $_SESSION['permission'] = array();
?>
<!DOCTYPE html>
<html>
<head>
@ -30,6 +40,16 @@
</head>
<body>
<!-- LOGIN -->
<div id='LOGIN'>
<div id='login-icon'></div>
<div id='login-form'>
<input type='text' placeholder='Identifiant ou adresse mail' id='login-login'>
<input type='password' placeholder='Mot de passe' id='login-password'>
<input type='button' value='Connexion' id='login-submit'>
</div>
</div>
<!-- CORPS DE LA PAGE -->