charly 3 years ago
parent
commit
89903bde80
6 changed files with 10390 additions and 10182 deletions
  1. +115
    -0
      assets/app/frontend/scss/home.scss
  2. +10215
    -0
      public/build/app-frontend.7b3acb76.css
  3. +0
    -10114
      public/build/app-frontend.c5d84a67.css
  4. +1
    -1
      public/build/entrypoints.json
  5. +1
    -1
      public/build/manifest.json
  6. +58
    -66
      templates/frontend/home.html.twig

+ 115
- 0
assets/app/frontend/scss/home.scss View File

.bloc-futur {
color: #FFF;
background-color: $green;
font-family: dinbold;

.row-futur {
min-height: 800px;

h1 {
width: 70%;
font-size: 75px;
margin-top: 70px;
}

h2 {
width: 50%;
margin-top: 40px;
}

.discover {
background-color: $yellow;
color: $green;
font-size: 30px;
padding: 13px 50px;
margin-top: 150px;
display: inline-block;
font-weight: bold;
}

.perso-aac {
position: absolute;
bottom: 0;
right: 0;
}
}
}

.bloc-cartographie {
background-color: $green;
color: $green;

.frame-yellow {
background-color: $yellow;
}

.cartographie {
max-width: 100%;
margin-top: 50px;
}

h1 {
margin-top: 100px;
margin-bottom: 20px;

span {
color: $red;
}
}

.link-carto {
display: inline-block;
margin-top: 20px;
margin-bottom: 30px;
color: $green;
font-family: dinbold;
font-weight: bold;
border-bottom: 2px solid $red;
text-decoration: none;
}
}

.bloc-planisphere {
min-height: 700px;
color: $green;

h1 {
text-align: center;
font-size: 40px;
margin-top: 50px;

span {
color: $red;
}
}
}

.bloc-ressourcerie {
background-color: $green;
color: #FFF;
font-weight: bold;

h1 {
margin-top: 100px;
margin-bottom: 50px;
font-size: 35px;
}

.contribuate {
display: inline-block;
padding: 15px 15px;
border: 2px solid $yellow;
color: #FFF;
margin-top: 40px;
margin-bottom: 75px;
font-size: 20px;
}

.ressourcerie {
max-width: 80%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
}

+ 10215
- 0
public/build/app-frontend.7b3acb76.css
File diff suppressed because it is too large
View File


+ 0
- 10114
public/build/app-frontend.c5d84a67.css
File diff suppressed because it is too large
View File


+ 1
- 1
public/build/entrypoints.json View File

"/build/app-frontend.37551653.js" "/build/app-frontend.37551653.js"
], ],
"css": [ "css": [
"/build/app-frontend.c5d84a67.css"
"/build/app-frontend.7b3acb76.css"
] ]
} }
} }

+ 1
- 1
public/build/manifest.json View File

"build/sov-ticket.js": "/build/sov-ticket.df76c7a0.js", "build/sov-ticket.js": "/build/sov-ticket.df76c7a0.js",
"build/app-backend.css": "/build/app-backend.3d882954.css", "build/app-backend.css": "/build/app-backend.3d882954.css",
"build/app-backend.js": "/build/app-backend.e0a6620d.js", "build/app-backend.js": "/build/app-backend.e0a6620d.js",
"build/app-frontend.css": "/build/app-frontend.c5d84a67.css",
"build/app-frontend.css": "/build/app-frontend.7b3acb76.css",
"build/app-frontend.js": "/build/app-frontend.37551653.js", "build/app-frontend.js": "/build/app-frontend.37551653.js",
"build/runtime.js": "/build/runtime.3095b250.js", "build/runtime.js": "/build/runtime.3095b250.js",
"build/vendors-node_modules_core-js_internals_export_js.2e873f33.js": "/build/vendors-node_modules_core-js_internals_export_js.2e873f33.js", "build/vendors-node_modules_core-js_internals_export_js.2e873f33.js": "/build/vendors-node_modules_core-js_internals_export_js.2e873f33.js",

+ 58
- 66
templates/frontend/home.html.twig View File

{% endblock %} {% endblock %}


