diff --git a/website/docs/webdev/5-Components/1-Callout.mdx b/website/docs/webdev/5-Components/1-Callout.mdx deleted file mode 100644 index 8bb2e2cbdf..0000000000 --- a/website/docs/webdev/5-Components/1-Callout.mdx +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: Callout -description: "" -hide_table_of_contents: true ---- - -import EEATabs from '../md_components/tab_component.mdx'; -import Usage from '../md_components/callout_components/usage_markdown.md'; -import Showcase from '../md_components/callout_components/showcase_markdown.md'; - -} showcase={}> diff --git a/website/docs/webdev/md_components/site_footer_components/usage_markdown.md b/website/docs/webdev/md_components/site_footer_components/usage_markdown.md index cac4ba4d27..7901fb1ab4 100644 --- a/website/docs/webdev/md_components/site_footer_components/usage_markdown.md +++ b/website/docs/webdev/md_components/site_footer_components/usage_markdown.md @@ -1,13 +1,18 @@ -The core footer provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sites within the EEA. It is always placed at the bottom of every page. +The core footer provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sites within the EEA. It is always placed at the bottom of every page. Always use a footer when building your page + +![](../../md_components/static/footer-elements.png) ### Anatomy -| Components | Mandatory | Optional | -| ------------------------------------------------------------ | --------- | -------- | -| **EEA Network** | yes | no | -| **Content owner details** | yes | no | -| **Contact Information**
| yes | no | -| **Legal navigation** | yes | no | +| Νο. | Components | Mandatory | Description | +| -- | ------------------------------------------------------------ | --------- | --------- | +| 1 | **EEA logo** | yes | Logo of European Environment Agency (EEA)| +| 2 | **EIONET logo** | yes | Logo of European Environment Information and Observation Network | +| 3 | **Contact information**
| yes | Links to the associated services available through the EEA site | +| 4 | **Social media** | yes | Links to social EEA's social media | +| 5 | **Thematic information platforms** | yes | European Information Systems +| 6 | **Legal navigation** | yes | Contains legal information links - consistent throughout the family sites | +| 7 | **Content owner details** | yes | Indicates ownership over the site's content | ### Do's @@ -17,10 +22,5 @@ The core footer provides supplementary information such as copyright, legal, pri - don't use more than one footer per page -### When to use - -- always use a footer when building your page -### When not to use -- do not follow these guidelines when you are updating sites that fall under a different category of the EEA portal diff --git a/website/docs/webdev/md_components/site_header_components/usage_markdown.md b/website/docs/webdev/md_components/site_header_components/usage_markdown.md index 80270b17f8..df8f8de2d1 100644 --- a/website/docs/webdev/md_components/site_header_components/usage_markdown.md +++ b/website/docs/webdev/md_components/site_header_components/usage_markdown.md @@ -1,45 +1,17 @@ The EEA header shows users that they are on EEA portal and which service they are using. +![](../../md_components/static/header-elements.png) + ### Anatomy - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ComponentsMandatoryOptional
An official website of the EU statementyesno
Environmental Information systems dropdownyesno
European Environmental Agency logoyesno
Language selectyesno
Search iconyesno
Menuyesno
+ +| Νο. | Components | Mandatory | Description | +| -- | ------------------------------------------------------------ | --------- | --------- | +| 1 | **Official EU website statement** | yes | All official European Union website addresses are in the europa.eu domain | +| 2 | **Environmental Information systems** | yes | Complete list of EEA's thematic websites | +| 3 | **Languages**
| yes | Language select | +| 4 | **EEA Identity** | yes | Logo of European Environmental Agency | +| 5 | **Menu** | yes | Main navigation of the website +| 6 | **Search** | yes | Enables the user to search and retrieve related information from using keywords | ### Do’s diff --git a/website/docs/webdev/md_components/static/footer-elements.png b/website/docs/webdev/md_components/static/footer-elements.png new file mode 100644 index 0000000000..65294620f5 Binary files /dev/null and b/website/docs/webdev/md_components/static/footer-elements.png differ diff --git a/website/docs/webdev/md_components/static/header-elements.png b/website/docs/webdev/md_components/static/header-elements.png new file mode 100644 index 0000000000..18492c1485 Binary files /dev/null and b/website/docs/webdev/md_components/static/header-elements.png differ