Compare commits
2 Commits
9cd6627bfa
...
217b84c755
| Author | SHA1 | Date |
|---|---|---|
Valentin
|
217b84c755 | |
|
Valentin
|
6db99742c4 |
|
|
@ -3,32 +3,48 @@ langcode: fr
|
|||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.field.node.ressource.body
|
||||
- field.field.node.ressource.field_couverture
|
||||
- field.field.node.ressource.field_fichier_ressource
|
||||
- field.field.node.ressource.field_ressource_date
|
||||
- image.style.thumbnail
|
||||
- node.type.ressource
|
||||
module:
|
||||
- datetime
|
||||
- file
|
||||
- image
|
||||
- path
|
||||
- text
|
||||
id: node.ressource.default
|
||||
targetEntityType: node
|
||||
bundle: ressource
|
||||
mode: default
|
||||
content:
|
||||
body:
|
||||
type: text_textarea_with_summary
|
||||
weight: 121
|
||||
region: content
|
||||
settings:
|
||||
rows: 9
|
||||
summary_rows: 3
|
||||
placeholder: ''
|
||||
show_summary: false
|
||||
third_party_settings: { }
|
||||
created:
|
||||
type: datetime_timestamp
|
||||
weight: 10
|
||||
region: content
|
||||
settings: { }
|
||||
third_party_settings: { }
|
||||
field_couverture:
|
||||
type: image_image
|
||||
weight: 123
|
||||
region: content
|
||||
settings:
|
||||
progress_indicator: throbber
|
||||
preview_image_style: thumbnail
|
||||
third_party_settings: { }
|
||||
field_fichier_ressource:
|
||||
type: file_generic
|
||||
weight: 122
|
||||
region: content
|
||||
settings:
|
||||
progress_indicator: throbber
|
||||
third_party_settings: { }
|
||||
field_ressource_date:
|
||||
type: datetime_default
|
||||
weight: 124
|
||||
region: content
|
||||
settings: { }
|
||||
third_party_settings: { }
|
||||
langcode:
|
||||
type: language_select
|
||||
weight: 2
|
||||
|
|
|
|||
|
|
@ -3,22 +3,47 @@ langcode: fr
|
|||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.field.node.ressource.body
|
||||
- field.field.node.ressource.field_couverture
|
||||
- field.field.node.ressource.field_fichier_ressource
|
||||
- field.field.node.ressource.field_ressource_date
|
||||
- node.type.ressource
|
||||
module:
|
||||
- text
|
||||
- datetime
|
||||
- file
|
||||
- image
|
||||
- user
|
||||
id: node.ressource.default
|
||||
targetEntityType: node
|
||||
bundle: ressource
|
||||
mode: default
|
||||
content:
|
||||
body:
|
||||
type: text_default
|
||||
label: hidden
|
||||
settings: { }
|
||||
field_couverture:
|
||||
type: image
|
||||
label: above
|
||||
settings:
|
||||
image_link: ''
|
||||
image_style: ''
|
||||
image_loading:
|
||||
attribute: lazy
|
||||
third_party_settings: { }
|
||||
weight: 101
|
||||
weight: 103
|
||||
region: content
|
||||
field_fichier_ressource:
|
||||
type: file_default
|
||||
label: above
|
||||
settings:
|
||||
use_description_as_link_text: true
|
||||
third_party_settings: { }
|
||||
weight: 102
|
||||
region: content
|
||||
field_ressource_date:
|
||||
type: datetime_default
|
||||
label: above
|
||||
settings:
|
||||
timezone_override: ''
|
||||
format_type: moyen
|
||||
third_party_settings: { }
|
||||
weight: 104
|
||||
region: content
|
||||
links:
|
||||
settings: { }
|
||||
|
|
|
|||
|
|
@ -4,29 +4,25 @@ status: true
|
|||
dependencies:
|
||||
config:
|
||||
- core.entity_view_mode.node.teaser
|
||||
- field.field.node.ressource.body
|
||||
- field.field.node.ressource.field_couverture
|
||||
- field.field.node.ressource.field_fichier_ressource
|
||||
- field.field.node.ressource.field_ressource_date
|
||||
- node.type.ressource
|
||||
module:
|
||||
- text
|
||||
- user
|
||||
id: node.ressource.teaser
|
||||
targetEntityType: node
|
||||
bundle: ressource
|
||||
mode: teaser
|
||||
content:
|
||||
body:
|
||||
type: text_summary_or_trimmed
|
||||
label: hidden
|
||||
settings:
|
||||
trim_length: 600
|
||||
third_party_settings: { }
|
||||
weight: 101
|
||||
region: content
|
||||
links:
|
||||
settings: { }
|
||||
third_party_settings: { }
|
||||
weight: 100
|
||||
region: content
|
||||
hidden:
|
||||
field_couverture: true
|
||||
field_fichier_ressource: true
|
||||
field_ressource_date: true
|
||||
langcode: true
|
||||
search_api_excerpt: true
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
uuid: 4752307f-9aa9-40d5-b6b4-67ff2994d167
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.storage.node.body
|
||||
- node.type.ressource
|
||||
module:
|
||||
- text
|
||||
id: node.ressource.body
|
||||
field_name: body
|
||||
entity_type: node
|
||||
bundle: ressource
|
||||
label: Body
|
||||
description: ''
|
||||
required: false
|
||||
translatable: true
|
||||
default_value: { }
|
||||
default_value_callback: ''
|
||||
settings:
|
||||
display_summary: true
|
||||
required_summary: false
|
||||
allowed_formats: { }
|
||||
field_type: text_with_summary
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
uuid: 337280cb-c1a4-4258-8002-3e54da4ef7af
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.storage.node.field_couverture
|
||||
- node.type.ressource
|
||||
module:
|
||||
- image
|
||||
id: node.ressource.field_couverture
|
||||
field_name: field_couverture
|
||||
entity_type: node
|
||||
bundle: ressource
|
||||
label: Couverture
|
||||
description: ''
|
||||
required: false
|
||||
translatable: false
|
||||
default_value: { }
|
||||
default_value_callback: ''
|
||||
settings:
|
||||
handler: 'default:file'
|
||||
handler_settings: { }
|
||||
file_directory: '[date:custom:Y]-[date:custom:m]'
|
||||
file_extensions: 'png gif jpg jpeg'
|
||||
max_filesize: ''
|
||||
max_resolution: ''
|
||||
min_resolution: ''
|
||||
alt_field: true
|
||||
alt_field_required: true
|
||||
title_field: false
|
||||
title_field_required: false
|
||||
default_image:
|
||||
uuid: ''
|
||||
alt: ''
|
||||
title: ''
|
||||
width: null
|
||||
height: null
|
||||
caption: ''
|
||||
caption_field: 0
|
||||
caption_field_required: 0
|
||||
field_type: image
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
uuid: cb4d94b5-ba0c-42f9-afc3-872a22dcf970
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.storage.node.field_fichier_ressource
|
||||
- node.type.ressource
|
||||
module:
|
||||
- file
|
||||
id: node.ressource.field_fichier_ressource
|
||||
field_name: field_fichier_ressource
|
||||
entity_type: node
|
||||
bundle: ressource
|
||||
label: fichier_ressource
|
||||
description: ''
|
||||
required: false
|
||||
translatable: false
|
||||
default_value: { }
|
||||
default_value_callback: ''
|
||||
settings:
|
||||
handler: 'default:file'
|
||||
handler_settings: { }
|
||||
file_directory: '[date:custom:Y]-[date:custom:m]'
|
||||
file_extensions: 'txt pdf odt'
|
||||
max_filesize: ''
|
||||
description_field: false
|
||||
field_type: file
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
uuid: 492d0344-680a-4fc6-ae79-d238ac94c597
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- field.storage.node.field_ressource_date
|
||||
- node.type.ressource
|
||||
module:
|
||||
- datetime
|
||||
id: node.ressource.field_ressource_date
|
||||
field_name: field_ressource_date
|
||||
entity_type: node
|
||||
bundle: ressource
|
||||
label: 'Ressource date'
|
||||
description: ''
|
||||
required: false
|
||||
translatable: false
|
||||
default_value: { }
|
||||
default_value_callback: ''
|
||||
settings: { }
|
||||
field_type: datetime
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
uuid: 155a4d26-3357-495d-9d93-36c6ceab75ba
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
module:
|
||||
- file
|
||||
- image
|
||||
- node
|
||||
id: node.field_couverture
|
||||
field_name: field_couverture
|
||||
entity_type: node
|
||||
type: image
|
||||
settings:
|
||||
target_type: file
|
||||
display_field: false
|
||||
display_default: false
|
||||
uri_scheme: public
|
||||
default_image:
|
||||
uuid: ''
|
||||
alt: ''
|
||||
title: ''
|
||||
width: null
|
||||
height: null
|
||||
module: image
|
||||
locked: false
|
||||
cardinality: 1
|
||||
translatable: true
|
||||
indexes: { }
|
||||
persist_with_no_fields: false
|
||||
custom_storage: false
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
uuid: bd5e08e2-421d-432c-bcda-db3449339ce9
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
module:
|
||||
- file
|
||||
- node
|
||||
id: node.field_fichier_ressource
|
||||
field_name: field_fichier_ressource
|
||||
entity_type: node
|
||||
type: file
|
||||
settings:
|
||||
target_type: file
|
||||
display_field: false
|
||||
display_default: false
|
||||
uri_scheme: public
|
||||
module: file
|
||||
locked: false
|
||||
cardinality: 1
|
||||
translatable: true
|
||||
indexes: { }
|
||||
persist_with_no_fields: false
|
||||
custom_storage: false
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
uuid: b546fce3-9cd8-40b7-bc5e-4b0d159d5ade
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
module:
|
||||
- datetime
|
||||
- node
|
||||
id: node.field_ressource_date
|
||||
field_name: field_ressource_date
|
||||
entity_type: node
|
||||
type: datetime
|
||||
settings:
|
||||
datetime_type: date
|
||||
module: datetime
|
||||
locked: false
|
||||
cardinality: 1
|
||||
translatable: true
|
||||
indexes: { }
|
||||
persist_with_no_fields: false
|
||||
custom_storage: false
|
||||
|
|
@ -0,0 +1,177 @@
|
|||
uuid: f02beb40-9adc-4cd4-adce-85f59f367b9b
|
||||
langcode: fr
|
||||
status: true
|
||||
dependencies:
|
||||
config:
|
||||
- core.entity_view_mode.node.full
|
||||
- node.type.ressource
|
||||
module:
|
||||
- node
|
||||
- user
|
||||
id: ressources
|
||||
label: Ressources
|
||||
module: views
|
||||
description: ''
|
||||
tag: ''
|
||||
base_table: node_field_data
|
||||
base_field: nid
|
||||
display:
|
||||
default:
|
||||
id: default
|
||||
display_title: Default
|
||||
display_plugin: default
|
||||
position: 0
|
||||
display_options:
|
||||
title: Ressources
|
||||
fields:
|
||||
title:
|
||||
id: title
|
||||
table: node_field_data
|
||||
field: title
|
||||
relationship: none
|
||||
group_type: group
|
||||
admin_label: ''
|
||||
entity_type: node
|
||||
entity_field: title
|
||||
plugin_id: field
|
||||
label: ''
|
||||
exclude: false
|
||||
alter:
|
||||
alter_text: false
|
||||
make_link: false
|
||||
absolute: false
|
||||
word_boundary: false
|
||||
ellipsis: false
|
||||
strip_tags: false
|
||||
trim: false
|
||||
html: false
|
||||
element_type: ''
|
||||
element_class: ''
|
||||
element_label_type: ''
|
||||
element_label_class: ''
|
||||
element_label_colon: true
|
||||
element_wrapper_type: ''
|
||||
element_wrapper_class: ''
|
||||
element_default_classes: true
|
||||
empty: ''
|
||||
hide_empty: false
|
||||
empty_zero: false
|
||||
hide_alter_empty: true
|
||||
click_sort_column: value
|
||||
type: string
|
||||
settings:
|
||||
link_to_entity: true
|
||||
group_column: value
|
||||
group_columns: { }
|
||||
group_rows: true
|
||||
delta_limit: 0
|
||||
delta_offset: 0
|
||||
delta_reversed: false
|
||||
delta_first_last: false
|
||||
multi_type: separator
|
||||
separator: ', '
|
||||
field_api_classes: false
|
||||
pager:
|
||||
type: some
|
||||
options:
|
||||
offset: 0
|
||||
items_per_page: 1000
|
||||
exposed_form:
|
||||
type: basic
|
||||
options:
|
||||
submit_button: Appliquer
|
||||
reset_button: false
|
||||
reset_button_label: Réinitialiser
|
||||
exposed_sorts_label: 'Trier par'
|
||||
expose_sort_order: true
|
||||
sort_asc_label: Asc
|
||||
sort_desc_label: Desc
|
||||
access:
|
||||
type: perm
|
||||
options:
|
||||
perm: 'access content'
|
||||
cache:
|
||||
type: tag
|
||||
options: { }
|
||||
empty: { }
|
||||
sorts:
|
||||
created:
|
||||
id: created
|
||||
table: node_field_data
|
||||
field: created
|
||||
relationship: none
|
||||
group_type: group
|
||||
admin_label: ''
|
||||
entity_type: node
|
||||
entity_field: created
|
||||
plugin_id: date
|
||||
order: DESC
|
||||
expose:
|
||||
label: ''
|
||||
field_identifier: ''
|
||||
exposed: false
|
||||
granularity: second
|
||||
arguments: { }
|
||||
filters:
|
||||
status:
|
||||
id: status
|
||||
table: node_field_data
|
||||
field: status
|
||||
entity_type: node
|
||||
entity_field: status
|
||||
plugin_id: boolean
|
||||
value: '1'
|
||||
group: 1
|
||||
expose:
|
||||
operator: ''
|
||||
type:
|
||||
id: type
|
||||
table: node_field_data
|
||||
field: type
|
||||
entity_type: node
|
||||
entity_field: type
|
||||
plugin_id: bundle
|
||||
value:
|
||||
ressource: ressource
|
||||
style:
|
||||
type: default
|
||||
row:
|
||||
type: 'entity:node'
|
||||
options:
|
||||
view_mode: full
|
||||
query:
|
||||
type: views_query
|
||||
options:
|
||||
query_comment: ''
|
||||
disable_sql_rewrite: false
|
||||
distinct: false
|
||||
replica: false
|
||||
query_tags: { }
|
||||
relationships: { }
|
||||
header: { }
|
||||
footer: { }
|
||||
display_extenders: { }
|
||||
cache_metadata:
|
||||
max-age: -1
|
||||
contexts:
|
||||
- 'languages:language_content'
|
||||
- 'languages:language_interface'
|
||||
- 'user.node_grants:view'
|
||||
- user.permissions
|
||||
tags: { }
|
||||
page_1:
|
||||
id: page_1
|
||||
display_title: Page
|
||||
display_plugin: page
|
||||
position: 1
|
||||
display_options:
|
||||
display_extenders: { }
|
||||
path: ressources
|
||||
cache_metadata:
|
||||
max-age: -1
|
||||
contexts:
|
||||
- 'languages:language_content'
|
||||
- 'languages:language_interface'
|
||||
- 'user.node_grants:view'
|
||||
- user.permissions
|
||||
tags: { }
|
||||
|
|
@ -198,7 +198,10 @@ function placeProjectsIcons(projectsIcons, container) {
|
|||
const finalX = containerWidth * (territoryBounds.left / 100 + (xPercentage / 100) * (territoryBounds.right - territoryBounds.left) / 100) - iconWidth / 2;
|
||||
const finalY = containerHeight * (territoryBounds.top / 100 + (yPercentage / 100) * (territoryBounds.bottom - territoryBounds.top) / 100) - iconWidth / 2;
|
||||
|
||||
icon.setAttribute('transform', `translate(${finalX}, ${finalY})`);
|
||||
// icon.setAttribute('transform', `translate(${finalX}, ${finalY})`); // does not seems to be working on mobile
|
||||
|
||||
icon.style.left = `${finalX}px`;
|
||||
icon.style.top = `${finalY}px`;
|
||||
} else {
|
||||
console.warn(`Territory not found for lat: ${lat}, lon: ${lon}`);
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 875 KiB After Width: | Height: | Size: 5.6 MiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 10 KiB |
|
|
@ -2,17 +2,39 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="4.7620153mm"
|
||||
height="4.9964266mm"
|
||||
viewBox="0 0 4.7620153 4.9964266"
|
||||
width="4.7680597mm"
|
||||
height="4.7788248mm"
|
||||
viewBox="0 0 4.7680597 4.7788248"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="shape_1.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="43.772614"
|
||||
inkscape:cx="8.3842376"
|
||||
inkscape:cy="10.828688"
|
||||
inkscape:window-width="2160"
|
||||
inkscape:window-height="1440"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1" /><defs
|
||||
id="defs1" /><g
|
||||
id="layer1"
|
||||
transform="translate(-177.20162,-22.803584)"><path
|
||||
transform="matrix(1,0,0,0.95281922,-177.20162,-21.727693)"><path
|
||||
d="m 181.9626,26.11193 q 0.0397,1.34791 -1.38756,1.62542 -1.4272,0.27752 -2.4976,-0.67395 -1.0704,-0.95147 -0.83254,-2.18045 0.23787,-1.22899 1.18934,-1.74437 0.95147,-0.51537 1.82365,-0.23786 0.87218,0.27751 1.26863,1.0704 0.39644,0.79289 0.43608,2.14081 z"
|
||||
stroke="none"
|
||||
stroke-width="0"
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 804 B After Width: | Height: | Size: 1.6 KiB |
|
|
@ -2,17 +2,39 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="5.1043558mm"
|
||||
height="5.6061544mm"
|
||||
viewBox="0 0 5.1043558 5.6061544"
|
||||
width="5.124702mm"
|
||||
height="5.1042776mm"
|
||||
viewBox="0 0 5.124702 5.1042776"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="shape_2.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="39.011885"
|
||||
inkscape:cx="10.022587"
|
||||
inkscape:cy="12.098877"
|
||||
inkscape:window-width="2160"
|
||||
inkscape:window-height="1440"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1" /><defs
|
||||
id="defs1" /><g
|
||||
id="layer1"
|
||||
transform="translate(-136.40182,-51.57774)"><path
|
||||
transform="matrix(1,0,0,0.90926774,-136.40182,-46.897973)"><path
|
||||
d="m 141.39826,55.206408 q -0.27751,1.03076 -1.50649,1.70472 -1.22898,0.67395 -2.33903,-0.31716 -1.11005,-0.99112 -1.14969,-2.45797 -0.0396,-1.46684 1.18933,-2.18044 1.22898,-0.71361 2.2201,-0.0793 0.99111,0.63431 1.4272,1.46685 0.43609,0.83253 0.15858,1.86329 z"
|
||||
stroke="none"
|
||||
stroke-width="0"
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 805 B After Width: | Height: | Size: 1.6 KiB |
|
|
@ -61,11 +61,15 @@ a {
|
|||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
body > div:first-of-type {
|
||||
body > .dialog-off-canvas-main-canvas {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.layout-container {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -98,11 +102,11 @@ em {
|
|||
border: solid 1px red !important;
|
||||
} */
|
||||
/* PARTIALS */
|
||||
body.toolbar-tray-open header[role=banner] {
|
||||
left: 15rem !important;
|
||||
width: calc(100% - 15rem) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
body.toolbar-tray-open header[role="banner"] {
|
||||
left: 15rem !important;
|
||||
width: calc(100% - 15rem) !important;
|
||||
} */
|
||||
body.toolbar-fixed header[role=banner] {
|
||||
top: 2.4em !important;
|
||||
}
|
||||
|
|
@ -341,7 +345,8 @@ body.toolbar-fixed header[role=banner] {
|
|||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(6),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(7),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(8),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9) {
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(9),
|
||||
.layout-container header[role=banner] > div:first-of-type #block-erabletheme-header ul:not(.social-media-links--platforms) > li:nth-of-type(10) {
|
||||
border-bottom: solid 1px white;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
|
@ -773,6 +778,7 @@ body.toolbar-fixed header[role=banner] {
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.actu_full h3, .actu_full h4, .actu_full h5, .actu_full h6 {
|
||||
|
|
@ -894,9 +900,10 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
|
|||
min-height: 50vh;
|
||||
}
|
||||
main.main-login .login, main.main-login .user, main.main-login .register, main.main-login .contact, main.main-login .ask, main.main-login .add-offre, main.main-user .login, main.main-user .user, main.main-user .register, main.main-user .contact, main.main-user .ask, main.main-user .add-offre, main.main-register .login, main.main-register .user, main.main-register .register, main.main-register .contact, main.main-register .ask, main.main-register .add-offre, main.main-contact .login, main.main-contact .user, main.main-contact .register, main.main-contact .contact, main.main-contact .ask, main.main-contact .add-offre, main.main-ask .login, main.main-ask .user, main.main-ask .register, main.main-ask .contact, main.main-ask .ask, main.main-ask .add-offre, main.main-add-offre .login, main.main-add-offre .user, main.main-add-offre .register, main.main-add-offre .contact, main.main-add-offre .ask, main.main-add-offre .add-offre {
|
||||
padding-top: 5vh;
|
||||
margin-top: 12vh;
|
||||
padding: 5vh 0;
|
||||
width: 100vw;
|
||||
background: linear-gradient(to bottom, white 0%, #fcf9ee 10%, #fcf9ee 80%, white 100%);
|
||||
background-color: white;
|
||||
}
|
||||
main.main-login .login > h2, main.main-login .user > h2, main.main-login .register > h2, main.main-login .contact > h2, main.main-login .ask > h2, main.main-login .add-offre > h2, main.main-user .login > h2, main.main-user .user > h2, main.main-user .register > h2, main.main-user .contact > h2, main.main-user .ask > h2, main.main-user .add-offre > h2, main.main-register .login > h2, main.main-register .user > h2, main.main-register .register > h2, main.main-register .contact > h2, main.main-register .ask > h2, main.main-register .add-offre > h2, main.main-contact .login > h2, main.main-contact .user > h2, main.main-contact .register > h2, main.main-contact .contact > h2, main.main-contact .ask > h2, main.main-contact .add-offre > h2, main.main-ask .login > h2, main.main-ask .user > h2, main.main-ask .register > h2, main.main-ask .contact > h2, main.main-ask .ask > h2, main.main-ask .add-offre > h2, main.main-add-offre .login > h2, main.main-add-offre .user > h2, main.main-add-offre .register > h2, main.main-add-offre .contact > h2, main.main-add-offre .ask > h2, main.main-add-offre .add-offre > h2 {
|
||||
font-family: "Barlow", sans-serif;
|
||||
|
|
@ -987,16 +994,35 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
|||
display: none;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
padding-left: 3rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#background {
|
||||
z-index: -1;
|
||||
max-width: 99vw;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
#background img {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
#background #bg-top #bg-1 {
|
||||
top: 5vh;
|
||||
left: 0;
|
||||
#background #bg-top {
|
||||
/* #bg-1 {
|
||||
top: 5vh;
|
||||
left: 0;
|
||||
} */
|
||||
/* #bg-4 {
|
||||
top: 18vh;
|
||||
right: -45vw;
|
||||
} */
|
||||
}
|
||||
#background #bg-top #bg-3 {
|
||||
top: 13vh;
|
||||
|
|
@ -1006,14 +1032,18 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
|||
top: 8vh;
|
||||
left: -28vw;
|
||||
}
|
||||
#background #bg-top #bg-4 {
|
||||
top: 18vh;
|
||||
right: -45vw;
|
||||
}
|
||||
#background #bg-middle #bg-5 {
|
||||
top: -20vh;
|
||||
#background #bg-top #bg-5 {
|
||||
width: 20vw;
|
||||
top: 5vh;
|
||||
right: -10vw;
|
||||
}
|
||||
#background #bg-middle {
|
||||
/* #bg-8 {
|
||||
width: 80vw;
|
||||
top: 45vh;
|
||||
left: -40vw;
|
||||
} */
|
||||
}
|
||||
#background #bg-middle #bg-6 {
|
||||
top: 5vh;
|
||||
right: -5vw;
|
||||
|
|
@ -1023,11 +1053,6 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
|||
top: 10vh;
|
||||
right: 0vw;
|
||||
}
|
||||
#background #bg-middle #bg-8 {
|
||||
width: 80vw;
|
||||
top: 45vh;
|
||||
left: -40vw;
|
||||
}
|
||||
#background #bg-middle #bg-12 {
|
||||
width: 105vw;
|
||||
left: -5vw;
|
||||
|
|
@ -1331,6 +1356,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.map-projets > #sites-map-container #popup h3 {
|
||||
|
|
@ -1453,6 +1479,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.layout-content .fullpage .fullpage_content h3, .layout-content .fullpage .fullpage_content h4, .layout-content .fullpage .fullpage_content h5, .layout-content .fullpage .fullpage_content h6 {
|
||||
|
|
@ -1569,6 +1596,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) > div #block-erabletheme-leprogramme-2 > h2,
|
||||
|
|
@ -1722,6 +1750,8 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
padding: 1px;
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
.paragraph--type--membre-equipe > .portrait > div > div::after {
|
||||
top: 0;
|
||||
|
|
@ -1743,6 +1773,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.paragraph--type--membre-equipe > .prenom,
|
||||
|
|
@ -1826,11 +1857,23 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
align-items: center;
|
||||
padding: 0 3vw;
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
|
||||
grid-column: 1/3;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type {
|
||||
grid-column: 1/2;
|
||||
}
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > .visually-hidden {
|
||||
display: none;
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
|
||||
width: 30vw;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div img {
|
||||
width: 100%;
|
||||
|
|
@ -1839,6 +1882,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
}
|
||||
@media (min-width: 760px) {
|
||||
.content_partenaires .views-row article > div:first-of-type > div:first-of-type > div {
|
||||
margin-bottom: 1rem;
|
||||
width: 20vw;
|
||||
}
|
||||
}
|
||||
|
|
@ -1848,11 +1892,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
}
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
|
||||
grid-column: 1/3;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
margin-bottom: 2rem;
|
||||
padding-left: 3vw;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.content_partenaires .views-row article > div:first-of-type > div:nth-of-type(2) {
|
||||
padding-left: 3vw;
|
||||
grid-column: 2/3;
|
||||
}
|
||||
}
|
||||
.content_partenaires .views-row article > div:first-of-type > div:last-of-type {
|
||||
grid-column: 1/3;
|
||||
|
|
@ -2103,14 +2153,17 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
margin-right: 1rem;
|
||||
}
|
||||
.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after, .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."])::after {
|
||||
top: 1.2rem;
|
||||
left: 1.2rem;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 8.1rem;
|
||||
height: 8.1rem;
|
||||
margin: 1rem;
|
||||
margin-right: 2rem;
|
||||
margin-top: 1.1rem;
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
|
||||
background-size: cover;
|
||||
background-size: contain;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
|
@ -2145,6 +2198,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
margin: unset;
|
||||
padding: unset;
|
||||
font-weight: 800;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address {
|
||||
grid-column: 2;
|
||||
|
|
@ -2249,14 +2303,15 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
.fullpage.meetup-offre > .offre-content > div > div > div > div .views-row {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation {
|
||||
padding: unset !important;
|
||||
grid-column: 1/2;
|
||||
grid-row: 1/6;
|
||||
justify-self: center;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
border-radius: 4rem;
|
||||
|
|
@ -2264,7 +2319,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
margin-right: 0.4rem;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > div:first-of-type > img {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation > img {
|
||||
width: 15rem;
|
||||
height: 15rem;
|
||||
border-radius: 7.5rem;
|
||||
|
|
@ -2272,6 +2327,25 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
margin-right: 2rem;
|
||||
}
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
width: 7.8rem;
|
||||
height: 7.8rem;
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-image: url("/themes/erabletheme/assets/cercle_dessin.svg");
|
||||
background-size: contain;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .image_presentation::after {
|
||||
width: 13.2rem;
|
||||
height: 13.2rem;
|
||||
margin: 0.8rem;
|
||||
}
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-structure {
|
||||
grid-column: 2/4;
|
||||
grid-row: 1/2;
|
||||
|
|
@ -2340,15 +2414,30 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2, .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > div {
|
||||
display: inline-block;
|
||||
display: inline-block !important;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time > h2 {
|
||||
text-transform: unset !important;
|
||||
font-size: 0.8rem !important;
|
||||
color: black !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
|
||||
margin-top: 0;
|
||||
grid-column: 3/4;
|
||||
grid-column: 2/4;
|
||||
grid-row: 5/7;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1080px) {
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div:has(.views-field-contact a) > .offre-time {
|
||||
grid-column: 3/4;
|
||||
}
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description {
|
||||
grid-column: 1/4;
|
||||
grid-row: 7/8;
|
||||
|
|
@ -2357,6 +2446,9 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
padding-top: 6vh;
|
||||
margin-bottom: 4vh;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-description p {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
.fullpage.meetup-offre > .offre-content > div > div > div > div > .liens_fixed {
|
||||
grid-row: 8/9;
|
||||
grid-column: 1/3;
|
||||
|
|
@ -2542,6 +2634,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.layout-content .fullpage.projets > .intro_map #sites-map-container #popup h3 {
|
||||
|
|
@ -2581,7 +2674,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
grid-row: 1/3;
|
||||
align-self: start;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
|
|
@ -2589,9 +2682,10 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a {
|
||||
aspect-ratio: 1/1;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
|
|
@ -2603,18 +2697,18 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
mask-position: center;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-diaporama > .field-content > a img {
|
||||
width: 170%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -1rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-title a {
|
||||
color: #038788;
|
||||
|
|
@ -2644,10 +2738,11 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
}
|
||||
}
|
||||
.layout-content .fullpage.projets > .projets_list > .views-row > .views-field-field-localisation-textuel {
|
||||
grid-column: 2;
|
||||
grid-column: 1/3;
|
||||
grid-row: 3;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -0.5rem;
|
||||
padding-left: 1.2rem;
|
||||
padding-top: 0.3rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
|
|
@ -2788,6 +2883,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.projet_full .text-content .intertitre {
|
||||
|
|
@ -2814,6 +2910,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.projet_full .chiffre-clefs > div > div .paragraph > div:first-of-type {
|
||||
|
|
@ -2889,6 +2986,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
font-size: 0.9rem;
|
||||
color: #038788;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.projet_full .equipe > div > div:nth-of-type(2) > div > div > div:first-of-type {
|
||||
|
|
@ -2965,6 +3063,36 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.taxonomy_page > .fullpage_content > div:last-of-type {
|
||||
display: grid !important;
|
||||
grid-template-columns: 0.5fr 1fr;
|
||||
grid-template-rows: repeat(3, auto);
|
||||
}
|
||||
.taxonomy_page > .fullpage_content > div:last-of-type > .diapo {
|
||||
grid-column: 1;
|
||||
grid-row: 2/4;
|
||||
margin: 0 !important;
|
||||
margin-left: 3vw !important;
|
||||
}
|
||||
.taxonomy_page > .fullpage_content > div:last-of-type > .sous_titre {
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.taxonomy_page > .fullpage_content > div:last-of-type > .localisation {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.taxonomy_page > .fullpage_content > div:last-of-type > .thematiques {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.feed-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 760px) {
|
||||
.fullpage.actus .actus_list {
|
||||
display: grid;
|
||||
|
|
@ -2977,6 +3105,187 @@ aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) >
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 760px) {
|
||||
.fullpage .actus_list h2 {
|
||||
font-size: 1.6rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ressources {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.ressources > .main-title {
|
||||
display: none;
|
||||
}
|
||||
.ressources > div {
|
||||
padding: 0 3vw;
|
||||
display: grid;
|
||||
grid-template-columns: 0.25fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
}
|
||||
.ressources > div > div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
.ressources > div > h2 {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
justify-self: start;
|
||||
}
|
||||
.ressources > div > h2 > a > span {
|
||||
display: block;
|
||||
font-family: "Barlow", sans-serif;
|
||||
color: black;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.ressources > div > h2 > a > span {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
.ressources > div > div:first-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
.ressources > div > div:first-of-type > div > span {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
.ressources > div > div:first-of-type > div > span a {
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 0.9rem;
|
||||
background-color: white;
|
||||
border: solid 2px #00ff80;
|
||||
padding: 9px 18px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
.ressources > div > div:first-of-type > div > span a svg {
|
||||
display: none;
|
||||
}
|
||||
.ressources > div > div:first-of-type > div > span a:hover {
|
||||
background-color: #00ff80;
|
||||
}
|
||||
.ressources > div > div:first-of-type > div > span:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
.ressources > div > div:nth-of-type(2) {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
padding: 2rem 0;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.ressources > div > div:nth-of-type(2) img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.ressources > div > div:nth-of-type(3) {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: -1rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.views-row:first-of-type > .ressources {
|
||||
margin-top: 13vh !important;
|
||||
}
|
||||
.views-row:first-of-type > .ressources > .main-title {
|
||||
display: block;
|
||||
padding-top: 5vh !important;
|
||||
font-family: "Barlow Condensed", sans-serif;
|
||||
font-size: 1.6rem;
|
||||
padding: 0 3vw;
|
||||
margin-top: 1rem;
|
||||
color: #038788;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.views-row:first-of-type > .ressources > .main-title a {
|
||||
color: #038788;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.views-row:first-of-type > .ressources > .main-title {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ressource > div {
|
||||
margin: 3vw;
|
||||
display: grid;
|
||||
grid-template-columns: 0.25fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
}
|
||||
.ressource > div > div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
.ressource > div > h2 {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
justify-self: start;
|
||||
}
|
||||
.ressource > div > h2 > span {
|
||||
display: block;
|
||||
font-family: "Barlow", sans-serif;
|
||||
color: black;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
@media (min-width: 760px) {
|
||||
.ressource > div > h2 > span {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
}
|
||||
.ressource > div > div:first-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
.ressource > div > div:first-of-type > div > span {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
.ressource > div > div:first-of-type > div > span a {
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-weight: 800;
|
||||
font-size: 0.9rem;
|
||||
background-color: white;
|
||||
border: solid 2px #00ff80;
|
||||
padding: 9px 18px;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
.ressource > div > div:first-of-type > div > span a svg {
|
||||
display: none;
|
||||
}
|
||||
.ressource > div > div:first-of-type > div > span a:hover {
|
||||
background-color: #00ff80;
|
||||
}
|
||||
.ressource > div > div:first-of-type > div > span:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
.ressource > div > div:nth-of-type(2) {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
padding: 2rem 0;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.ressource > div > div:nth-of-type(2) img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.ressource > div > div:nth-of-type(3) {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: -1rem;
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.faq-fullpage {
|
||||
font-family: "Marianne", sans-serif;
|
||||
font-size: 1rem;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -115,8 +115,9 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr
|
|||
function erabletheme_theme_suggestions_node_alter(array &$suggestions, array $variables) {
|
||||
$is_actu = isset($variables['elements']['field_type_d_actualite']);
|
||||
$is_projet = isset($variables['elements']['field_localisation_textuel']);
|
||||
$is_ressource = isset($variables['elements']['field_ressource_date']);
|
||||
|
||||
if (!$is_projet && !$is_actu && isset($variables['elements']['#title'])) {
|
||||
if (!$is_projet && !$is_actu && !$is_ressource && isset($variables['elements']['#title'])) {
|
||||
$total_title = $variables['elements']['#title'];
|
||||
$start_pos = strpos($total_title, '<span>') + strlen('<span>');
|
||||
$end_pos = strpos($total_title, '</span>');
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -12,11 +12,12 @@
|
|||
//
|
||||
// Carrousel
|
||||
//
|
||||
if ($('.slick-container')) {
|
||||
const isTaxonomyPage = document.querySelector('.taxonomy_page') ? true : false;
|
||||
|
||||
if ($('.slick-container') && !isTaxonomyPage) {
|
||||
let slickEl = $('.slick-container').find('div').eq(3);
|
||||
$(slickEl).slick({
|
||||
centerMode: true,
|
||||
//centerPadding: '600px',
|
||||
slidesToShow: 3,
|
||||
dots: true,
|
||||
appendDots: $('#carousel_dots'),
|
||||
|
|
@ -31,7 +32,7 @@
|
|||
});
|
||||
}
|
||||
|
||||
if ($('.diapo')) {
|
||||
if ($('.diapo') && !isTaxonomyPage) {
|
||||
let slickEl = $('.diapo > div > div');$(slickEl).slick({
|
||||
dots: true,
|
||||
appendDots: $('#carousel_dots'),
|
||||
|
|
@ -290,6 +291,21 @@
|
|||
}
|
||||
}
|
||||
|
||||
//
|
||||
// set non breaking spaces
|
||||
//
|
||||
|
||||
document.querySelectorAll('p, li, h1, h2, h3, h4, h5, h6').forEach((content) => {
|
||||
content.innerHTML = content.innerHTML.replaceAll(' ;', ' ');
|
||||
content.innerHTML = content.innerHTML.replaceAll(' :', ' ');
|
||||
content.innerHTML = content.innerHTML.replaceAll(' ?', ' ');
|
||||
content.innerHTML = content.innerHTML.replaceAll(' !', ' ');
|
||||
content.innerHTML = content.innerHTML.replaceAll('« ', '« ');
|
||||
content.innerHTML = content.innerHTML.replaceAll(' »', ' »');
|
||||
content.innerHTML = content.innerHTML.replaceAll('(« ', '(« ');
|
||||
content.innerHTML = content.innerHTML.replaceAll(' »)', ' »)');
|
||||
});
|
||||
|
||||
//
|
||||
// index projets random shape
|
||||
//
|
||||
|
|
@ -309,15 +325,23 @@
|
|||
//
|
||||
// set bg middle placement
|
||||
//
|
||||
|
||||
setBgContainer();
|
||||
setBgMiddlePlacement();
|
||||
setBgBottomPlacement();
|
||||
|
||||
window.addEventListener('resize', () => {
|
||||
setBgMiddlePlacement();
|
||||
setBgBottomPlacement();
|
||||
setBgContainer();
|
||||
});
|
||||
|
||||
function setBgContainer() {
|
||||
const bg = document.querySelector('#background');
|
||||
const pageHeight = document.documentElement.scrollHeight;
|
||||
|
||||
bg.style.height = `${pageHeight}px`;
|
||||
}
|
||||
|
||||
function setBgMiddlePlacement() {
|
||||
const bgMiddleImgs = document.querySelectorAll('#bg-middle img');
|
||||
const carousel = document.querySelector('.carousel_container');
|
||||
|
|
@ -338,7 +362,6 @@
|
|||
function setBgBottomPlacement() {
|
||||
const bgBottomImgs = document.querySelectorAll('#bg-bottom img');
|
||||
const pageHeight = document.documentElement.scrollHeight;
|
||||
console.log(pageHeight);
|
||||
|
||||
for (let img of bgBottomImgs) {
|
||||
img.style.paddingTop = `${pageHeight}px`;
|
||||
|
|
|
|||
|
|
@ -11,3 +11,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fullpage {
|
||||
.actus_list {
|
||||
h2 {
|
||||
@media screen and (min-width: $breakpoint_tablet) {
|
||||
font-size: $xl_font_size !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -22,6 +22,8 @@
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
padding: 1px;
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
&::after {
|
||||
top: 0;
|
||||
|
|
|
|||
|
|
@ -123,19 +123,22 @@
|
|||
border-radius: 5rem;
|
||||
padding: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
&::after {
|
||||
top: 1.2rem;
|
||||
left: 1.2rem;
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
|
||||
background-size: cover;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 8.1rem;
|
||||
height: 8.1rem;
|
||||
margin: 1rem;
|
||||
margin-right: 2rem;
|
||||
margin-top: 1.1rem;
|
||||
position: absolute;
|
||||
content: '';
|
||||
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
|
||||
background-size: contain;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
> p.occupation {
|
||||
grid-column: 2;
|
||||
|
|
@ -169,6 +172,7 @@
|
|||
margin: unset;
|
||||
padding: unset;
|
||||
font-weight: 800;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
> p.address {
|
||||
|
|
@ -257,12 +261,13 @@
|
|||
.views-row {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
> div:first-of-type {
|
||||
> .image_presentation {
|
||||
padding: unset !important;
|
||||
grid-column: 1/2;
|
||||
grid-row: 1/6;
|
||||
justify-self: center;
|
||||
align-self: center;
|
||||
position: relative;
|
||||
> img {
|
||||
width: 8rem;
|
||||
height: 8rem;
|
||||
|
|
@ -277,6 +282,23 @@
|
|||
margin-right: 2rem;
|
||||
}
|
||||
}
|
||||
&::after {
|
||||
top: 2px;
|
||||
left: 2px;
|
||||
width: 7.8rem;
|
||||
height: 7.8rem;
|
||||
position: absolute;
|
||||
content: '';
|
||||
background-image: url('/themes/erabletheme/assets/cercle_dessin.svg');
|
||||
background-size: contain;
|
||||
display: block;
|
||||
pointer-events: none;
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
width: 13.2rem;
|
||||
height: 13.2rem;
|
||||
margin: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .offre-structure {
|
||||
> h2 {
|
||||
|
|
@ -337,7 +359,15 @@
|
|||
}
|
||||
> .offre-time {
|
||||
> h2, > div {
|
||||
display: inline-block;
|
||||
display: inline-block !important;
|
||||
}
|
||||
> h2 {
|
||||
text-transform: unset !important;
|
||||
font-size: $sm_font_size !important;
|
||||
color: black !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
@include main_text_content();
|
||||
}
|
||||
align-self: center;
|
||||
grid-column: 2/4;
|
||||
|
|
@ -347,10 +377,17 @@
|
|||
margin-bottom: 0.5rem;
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
margin-top: 0;
|
||||
grid-column: 3/4;
|
||||
grid-column: 2/4;
|
||||
grid-row: 5/7;
|
||||
}
|
||||
}
|
||||
&:has(.views-field-contact a) {
|
||||
> .offre-time {
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
grid-column: 3/4;
|
||||
}
|
||||
}
|
||||
}
|
||||
> .offre-description {
|
||||
grid-column: 1/4;
|
||||
grid-row: 7/8;
|
||||
|
|
@ -358,6 +395,9 @@
|
|||
margin-top: 2vh;
|
||||
padding-top: 6vh;
|
||||
margin-bottom: 4vh;
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
}
|
||||
> .liens_fixed {
|
||||
grid-row: 8/9;
|
||||
|
|
|
|||
|
|
@ -13,29 +13,42 @@
|
|||
align-items: center;
|
||||
padding: 0 3vw;
|
||||
> div:first-of-type {
|
||||
> div {
|
||||
grid-column: 1/3;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
grid-column: 1/2;
|
||||
}
|
||||
> .visually-hidden {
|
||||
display: none;
|
||||
}
|
||||
> div {
|
||||
width: 30vw;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 1rem;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
mix-blend-mode: darken;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
mix-blend-mode: darken;
|
||||
}
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
width: 20vw;
|
||||
margin-bottom: 1rem;
|
||||
width: 20vw;
|
||||
}
|
||||
@media (min-width: $breakpoint_desktop) {
|
||||
width: 10vw;
|
||||
width: 10vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> div:nth-of-type(2) {
|
||||
grid-column: 1/3;
|
||||
@include main_text_content();
|
||||
margin-bottom: 2rem;
|
||||
padding-left: $x_margin;
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
padding-left: $x_margin;
|
||||
grid-column: 2/3;
|
||||
}
|
||||
}
|
||||
|
||||
> div:last-of-type {
|
||||
|
|
|
|||
|
|
@ -81,15 +81,17 @@
|
|||
grid-column-gap: 1rem;
|
||||
> .views-field-field-diaporama {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
grid-row: 1/3;
|
||||
align-self: start;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
> .field-content {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
height: auto;
|
||||
//height: 100%;
|
||||
> a {
|
||||
aspect-ratio: 1/1;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
|
|
@ -100,8 +102,8 @@
|
|||
mask-size: 100% auto;
|
||||
mask-position: center;
|
||||
img {
|
||||
width: 170%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
height: 100%;
|
||||
//object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
|
@ -111,7 +113,7 @@
|
|||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -1rem;
|
||||
//margin-left: -1rem;
|
||||
a {
|
||||
color: $teal;
|
||||
}
|
||||
|
|
@ -130,10 +132,12 @@
|
|||
@include sous_titre_alt();
|
||||
}
|
||||
> .views-field-field-localisation-textuel {
|
||||
grid-column: 2;
|
||||
grid-column: 1/3;
|
||||
grid-row: 3;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: -0.5rem;
|
||||
padding-left: 1.2rem;
|
||||
padding-top: 0.3rem;
|
||||
//margin-left: -0.5rem;
|
||||
@include main_text_content();
|
||||
a {
|
||||
color: black;
|
||||
|
|
@ -429,3 +433,38 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.taxonomy_page {
|
||||
> .fullpage_content {
|
||||
> div:last-of-type {
|
||||
display: grid !important;
|
||||
grid-template-columns: 0.5fr 1fr;
|
||||
grid-template-rows: repeat(3, auto);
|
||||
> .diapo {
|
||||
grid-column: 1;
|
||||
grid-row: 2/4;
|
||||
margin: 0 !important;
|
||||
margin-left: $x_margin !important;
|
||||
}
|
||||
> .sous_titre {
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
> .localisation {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
> .thematiques {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// in taxonomy pages
|
||||
.feed-icon {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,117 @@
|
|||
.ressources {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
> .main-title {
|
||||
display: none;
|
||||
}
|
||||
> div {
|
||||
padding: 0 $x_margin;
|
||||
display: grid;
|
||||
grid-template-columns: 0.25fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
> div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
> h2 {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
justify-self: start;
|
||||
> a > span {
|
||||
//margin-top: -1rem !important;
|
||||
display: block;
|
||||
@include sous_titre_alt();
|
||||
}
|
||||
}
|
||||
> div:first-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
> div > span {
|
||||
margin-top: -1rem;
|
||||
@include fluo_button();
|
||||
}
|
||||
> div > span:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
> div:nth-of-type(2) {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
padding: 2rem 0;
|
||||
margin-right: 2rem;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
> div:nth-of-type(3) {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: -1rem;
|
||||
@include main_text_content();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.views-row:first-of-type {
|
||||
> .ressources {
|
||||
margin-top: 13vh !important;
|
||||
> .main-title {
|
||||
display: block;
|
||||
padding-top: 5vh !important;
|
||||
@include main_title();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ressource {
|
||||
> div {
|
||||
margin: $x_margin;
|
||||
display: grid;
|
||||
grid-template-columns: 0.25fr 1fr;
|
||||
grid-auto-rows: auto;
|
||||
> div > div:first-of-type {
|
||||
display: none;
|
||||
}
|
||||
> h2 {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
justify-self: start;
|
||||
> span {
|
||||
//margin-top: -1rem !important;
|
||||
display: block;
|
||||
@include sous_titre_alt();
|
||||
}
|
||||
}
|
||||
> div:first-of-type {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
> div > span {
|
||||
margin-top: -1rem;
|
||||
@include fluo_button();
|
||||
}
|
||||
> div > span:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
> div:nth-of-type(2) {
|
||||
grid-column: 1;
|
||||
grid-row: 1/4;
|
||||
padding: 2rem 0;
|
||||
margin-right: 2rem;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
> div:nth-of-type(3) {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
margin-top: -1rem;
|
||||
@include main_text_content();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -7,13 +7,17 @@
|
|||
} */
|
||||
body {
|
||||
//background-color: lightgrey;
|
||||
> div:first-of-type {
|
||||
> .dialog-off-canvas-main-canvas {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.layout-container {
|
||||
display: flex;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,6 +34,7 @@ $title_size: 2.3rem;
|
|||
font-size: $m_font_size;
|
||||
color: $teal;
|
||||
font-weight: 800;
|
||||
line-height: 1.3;
|
||||
@media (min-width: $breakpoint_tablet) {
|
||||
font-size: $l_font_size;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,20 @@
|
|||
#background {
|
||||
z-index: -1;
|
||||
max-width: 99vw;
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
img {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
#bg-top {
|
||||
#bg-1 {
|
||||
/* #bg-1 {
|
||||
top: 5vh;
|
||||
left: 0;
|
||||
}
|
||||
} */
|
||||
#bg-3 {
|
||||
top: 13vh;
|
||||
left: -10vw;
|
||||
|
|
@ -17,17 +23,18 @@
|
|||
top: 8vh;
|
||||
left: -28vw;
|
||||
}
|
||||
#bg-4 {
|
||||
#bg-5 {
|
||||
width: 20vw;
|
||||
top: 5vh;
|
||||
right: -10vw;
|
||||
}
|
||||
/* #bg-4 {
|
||||
top: 18vh;
|
||||
right: -45vw;
|
||||
}
|
||||
} */
|
||||
|
||||
}
|
||||
#bg-middle {
|
||||
#bg-5 {
|
||||
top: -20vh;
|
||||
right: -10vw;
|
||||
}
|
||||
#bg-6 {
|
||||
top: 5vh;
|
||||
right: -5vw;
|
||||
|
|
@ -37,11 +44,11 @@
|
|||
top: 10vh;
|
||||
right: 0vw;
|
||||
}
|
||||
#bg-8 {
|
||||
/* #bg-8 {
|
||||
width: 80vw;
|
||||
top: 45vh;
|
||||
left: -40vw;
|
||||
}
|
||||
} */
|
||||
#bg-12 {
|
||||
width: 105vw;
|
||||
left: -5vw;
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask, main.main-add-offre {
|
||||
min-height: 50vh;
|
||||
.login, .user, .register, .contact, .ask, .add-offre {
|
||||
padding-top: 5vh;
|
||||
margin-top: 12vh;
|
||||
padding: 5vh 0;
|
||||
width: 100vw;
|
||||
@include white_beige_gradient();
|
||||
background-color: white;
|
||||
> h2 {
|
||||
@include sous_titre_alt();
|
||||
text-align: center;
|
||||
|
|
@ -76,3 +77,8 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
|
|||
#edit-field-description-0-format {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
padding-left: 3rem;
|
||||
@include main_text_content();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
|
||||
/*
|
||||
body.toolbar-tray-open header[role="banner"] {
|
||||
left: 15rem !important;
|
||||
width: calc(100% - 15rem) !important;
|
||||
}
|
||||
} */
|
||||
|
||||
body.toolbar-fixed header[role="banner"] {
|
||||
top: 2.4em !important;
|
||||
|
|
@ -230,7 +230,8 @@ body.toolbar-fixed header[role="banner"] {
|
|||
> li:nth-of-type(6),
|
||||
> li:nth-of-type(7),
|
||||
> li:nth-of-type(8),
|
||||
> li:nth-of-type(9) {
|
||||
> li:nth-of-type(9),
|
||||
> li:nth-of-type(10) {
|
||||
border-bottom: solid 1px white;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,4 +25,5 @@
|
|||
@import "_meetup.scss";
|
||||
@import "_projets.scss";
|
||||
@import "_actualites.scss";
|
||||
@import "_ressources.scss";
|
||||
@import "_faq.scss";
|
||||
|
|
|
|||
|
|
@ -46,16 +46,16 @@
|
|||
{{ page_bottom }}
|
||||
<div id="background">
|
||||
<div id="bg-top">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1">
|
||||
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-1.svg" aria-hidden="true" alt="bg shape" id="bg-1"> #}
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-3.svg" aria-hidden="true" alt="bg shape" id="bg-3">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-2.svg" aria-hidden="true" alt="bg shape" id="bg-2">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4">
|
||||
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-4.svg" aria-hidden="true" alt="bg shape" id="bg-4"> #}
|
||||
</div>
|
||||
<div id="bg-middle">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8">
|
||||
{# <img src="/themes/erabletheme/assets/bg-shapes/bg-8.svg" aria-hidden="true" alt="bg shape" id="bg-8"> #}
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-6.svg" aria-hidden="true" alt="bg shape" id="bg-6">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-7.svg" aria-hidden="true" alt="bg shape" id="bg-7">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-5.svg" aria-hidden="true" alt="bg shape" id="bg-5">
|
||||
<img src="/themes/erabletheme/assets/bg-shapes/bg-12.png" aria-hidden="true" alt="bg shape" id="bg-12">
|
||||
</div>
|
||||
<div id="bg-bottom">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,40 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a block.
|
||||
*
|
||||
* Available variables:
|
||||
* - plugin_id: The ID of the block implementation.
|
||||
* - label: The configured label of the block if visible.
|
||||
* - configuration: A list of the block's configuration values.
|
||||
* - label: The configured label for the block.
|
||||
* - label_display: The display settings for the label.
|
||||
* - provider: The module or other provider that provided this block plugin.
|
||||
* - Block plugin specific settings will also be stored here.
|
||||
* - in_preview: Whether the plugin is being rendered in preview mode.
|
||||
* - content: The content of this block.
|
||||
* - attributes: array of HTML attributes populated by modules, intended to
|
||||
* be added to the main container tag of this template.
|
||||
* - id: A valid HTML ID and guaranteed unique.
|
||||
* - title_attributes: Same as attributes, except applied to the main title
|
||||
* tag that appears in the template.
|
||||
* - title_prefix: Additional output populated by modules, intended to be
|
||||
* displayed in front of the main title tag that appears in the template.
|
||||
* - title_suffix: Additional output populated by modules, intended to be
|
||||
* displayed after the main title tag that appears in the template.
|
||||
*
|
||||
* @see template_preprocess_block()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<div{{ attributes }} class="image_presentation">
|
||||
{{ title_prefix }}
|
||||
{% if label %}
|
||||
<h2{{ title_attributes }}>{{ label }}</h2>
|
||||
{% endif %}
|
||||
{{ title_suffix }}
|
||||
{% block content %}
|
||||
{{ content }}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a node.
|
||||
*
|
||||
* Available variables:
|
||||
* - node: The node entity with limited access to object properties and methods.
|
||||
* Only method names starting with "get", "has", or "is" and a few common
|
||||
* methods such as "id", "label", and "bundle" are available. For example:
|
||||
* - node.getCreatedTime() will return the node creation timestamp.
|
||||
* - node.hasField('field_example') returns TRUE if the node bundle includes
|
||||
* field_example. (This does not indicate the presence of a value in this
|
||||
* field.)
|
||||
* - node.isPublished() will return whether the node is published or not.
|
||||
* Calling other methods, such as node.delete(), will result in an exception.
|
||||
* See \Drupal\node\Entity\Node for a full list of public properties and
|
||||
* methods for the node object.
|
||||
* - label: (optional) The title of the node.
|
||||
* - content: All node items. Use {{ content }} to print them all,
|
||||
* or print a subset such as {{ content.field_example }}. Use
|
||||
* {{ content|without('field_example') }} to temporarily suppress the printing
|
||||
* of a given child element.
|
||||
* - author_picture: The node author user entity, rendered using the "compact"
|
||||
* view mode.
|
||||
* - metadata: Metadata for this node.
|
||||
* - date: (optional) Themed creation date field.
|
||||
* - author_name: (optional) Themed author name field.
|
||||
* - url: Direct URL of the current node.
|
||||
* - display_submitted: Whether submission information should be displayed.
|
||||
* - attributes: HTML attributes for the containing element.
|
||||
* The attributes.class element may contain one or more of the following
|
||||
* classes:
|
||||
* - node: The current template type (also known as a "theming hook").
|
||||
* - node--type-[type]: The current node type. For example, if the node is an
|
||||
* "Article" it would result in "node--type-article". Note that the machine
|
||||
* name will often be in a short form of the human readable label.
|
||||
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
|
||||
* teaser would result in: "node--view-mode-teaser", and
|
||||
* full: "node--view-mode-full".
|
||||
* The following are controlled through the node publishing options.
|
||||
* - node--promoted: Appears on nodes promoted to the front page.
|
||||
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
|
||||
* teaser listings.
|
||||
* - node--unpublished: Appears on unpublished nodes visible only to site
|
||||
* admins.
|
||||
* - title_attributes: Same as attributes, except applied to the main title
|
||||
* tag that appears in the template.
|
||||
* - content_attributes: Same as attributes, except applied to the main
|
||||
* content tag that appears in the template.
|
||||
* - author_attributes: Same as attributes, except applied to the author of
|
||||
* the node tag that appears in the template.
|
||||
* - title_prefix: Additional output populated by modules, intended to be
|
||||
* displayed in front of the main title tag that appears in the template.
|
||||
* - title_suffix: Additional output populated by modules, intended to be
|
||||
* displayed after the main title tag that appears in the template.
|
||||
* - view_mode: View mode; for example, "teaser" or "full".
|
||||
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
|
||||
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
|
||||
* - readmore: Flag for more state. Will be true if the teaser content of the
|
||||
* node cannot hold the main body content.
|
||||
* - logged_in: Flag for authenticated user status. Will be true when the
|
||||
* current user is a logged-in member.
|
||||
* - is_admin: Flag for admin user status. Will be true when the current user
|
||||
* is an administrator.
|
||||
*
|
||||
* @see template_preprocess_node()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
|
||||
<article class="fullpage">
|
||||
<div class="fullpage_content ressource">
|
||||
|
||||
|
||||
<div{{ content_attributes }}>
|
||||
<h2>{{ label }}</h2>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a node.
|
||||
*
|
||||
* Available variables:
|
||||
* - node: The node entity with limited access to object properties and methods.
|
||||
* Only method names starting with "get", "has", or "is" and a few common
|
||||
* methods such as "id", "label", and "bundle" are available. For example:
|
||||
* - node.getCreatedTime() will return the node creation timestamp.
|
||||
* - node.hasField('field_example') returns TRUE if the node bundle includes
|
||||
* field_example. (This does not indicate the presence of a value in this
|
||||
* field.)
|
||||
* - node.isPublished() will return whether the node is published or not.
|
||||
* Calling other methods, such as node.delete(), will result in an exception.
|
||||
* See \Drupal\node\Entity\Node for a full list of public properties and
|
||||
* methods for the node object.
|
||||
* - label: (optional) The title of the node.
|
||||
* - content: All node items. Use {{ content }} to print them all,
|
||||
* or print a subset such as {{ content.field_example }}. Use
|
||||
* {{ content|without('field_example') }} to temporarily suppress the printing
|
||||
* of a given child element.
|
||||
* - author_picture: The node author user entity, rendered using the "compact"
|
||||
* view mode.
|
||||
* - metadata: Metadata for this node.
|
||||
* - date: (optional) Themed creation date field.
|
||||
* - author_name: (optional) Themed author name field.
|
||||
* - url: Direct URL of the current node.
|
||||
* - display_submitted: Whether submission information should be displayed.
|
||||
* - attributes: HTML attributes for the containing element.
|
||||
* The attributes.class element may contain one or more of the following
|
||||
* classes:
|
||||
* - node: The current template type (also known as a "theming hook").
|
||||
* - node--type-[type]: The current node type. For example, if the node is an
|
||||
* "Article" it would result in "node--type-article". Note that the machine
|
||||
* name will often be in a short form of the human readable label.
|
||||
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
|
||||
* teaser would result in: "node--view-mode-teaser", and
|
||||
* full: "node--view-mode-full".
|
||||
* The following are controlled through the node publishing options.
|
||||
* - node--promoted: Appears on nodes promoted to the front page.
|
||||
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
|
||||
* teaser listings.
|
||||
* - node--unpublished: Appears on unpublished nodes visible only to site
|
||||
* admins.
|
||||
* - title_attributes: Same as attributes, except applied to the main title
|
||||
* tag that appears in the template.
|
||||
* - content_attributes: Same as attributes, except applied to the main
|
||||
* content tag that appears in the template.
|
||||
* - author_attributes: Same as attributes, except applied to the author of
|
||||
* the node tag that appears in the template.
|
||||
* - title_prefix: Additional output populated by modules, intended to be
|
||||
* displayed in front of the main title tag that appears in the template.
|
||||
* - title_suffix: Additional output populated by modules, intended to be
|
||||
* displayed after the main title tag that appears in the template.
|
||||
* - view_mode: View mode; for example, "teaser" or "full".
|
||||
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
|
||||
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
|
||||
* - readmore: Flag for more state. Will be true if the teaser content of the
|
||||
* node cannot hold the main body content.
|
||||
* - logged_in: Flag for authenticated user status. Will be true when the
|
||||
* current user is a logged-in member.
|
||||
* - is_admin: Flag for admin user status. Will be true when the current user
|
||||
* is an administrator.
|
||||
*
|
||||
* @see template_preprocess_node()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<article{{ attributes.addClass('fullpage ressources') }}>
|
||||
|
||||
|
||||
{% if display_submitted %}
|
||||
<footer>
|
||||
{{ author_picture }}
|
||||
<div{{ author_attributes }}>
|
||||
{% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
|
||||
{{ metadata }}
|
||||
</div>
|
||||
</footer>
|
||||
{% endif %}
|
||||
|
||||
<div class="main-title">Ressources</div>
|
||||
<div{{ content_attributes }}>
|
||||
{{ title_prefix }}
|
||||
{% if label and not page %}
|
||||
<h2{{ title_attributes }}>
|
||||
<a href="{{ url }}" rel="bookmark">{{ label }}</a>
|
||||
</h2>
|
||||
{% endif %}
|
||||
{{ title_suffix }}
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display a node.
|
||||
*
|
||||
* Available variables:
|
||||
* - node: The node entity with limited access to object properties and methods.
|
||||
* Only method names starting with "get", "has", or "is" and a few common
|
||||
* methods such as "id", "label", and "bundle" are available. For example:
|
||||
* - node.getCreatedTime() will return the node creation timestamp.
|
||||
* - node.hasField('field_example') returns TRUE if the node bundle includes
|
||||
* field_example. (This does not indicate the presence of a value in this
|
||||
* field.)
|
||||
* - node.isPublished() will return whether the node is published or not.
|
||||
* Calling other methods, such as node.delete(), will result in an exception.
|
||||
* See \Drupal\node\Entity\Node for a full list of public properties and
|
||||
* methods for the node object.
|
||||
* - label: (optional) The title of the node.
|
||||
* - content: All node items. Use {{ content }} to print them all,
|
||||
* or print a subset such as {{ content.field_example }}. Use
|
||||
* {{ content|without('field_example') }} to temporarily suppress the printing
|
||||
* of a given child element.
|
||||
* - author_picture: The node author user entity, rendered using the "compact"
|
||||
* view mode.
|
||||
* - metadata: Metadata for this node.
|
||||
* - date: (optional) Themed creation date field.
|
||||
* - author_name: (optional) Themed author name field.
|
||||
* - url: Direct URL of the current node.
|
||||
* - display_submitted: Whether submission information should be displayed.
|
||||
* - attributes: HTML attributes for the containing element.
|
||||
* The attributes.class element may contain one or more of the following
|
||||
* classes:
|
||||
* - node: The current template type (also known as a "theming hook").
|
||||
* - node--type-[type]: The current node type. For example, if the node is an
|
||||
* "Article" it would result in "node--type-article". Note that the machine
|
||||
* name will often be in a short form of the human readable label.
|
||||
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
|
||||
* teaser would result in: "node--view-mode-teaser", and
|
||||
* full: "node--view-mode-full".
|
||||
* The following are controlled through the node publishing options.
|
||||
* - node--promoted: Appears on nodes promoted to the front page.
|
||||
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
|
||||
* teaser listings.
|
||||
* - node--unpublished: Appears on unpublished nodes visible only to site
|
||||
* admins.
|
||||
* - title_attributes: Same as attributes, except applied to the main title
|
||||
* tag that appears in the template.
|
||||
* - content_attributes: Same as attributes, except applied to the main
|
||||
* content tag that appears in the template.
|
||||
* - author_attributes: Same as attributes, except applied to the author of
|
||||
* the node tag that appears in the template.
|
||||
* - title_prefix: Additional output populated by modules, intended to be
|
||||
* displayed in front of the main title tag that appears in the template.
|
||||
* - title_suffix: Additional output populated by modules, intended to be
|
||||
* displayed after the main title tag that appears in the template.
|
||||
* - view_mode: View mode; for example, "teaser" or "full".
|
||||
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
|
||||
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
|
||||
* - readmore: Flag for more state. Will be true if the teaser content of the
|
||||
* node cannot hold the main body content.
|
||||
* - logged_in: Flag for authenticated user status. Will be true when the
|
||||
* current user is a logged-in member.
|
||||
* - is_admin: Flag for admin user status. Will be true when the current user
|
||||
* is an administrator.
|
||||
*
|
||||
* @see template_preprocess_node()
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
|
||||
<article class="fullpage projet_full taxonomy_page">
|
||||
<div class="fullpage_content">
|
||||
<div class="retour_projets">
|
||||
<a href="/projets">← Retour aux projets</a>
|
||||
</div>
|
||||
|
||||
<h2>{{ label }}</h2>
|
||||
|
||||
<div{{ content_attributes }}>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
Loading…
Reference in New Issue