{% block body %} {% block body %}
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras iaculis nibh non nisl ornare, ut fringilla tellus
iaculis. Maecenas in dignissim tellus, id consectetur metus. Integer et lorem vitae ante feugiat ultrices in ac
augue. Curabitur a ex id erat venenatis finibus. Pellentesque consequat imperdiet eleifend. Vivamus ornare,
mauris a lacinia consequat, mi turpis rhoncus lorem, ultricies fringilla leo metus eu enim. Vivamus maximus
justo nibh, nec ultrices tortor venenatis in. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Nullam nec dui eu elit semper sodales quis ac sapien. Sed nibh mauris,
posuere non ultricies nec, malesuada quis nisl.

Sed aliquet quis risus non lobortis. Nulla dolor urna, egestas quis tempor ac, tristique non justo. Quisque non
nisi ut sapien porta dictum. Maecenas aliquam quis risus eget maximus. Etiam quis velit euismod, porttitor ex a,
molestie lectus. Donec viverra sapien quis metus vulputate, sed elementum enim suscipit. Donec semper, orci eget
dignissim convallis, purus elit hendrerit felis, eu interdum massa metus nec eros.

Vivamus maximus elementum dolor. Nulla vulputate orci id elit dignissim bibendum sodales ut nunc. Donec nec
risus varius, elementum felis vitae, facilisis arcu. Vestibulum faucibus a neque ac rhoncus. Morbi scelerisque
dignissim justo id hendrerit. Aenean ullamcorper euismod magna, in lobortis quam ornare non. Aliquam pulvinar,
quam ut posuere malesuada, nisi neque malesuada tellus, in ornare purus justo ut orci. Curabitur quis rutrum
metus.

Praesent venenatis libero nec lobortis iaculis. Etiam tortor velit, interdum sed massa commodo, vestibulum
ultrices nisl. Ut risus dui, suscipit vel eros ut, consectetur vestibulum eros. Quisque tempus rhoncus dolor
porta sagittis. Ut egestas erat quis molestie ultrices. Cras egestas ex eu velit semper efficitur. Praesent
consectetur lacinia lectus, vel efficitur mauris dignissim vel. Suspendisse pharetra elit egestas tincidunt
volutpat. In accumsan at felis nec eleifend. Suspendisse potenti. Nam mollis sodales vulputate. Cras odio justo,
congue ac turpis vitae, vulputate bibendum arcu. Cras vitae justo orci.

Sed pharetra in dolor quis vulputate. Morbi quis sapien lacinia, fermentum dui nec, fermentum ligula. Donec
rutrum, nibh vel laoreet fermentum, sapien sem cursus neque, vel elementum ex eros non lectus. Curabitur semper
egestas vehicula. Vivamus nunc mi, porttitor at fermentum sed, pretium nec tellus. Nunc dui dolor, mollis vel
felis in, vestibulum vulputate lectus. Etiam porttitor est sit amet est dictum, eget aliquam ligula suscipit.
Fusce gravida eros vel magna rutrum, vel consectetur eros consectetur. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia curae; Fusce nec porttitor felis, non condimentum ligula. Aliquam elementum auctor libero, vel
porttitor sem fermentum et. Nullam tempor faucibus tellus, in aliquet mi aliquet a.

Etiam velit orci, dictum ut risus egestas, lacinia finibus tellus. In condimentum velit id ex feugiat maximus.
Maecenas lorem purus, consequat eu luctus sit amet, rutrum at lectus. Etiam lobortis tellus et aliquam
consectetur. Morbi porta lacinia dapibus. Donec fermentum nisl vel blandit aliquam. Nullam rhoncus, lorem non
condimentum vulputate, dui est congue nisl, vel porta nulla metus id justo. Nam eu lectus tempor, viverra neque
vitae, congue quam. Mauris imperdiet libero ac odio suscipit, eget vestibulum nunc sagittis.

Fusce elit lectus, suscipit eu tortor eu, dictum tempus tellus. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Aliquam et eleifend odio. Suspendisse dapibus sem eget metus scelerisque ullamcorper. Sed in
eros posuere, finibus dui vulputate, tempus lacus. Sed erat est, condimentum et ex non, sollicitudin laoreet
lorem. Cras a feugiat est, a malesuada neque. Etiam fringilla risus dolor, sit amet mollis mi efficitur quis.
Etiam nec porta justo. Morbi felis libero, tempor ac congue sed, venenatis et erat. Vestibulum blandit lorem
vitae arcu dignissim rutrum.
<div class="bloc-futur">
<div class="container">
<div class="row row-futur">
<div class="col-12">
<h1>Imaginons ensemble le futur du Nord Franche-Comté</h1>
<h2>Participez à une démarche inédite de concertation citoyenne.</h2>
<a class="discover" href="" title="Découvrir">DÉCOUVRIR</a>
<img class="perso-aac" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="Personnages-AAC">
</div>
</div>
</div>
</div>


