homepage design integrated
This commit is contained in:
Frédéric Bisson
parent
bba9c51e7b
commit
a871eb00dd
|
|
@ -2,9 +2,9 @@
|
|||
|
||||
@font-face {
|
||||
font-family: 'MarsIcons';
|
||||
src: url('fonts/marsicons12.ttf') format('truetype'),
|
||||
url('fonts/marsicons12.woff') format('woff'),
|
||||
url('fonts/marsicons12.woff2') format('woff2');
|
||||
src: url('fonts/marsicons13.ttf') format('truetype'),
|
||||
url('fonts/marsicons13.woff') format('woff'),
|
||||
url('fonts/marsicons13.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -27,12 +27,23 @@ h1, h2, h3, h4, div.textcell h3, div.textcell h4 {
|
|||
|
||||
h1 {
|
||||
color: $red;
|
||||
font-size: 237%;
|
||||
font-size: 175%;
|
||||
padding-left: 0.9rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: $red;
|
||||
font-size: 187%;
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
li.required-authentication a::after {
|
||||
content: "\e04d";
|
||||
font-family: MarsIcons;
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
color: #444;
|
||||
font-size: 170%;
|
||||
top: 0.35em;
|
||||
}
|
||||
|
||||
#login-page h2 {
|
||||
|
|
@ -79,6 +90,7 @@ div#header {
|
|||
background-position: inherit;
|
||||
}
|
||||
}
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
h1#logo a {
|
||||
|
|
@ -394,4 +406,239 @@ input[type="submit"]:hover, div.buttons input:hover {
|
|||
}
|
||||
|
||||
div.a2-block p { margin-left: 0; }
|
||||
div.a2-block form, div.a2-block > p { margin: 1em 1em; }
|
||||
div.a2-block form, div.a2-block > p { margin: 1em 1em; }
|
||||
|
||||
/* Home page */
|
||||
body.page-index {
|
||||
.gru-content { display: block; }
|
||||
|
||||
.bonjour {
|
||||
text-align: center;
|
||||
font-size: 175%;
|
||||
font-weight: bold;
|
||||
color: #198468;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-summary { display: none; }
|
||||
body.page-index #sidebar {
|
||||
flex: inherit;
|
||||
max-width: inherit;
|
||||
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
display: grid;
|
||||
column-gap: 1rem;
|
||||
row-gap: 1rem;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
grid-template-areas:
|
||||
"a a a a"
|
||||
"b b c d"
|
||||
"e e f f"
|
||||
"g g g g";
|
||||
|
||||
.introduction { grid-area: a; }
|
||||
.suivi { grid-area: b; }
|
||||
.creer-compte { grid-column: d-end / 3;}
|
||||
.en-cours { grid-area: c; }
|
||||
.brouillons { grid-area: d; }
|
||||
.coffre-fort { grid-area: e; }
|
||||
.historique { grid-area: f; }
|
||||
.toutes-demarches { grid-area: g; }
|
||||
}
|
||||
|
||||
.toutes-demarches h1 { margin-top: 1em; }
|
||||
|
||||
.btlnk {
|
||||
background-color: #82cebb;
|
||||
&::after { color: #82cebb; }
|
||||
}
|
||||
|
||||
.creer-compte {
|
||||
background-image: url(img/picto_create.svg);
|
||||
background-size: 5em 5em;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 1rem 1rem;
|
||||
|
||||
h2 {
|
||||
margin-left: 4em;
|
||||
line-height: 3.5em;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, p, form, .cell {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
p { margin: 1em 0; }
|
||||
|
||||
button { background-color: #82cebb; }
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 175%;
|
||||
}
|
||||
|
||||
.introduction h1 { color: #198468; }
|
||||
|
||||
h2 { font-size: 150%; }
|
||||
|
||||
.suivi h2 {
|
||||
position: relative;
|
||||
left: 1.55em;
|
||||
background-color: #82cebb;
|
||||
padding: 0.5em 0.5em;
|
||||
display: inline-block;
|
||||
width: 9em;
|
||||
text-align: center;
|
||||
|
||||
&::before {
|
||||
content: ' ';
|
||||
background-image: url(img/ticket.svg);
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 1.55em;
|
||||
left: -1.55em;
|
||||
top: 0;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
#tracking-code {
|
||||
height: 2.5em;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
.introduction {
|
||||
text-align: center;
|
||||
|
||||
p:nth-child(0) {
|
||||
color: #198468;
|
||||
font-size: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
.suivi, .en-cours, .creer-compte, .brouillons, .coffre-fort, .historique {
|
||||
padding: 1rem;
|
||||
background-color: #d8f0ea;
|
||||
}
|
||||
|
||||
.summary-count {
|
||||
font-size: 700%;
|
||||
font-weight: bold;
|
||||
color: #3eb397;
|
||||
}
|
||||
|
||||
.cell-summary { display: block; }
|
||||
.cell-full { display: none; }
|
||||
}
|
||||
|
||||
body.page-index #columns {
|
||||
@media screen and (min-width: $mobile-limit) {
|
||||
display: grid;
|
||||
column-gap: 1rem;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
#left, #right {
|
||||
float: none;
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
h1, h2, h3, p, form, .cell {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding: 0.5em 1rem;
|
||||
margin: 2em 0 0.7em;
|
||||
}
|
||||
|
||||
.description, .intro { display: none; }
|
||||
|
||||
#left .cell:nth-child(2n), #right .cell:nth-child(2n+1) {
|
||||
h2 { background-color: #F4A7AA; }
|
||||
a {
|
||||
background-color: #FCE4E5;
|
||||
color: #c64a59;
|
||||
}
|
||||
li.required-authentication a::after { color: #c64a59; }
|
||||
}
|
||||
|
||||
#left .cell:nth-child(2n+1), #right .cell:nth-child(2n) {
|
||||
h2 { background-color: #82cebb; }
|
||||
a {
|
||||
background-color: #D8F0EA;
|
||||
color: #198468;
|
||||
}
|
||||
li.required-authentication a::after { color: #198468; }
|
||||
}
|
||||
|
||||
.cell {
|
||||
margin-bottom: 2em;
|
||||
|
||||
li, h2 { border-radius: 0; }
|
||||
|
||||
a {
|
||||
display: block;
|
||||
border: none;
|
||||
padding: 1em;
|
||||
margin: 0.3em 0;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a.registration.picto::after {
|
||||
content: ' ';
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background-image: url(img/picto_roue.svg);
|
||||
background-size: contain;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
|
||||
div#toplinks a.registration {
|
||||
margin-top: 0.4em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
body.page-codesuivi {
|
||||
#main-content-wrapper {
|
||||
max-width: 50rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#columns h2 {
|
||||
color: $red;
|
||||
font-size: 175%;
|
||||
padding-left: 0.9rem;
|
||||
}
|
||||
|
||||
#tracking-code {
|
||||
height: 2.5em;
|
||||
position: relative;
|
||||
top: 0.1em;
|
||||
}
|
||||
}
|
||||
|
||||
#messages li, div.infonotice, div.successnotice, div.warningnotice, div.errornotice, form ul.errorlist.nonfield li {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.tracking-code-part + form, #tracking-code>form {
|
||||
position: relative;
|
||||
left: -6em;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.list-of-forms span.form-number {
|
||||
opacity: inherit;
|
||||
color: #575757;
|
||||
}
|
||||
|
|
@ -95,113 +95,113 @@ a.btlnk {
|
|||
&.complement::after { color: #82CEBB; }
|
||||
}
|
||||
|
||||
.E003::after { content: "\e003"; }
|
||||
.E004::after { content: "\e004"; }
|
||||
.E005::after { content: "\e005"; }
|
||||
.E006::after { content: "\e006"; }
|
||||
.E007::after { content: "\e007"; }
|
||||
.E008::after { content: "\e008"; }
|
||||
.E009::after { content: "\e009"; }
|
||||
.E00A::after { content: "\e00a"; }
|
||||
.E00B::after { content: "\e00b"; }
|
||||
.E00C::after { content: "\e00c"; }
|
||||
.E00D::after { content: "\e00d"; }
|
||||
.E00E::after { content: "\e00e"; }
|
||||
.E00F::after { content: "\e00f"; }
|
||||
.E010::after { content: "\e010"; }
|
||||
.E011::after { content: "\e011"; }
|
||||
.E012::after { content: "\e012"; }
|
||||
.E013::after { content: "\e013"; }
|
||||
.E014::after { content: "\e014"; }
|
||||
.E015::after { content: "\e015"; }
|
||||
.E016::after { content: "\e016"; }
|
||||
.E017::after { content: "\e017"; }
|
||||
.E018::after { content: "\e018"; }
|
||||
.E019::after { content: "\e019"; }
|
||||
.E01A::after { content: "\e01a"; }
|
||||
.E01B::after { content: "\e01b"; }
|
||||
.E01C::after { content: "\e01c"; }
|
||||
.E01D::after { content: "\e01d"; }
|
||||
.E01E::after { content: "\e01e"; }
|
||||
.E01F::after { content: "\e01f"; }
|
||||
.E020::after { content: "\e020"; }
|
||||
.E021::after { content: "\e021"; }
|
||||
.E022::after { content: "\e022"; }
|
||||
.E023::after { content: "\e023"; }
|
||||
.E024::after { content: "\e024"; }
|
||||
.E025::after { content: "\e025"; }
|
||||
.E026::after { content: "\e026"; }
|
||||
.E027::after { content: "\e027"; }
|
||||
.E028::after { content: "\e028"; }
|
||||
.E029::after { content: "\e029"; }
|
||||
.E02A::after { content: "\e02a"; }
|
||||
.E02B::after { content: "\e02b"; }
|
||||
.E02C::after { content: "\e02c"; }
|
||||
.E02D::after { content: "\e02d"; }
|
||||
.E02E::after { content: "\e02e"; }
|
||||
.E02F::after { content: "\e02f"; }
|
||||
.E030::after { content: "\e030"; }
|
||||
.E031::after { content: "\e031"; }
|
||||
.E032::after { content: "\e032"; }
|
||||
.E033::after { content: "\e033"; }
|
||||
.E034::after { content: "\e034"; }
|
||||
.E035::after { content: "\e035"; }
|
||||
.E036::after { content: "\e036"; }
|
||||
.E037::after { content: "\e037"; }
|
||||
.E038::after { content: "\e038"; }
|
||||
.E039::after { content: "\e039"; }
|
||||
.E03A::after { content: "\e03a"; }
|
||||
.E03B::after { content: "\e03b"; }
|
||||
.E03C::after { content: "\e03c"; }
|
||||
.E03D::after { content: "\e03d"; }
|
||||
.E03E::after { content: "\e03e"; }
|
||||
.E03F::after { content: "\e03f"; }
|
||||
.E040::after { content: "\e040"; }
|
||||
.E041::after { content: "\e041"; }
|
||||
.E042::after { content: "\e042"; }
|
||||
.E043::after { content: "\e043"; }
|
||||
.E044::after { content: "\e044"; }
|
||||
.E05C::after { content: "\e05c"; }
|
||||
.E05D::after { content: "\e05d"; }
|
||||
.E05E::after { content: "\e05e"; }
|
||||
.E05F::after { content: "\e05f"; }
|
||||
.E060::after { content: "\e060"; }
|
||||
.E061::after { content: "\e061"; }
|
||||
.E062::after { content: "\e062"; }
|
||||
.E063::after { content: "\e063"; }
|
||||
.E064::after { content: "\e064"; }
|
||||
.E065::after { content: "\e065"; }
|
||||
.E066::after { content: "\e066"; }
|
||||
.E06E::after { content: "\e06e"; }
|
||||
.E08E::after { content: "\e08e"; }
|
||||
.E08F::after { content: "\e08f"; }
|
||||
.E090::after { content: "\e090"; }
|
||||
.E09C::after { content: "\e09c"; }
|
||||
.E09D::after { content: "\e09d"; }
|
||||
.E09E::after { content: "\e09e"; }
|
||||
.E09F::after { content: "\e09f"; }
|
||||
.E0A0::after { content: "\e0a0"; }
|
||||
.E0A1::after { content: "\e0a1"; }
|
||||
.E0A2::after { content: "\e0a2"; }
|
||||
.E0A3::after { content: "\e0a3"; }
|
||||
.E0A4::after { content: "\e0a4"; }
|
||||
.E0A5::after { content: "\e0a5"; }
|
||||
.E0A6::after { content: "\e0a6"; }
|
||||
.E0A7::after { content: "\e0a7"; }
|
||||
.E0E9::after { content: "\e0e9"; }
|
||||
.E0EA::after { content: "\e0ea"; }
|
||||
.E0EB::after { content: "\e0eb"; }
|
||||
.E0EC::after { content: "\e0ec"; }
|
||||
.E0ED::after { content: "\e0ed"; }
|
||||
.E100::after { content: "\e100"; }
|
||||
.E101::after { content: "\e101"; }
|
||||
.E102::after { content: "\e102"; }
|
||||
.E104::after { content: "\e104"; }
|
||||
.E105::after { content: "\e105"; }
|
||||
.E106::after { content: "\e106"; }
|
||||
.E107::after { content: "\e107"; }
|
||||
.E108::after { content: "\e108"; }
|
||||
.E109::after { content: "\e109"; }
|
||||
a.E003::after { content: "\e003"; }
|
||||
a.E004::after { content: "\e004"; }
|
||||
a.E005::after { content: "\e005"; }
|
||||
a.E006::after { content: "\e006"; }
|
||||
a.E007::after { content: "\e007"; }
|
||||
a.E008::after { content: "\e008"; }
|
||||
a.E009::after { content: "\e009"; }
|
||||
a.E00A::after { content: "\e00a"; }
|
||||
a.E00B::after { content: "\e00b"; }
|
||||
a.E00C::after { content: "\e00c"; }
|
||||
a.E00D::after { content: "\e00d"; }
|
||||
a.E00E::after { content: "\e00e"; }
|
||||
a.E00F::after { content: "\e00f"; }
|
||||
a.E010::after { content: "\e010"; }
|
||||
a.E011::after { content: "\e011"; }
|
||||
a.E012::after { content: "\e012"; }
|
||||
a.E013::after { content: "\e013"; }
|
||||
a.E014::after { content: "\e014"; }
|
||||
a.E015::after { content: "\e015"; }
|
||||
a.E016::after { content: "\e016"; }
|
||||
a.E017::after { content: "\e017"; }
|
||||
a.E018::after { content: "\e018"; }
|
||||
a.E019::after { content: "\e019"; }
|
||||
a.E01A::after { content: "\e01a"; }
|
||||
a.E01B::after { content: "\e01b"; }
|
||||
a.E01C::after { content: "\e01c"; }
|
||||
a.E01D::after { content: "\e01d"; }
|
||||
a.E01E::after { content: "\e01e"; }
|
||||
a.E01F::after { content: "\e01f"; }
|
||||
a.E020::after { content: "\e020"; }
|
||||
a.E021::after { content: "\e021"; }
|
||||
a.E022::after { content: "\e022"; }
|
||||
a.E023::after { content: "\e023"; }
|
||||
a.E024::after { content: "\e024"; }
|
||||
a.E025::after { content: "\e025"; }
|
||||
a.E026::after { content: "\e026"; }
|
||||
a.E027::after { content: "\e027"; }
|
||||
a.E028::after { content: "\e028"; }
|
||||
a.E029::after { content: "\e029"; }
|
||||
a.E02A::after { content: "\e02a"; }
|
||||
a.E02B::after { content: "\e02b"; }
|
||||
a.E02C::after { content: "\e02c"; }
|
||||
a.E02D::after { content: "\e02d"; }
|
||||
a.E02E::after { content: "\e02e"; }
|
||||
a.E02F::after { content: "\e02f"; }
|
||||
a.E030::after { content: "\e030"; }
|
||||
a.E031::after { content: "\e031"; }
|
||||
a.E032::after { content: "\e032"; }
|
||||
a.E033::after { content: "\e033"; }
|
||||
a.E034::after { content: "\e034"; }
|
||||
a.E035::after { content: "\e035"; }
|
||||
a.E036::after { content: "\e036"; }
|
||||
a.E037::after { content: "\e037"; }
|
||||
a.E038::after { content: "\e038"; }
|
||||
a.E039::after { content: "\e039"; }
|
||||
a.E03A::after { content: "\e03a"; }
|
||||
a.E03B::after { content: "\e03b"; }
|
||||
a.E03C::after { content: "\e03c"; }
|
||||
a.E03D::after { content: "\e03d"; }
|
||||
a.E03E::after { content: "\e03e"; }
|
||||
a.E03F::after { content: "\e03f"; }
|
||||
a.E040::after { content: "\e040"; }
|
||||
a.E041::after { content: "\e041"; }
|
||||
a.E042::after { content: "\e042"; }
|
||||
a.E043::after { content: "\e043"; }
|
||||
a.E044::after { content: "\e044"; }
|
||||
a.E05C::after { content: "\e05c"; }
|
||||
a.E05D::after { content: "\e05d"; }
|
||||
a.E05E::after { content: "\e05e"; }
|
||||
a.E05F::after { content: "\e05f"; }
|
||||
a.E060::after { content: "\e060"; }
|
||||
a.E061::after { content: "\e061"; }
|
||||
a.E062::after { content: "\e062"; }
|
||||
a.E063::after { content: "\e063"; }
|
||||
a.E064::after { content: "\e064"; }
|
||||
a.E065::after { content: "\e065"; }
|
||||
a.E066::after { content: "\e066"; }
|
||||
a.E06E::after { content: "\e06e"; }
|
||||
a.E08E::after { content: "\e08e"; }
|
||||
a.E08F::after { content: "\e08f"; }
|
||||
a.E090::after { content: "\e090"; }
|
||||
a.E09C::after { content: "\e09c"; }
|
||||
a.E09D::after { content: "\e09d"; }
|
||||
a.E09E::after { content: "\e09e"; }
|
||||
a.E09F::after { content: "\e09f"; }
|
||||
a.E0A0::after { content: "\e0a0"; }
|
||||
a.E0A1::after { content: "\e0a1"; }
|
||||
a.E0A2::after { content: "\e0a2"; }
|
||||
a.E0A3::after { content: "\e0a3"; }
|
||||
a.E0A4::after { content: "\e0a4"; }
|
||||
a.E0A5::after { content: "\e0a5"; }
|
||||
a.E0A6::after { content: "\e0a6"; }
|
||||
a.E0A7::after { content: "\e0a7"; }
|
||||
a.E0E9::after { content: "\e0e9"; }
|
||||
a.E0EA::after { content: "\e0ea"; }
|
||||
a.E0EB::after { content: "\e0eb"; }
|
||||
a.E0EC::after { content: "\e0ec"; }
|
||||
a.E0ED::after { content: "\e0ed"; }
|
||||
a.E100::after { content: "\e100"; }
|
||||
a.E101::after { content: "\e101"; }
|
||||
a.E102::after { content: "\e102"; }
|
||||
a.E104::after { content: "\e104"; }
|
||||
a.E105::after { content: "\e105"; }
|
||||
a.E106::after { content: "\e106"; }
|
||||
a.E107::after { content: "\e107"; }
|
||||
a.E108::after { content: "\e108"; }
|
||||
a.E109::after { content: "\e109"; }
|
||||
|
||||
/* Authentication links */
|
||||
div#toplinks {
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ div#tracking-code {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h3 { padding: 0; }
|
||||
h3 { padding: 0; display: block; }
|
||||
|
||||
a {
|
||||
padding: 0;
|
||||
|
|
@ -55,11 +55,11 @@ body.without-tracking-code div#steps { margin-bottom: 2em; }
|
|||
|
||||
div#steps {
|
||||
margin-top: 8em;
|
||||
margin-bottom: 9.5em;
|
||||
margin-bottom: 11.5em;
|
||||
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 7.5em;
|
||||
margin-bottom: 8.5em;
|
||||
}
|
||||
|
||||
ol {
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,43 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="108.7px" height="110.7px" viewBox="0 0 108.7 110.7" style="enable-background:new 0 0 108.7 110.7;" xml:space="preserve"
|
||||
>
|
||||
<g fill="#3EB397">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M70.3,72.6c0,1.6-0.6,3-1.7,4.2c-1.2,1.2-2.7,2.1-4.6,2.7c-1.9,0.6-4,1.1-6.2,1.4c-2.3,0.3-4.5,0.3-6.7,0
|
||||
c-2.3-0.3-4.3-0.8-6.2-1.4c-1.9-0.6-3.4-1.5-4.6-2.7c-1.2-1.2-1.7-2.6-1.7-4.2c0-5.5,1.6-10.2,4.8-14.2s6.9-6,11.1-6
|
||||
c4.2,0,7.9,2,11.1,6C68.7,62.4,70.3,67.2,70.3,72.6z M54.4,49.3c-2.6,0-4.8-0.9-6.7-2.8c-1.9-1.9-2.8-4.1-2.8-6.7
|
||||
c0-2.6,0.9-4.8,2.8-6.7c1.9-1.9,4.1-2.8,6.7-2.8c2.6,0,4.8,0.9,6.7,2.8s2.8,4.1,2.8,6.7c0,2.6-0.9,4.8-2.8,6.7
|
||||
C59.2,48.4,57,49.3,54.4,49.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M57.4,20.8V5.7h-6v15.1c1-0.1,2-0.1,3-0.1S56.4,20.8,57.4,20.8z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M51.4,90.6v15.1h6V90.6c-1,0.1-2,0.1-3,0.1S52.4,90.7,51.4,90.6z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M81.1,33.2l10.7-10.7l-4.2-4.2L76.9,28.9C78.4,30.2,79.9,31.6,81.1,33.2z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M27.6,78.2L16.9,88.9l4.2,4.2l10.7-10.7C30.3,81.2,28.9,79.8,27.6,78.2z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M31.8,28.9L21.1,18.2l-4.2,4.2l10.7,10.7C28.9,31.6,30.3,30.2,31.8,28.9z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M76.9,82.5l10.7,10.7l4.2-4.2L81.1,78.2C79.9,79.8,78.4,81.2,76.9,82.5z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M19.5,52.7H4.4v6h15.1c-0.1-1-0.1-2-0.1-3C19.4,54.7,19.4,53.7,19.5,52.7z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M89.2,58.7h15.1v-6H89.2c0.1,1,0.1,2,0.1,3C89.4,56.7,89.3,57.7,89.2,58.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="21.1px" height="21.4px" viewBox="0 0 21.1 21.4" style="enable-background:new 0 0 21.1 21.4;" xml:space="preserve">
|
||||
<g fill="#198468">
|
||||
<path d="M19.4,9.7c0,0.4,0.1,0.7,0.1,1c0,0.3,0,0.6-0.1,1l-2.5,0.9c-0.1,0.5-0.3,1-0.6,1.4l1.1,2.4c-0.4,0.5-0.9,1-1.4,1.4
|
||||
l-2.4-1.1c-0.4,0.2-0.9,0.4-1.4,0.6l-0.9,2.5c-0.4,0-0.7,0.1-1,0.1s-0.6,0-1-0.1l-0.9-2.5c-0.5-0.1-1-0.3-1.4-0.6l-2.4,1.1
|
||||
c-0.5-0.4-1-0.9-1.4-1.4l1.1-2.4C4.3,13.5,4.1,13,4,12.5l-2.5-0.9c0-0.4-0.1-0.7-0.1-1c0-0.3,0-0.6,0.1-1L4,8.8
|
||||
c0.1-0.5,0.3-1,0.6-1.4L3.4,5c0.4-0.5,0.9-1,1.4-1.4l2.4,1.1c0.4-0.2,0.9-0.4,1.4-0.6l0.9-2.5c0.4,0,0.7-0.1,1-0.1s0.6,0,1,0.1
|
||||
l0.9,2.5c0.5,0.1,1,0.3,1.4,0.6l2.4-1.1c0.5,0.4,1,0.9,1.4,1.4l-1.1,2.4c0.2,0.4,0.4,0.9,0.6,1.4L19.4,9.7z M15,10.7
|
||||
c0-1.2-0.4-2.3-1.3-3.2s-1.9-1.3-3.2-1.3S8.2,6.6,7.3,7.5S6,9.4,6,10.7c0,1.2,0.4,2.3,1.3,3.2s1.9,1.3,3.2,1.3s2.3-0.4,3.2-1.3
|
||||
S15,11.9,15,10.7z M10.5,8.4c0.6,0,1.1,0.2,1.6,0.7c0.4,0.4,0.7,1,0.7,1.6c0,0.6-0.2,1.1-0.7,1.6c-0.4,0.4-1,0.7-1.6,0.7
|
||||
s-1.1-0.2-1.6-0.7c-0.4-0.4-0.7-1-0.7-1.6c0-0.6,0.2-1.1,0.7-1.6C9.3,8.6,9.9,8.4,10.5,8.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -4,7 +4,7 @@
|
|||
{% block content %}
|
||||
<div class="a2-continue">
|
||||
{% if "logout" in url %}
|
||||
<a id="a2-continue" href="https://www.rouen.fr/services">{% trans "Continue" %}</a>
|
||||
<a id="a2-continue" href="{{ portal_url }}">{% trans "Continue" %}</a>
|
||||
{% else %}
|
||||
<a id="a2-continue" href="{{ url }}">{% trans "Continue" %}</a>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</a>
|
||||
|
||||
{% if idp_account_url %}
|
||||
<a class="registration" href="{{idp_account_url}}">
|
||||
<a class="registration picto" href="{{idp_account_url}}">
|
||||
{% endif %}
|
||||
|
||||
<span>{{user.first_name}} {{user.last_name}}</span>
|
||||
|
|
@ -36,3 +36,13 @@
|
|||
{% endif %}
|
||||
{% end_skeleton_extra_placeholder %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content-pre %}
|
||||
{% if request.path_info == "/" %}
|
||||
{% if user.is_authenticated %}
|
||||
<div class="bonjour">
|
||||
Bonjour <span>{{user.first_name}} {{user.last_name}}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
{% load i18n combo %}
|
||||
{% block cell-content %}
|
||||
<h2>Mes brouillons en cours</h2>
|
||||
|
||||
<div class="cell-summary">
|
||||
<div class="summary-count">{{ current_drafts.eservices.data|length }}</div>
|
||||
<div class="summary-link">
|
||||
<a href="/suivi">Accéder à tous mes brouillons en cours</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cell-full">
|
||||
{% for slug, forms in current_drafts.items %}
|
||||
<div class="links-list current-drafts-{{ slug }} current-drafts list-of-forms">
|
||||
{% if forms.data %}
|
||||
<ul>
|
||||
{% for data in forms.data %}
|
||||
{% if data.url and data.title and not data.form_status_is_endpoint %}
|
||||
<li class="{{data.status_css_class}} {% if data.form_status_is_endpoint %}done{% endif %}"><a
|
||||
href="{{ data.url }}"><span class="form-title">{{ data.name }}</span>
|
||||
<span class="form-number">{{data.datetime|strptime:"%Y-%m-%d %H:%M:%S"}}</span>
|
||||
<span class="form-status">{% trans 'draft' %}</span></a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{% load i18n %}
|
||||
{% block cell-content %}
|
||||
<h2>Mes démarches en cours</h2>
|
||||
|
||||
<div class="cell-summary">
|
||||
<div class="summary-count">{{ current_forms.eservices.data|length }}</div>
|
||||
<div class="summary-link">
|
||||
<a href="/suivi">Accéder à toutes mes démarches en cours</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cell-full">
|
||||
{% for slug, forms in current_forms.items %}
|
||||
<div class="links-list current-forms-{{ slug }} current-forms list-of-forms">
|
||||
{% include "combo/wcs/list_of_forms.html" with forms=forms %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
{% block header-top %}{% endblock %}
|
||||
<div id="top">
|
||||
{% block header-title %}
|
||||
<h1 id="logo"><a accesskey="1" href="https://www.rouen.fr/services">{{ site_title }}</a></h1>
|
||||
<h1 id="logo"><a accesskey="1" href="{{ portal_url }}">{{ site_title }}</a></h1>
|
||||
{% endblock %}
|
||||
{% if include_top_links != False %}
|
||||
<div id="toplinks">
|
||||
|
|
@ -76,42 +76,6 @@
|
|||
</div> <!-- header-wrapper -->
|
||||
</header>
|
||||
|
||||
{% block nav %}
|
||||
<nav>
|
||||
<div id="nav-wrapper" class="gru-nav-wrapper">
|
||||
{% block nav-pre %}{% endblock %}
|
||||
|
||||
{% if request.path_info == "/" %}
|
||||
<div id="nav" class="gru-nav togglable">
|
||||
|
||||
{% block nav-top %}{% endblock %}
|
||||
|
||||
<button id="nav-button" class="gru-nav-button togglable" aria-label="Menu">
|
||||
<span class="sr-only">Ouvrir le menu</span>
|
||||
<span class="icon-bar icon-bar-1"></span>
|
||||
<span class="icon-bar icon-bar-2"></span>
|
||||
<span class="icon-bar icon-bar-3"></span>
|
||||
</button>
|
||||
|
||||
{% block menu %}
|
||||
<ul>
|
||||
<li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
|
||||
<li class="link-demarches"><a href="{{wcs_url}}/login">Démarches</a></li>
|
||||
<li class="link-profil"><a href="{{authentic_url}}/accounts/">Profil</a></li>
|
||||
<li class="link-aide"><a href="{{help_url}}">Aide</a></li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
{% block nav-bottom %}{% endblock %}
|
||||
|
||||
</div> <!-- nav -->
|
||||
{% endif %}
|
||||
|
||||
{% block nav-post %}{% endblock %}
|
||||
</div> <!-- nav-wrapper -->
|
||||
</nav>
|
||||
{% endblock %}
|
||||
|
||||
{% block before-main-content %}{% endblock %}
|
||||
|
||||
<div id="main-content-wrapper">
|
||||
|
|
|
|||
Reference in New Issue