Donec posuere placerat massa, viverra elementum quam convallis nec. Praesent quis lacus pellentesque, consequat
orci ac, convallis nisl. Vestibulum finibus ac lacus vel feugiat. Maecenas aliquet tristique augue, eu sodales
nulla pharetra nec. Nunc mauris lorem, ultrices nec consectetur id, venenatis et tortor. Proin ac condimentum
nisl, nec dictum nulla. Mauris pharetra tortor quam, at tincidunt velit molestie eu. Donec elementum elit
consequat enim mattis, id suscipit elit dignissim. Donec malesuada imperdiet augue, non euismod lectus. Mauris
pharetra elit urna, sed consequat ipsum euismod at. Etiam nec consequat augue, eget egestas turpis. Cras
interdum mauris mi, nec dapibus lorem congue vel. Pellentesque mollis risus vitae sem gravida dictum.
<div class="bloc-cartographie">
<div class="container">
<div class="row frame-yellow">
<div class="col-6">
<img class="cartographie" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="cartographie">
</div>
<div class="col-6">
<h1>La cartographie r<span>ê</span>volutionnaire</h1>
<p>Pour mieux comprendre les besoins du Nord Franche-Comté,
cette cartographie est réalisée grâce à la consultation sur le
terrain et en ligne des citoyens et plus particulièrement des
personnes exclues du débat public, mais aussi des acteurs
institutionnels, du monde économique et de l’ESS.</p>
<a class="link-carto" href="" title="Découvrir la cartographie">Découvrir la cartographie</a>
</div>
</div>
</div>
</div>


Donec rutrum ex at turpis auctor lacinia. Donec et massa est. Quisque erat mauris, ultricies non turpis quis,
hendrerit interdum ipsum. Curabitur mollis auctor lorem sit amet tristique. Cras tempus non lectus a egestas. Ut
a facilisis neque. Fusce sed lectus at diam auctor molestie vel ac velit. Fusce pulvinar dui vel felis lobortis
malesuada. Nulla placerat est risus, eu dictum libero sollicitudin id. Mauris dictum aliquet tortor id maximus.
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam id dui sagittis,
semper odio vel, mattis dui. Nulla pharetra tincidunt diam, eget vulputate risus vehicula at. Phasellus
tincidunt blandit massa, maximus sollicitudin nulla sollicitudin vitae.
<div class="bloc-planisphere">
<div class="container">
<div class="row">
<div class="col-12">
<h1>Le planisphère des <span>S</span>olutions</h1>
</div>
</div>
</div>
</div>


Nunc finibus sollicitudin aliquam. Nullam finibus velit sed arcu commodo, id tempor mi placerat. Nulla nec nunc
eleifend, lobortis lorem scelerisque, semper nisi. In sit amet metus vel urna eleifend maximus in eget ante.
Fusce hendrerit lectus libero, eget feugiat eros tincidunt dignissim. Praesent diam eros, tristique et elementum
vitae, accumsan eu erat. Phasellus urna leo, semper vitae ligula sit amet, tristique bibendum mi.
<div class="bloc-ressourcerie">
<div class="container">
<div class="row">
<div class="col-6">
<h1>Ressourcerie</h1>
<p>A partir de juin 2022, vous pourrez découvrir la Res-
sourcerie «Aux Actes Citoyens» qui permettra à tous de
connaître la manière de créer un projet, de l’animer,
des formations, des contacts de partenaires et encore
plein d’autres choses ! Vous souhaitez contriber à cette
ressourcerie, n’hésitez pas à nous contacter
</p>
<a class="contribuate" href="" title="CONTRIBUER A LA RESSOURCERIE">CONTRIBUER A LA RESSOURCERIE</a>
</div>
<div class="col-6">
<img class="ressourcerie" src="{{ 'assets/img/Personnages-AAC.jpg' }}" alt="ressourcerie">
</div>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}

Loading…
Cancel
Save