From 470270d348b5317e99934568f69e94e71975b282 Mon Sep 17 00:00:00 2001 From: BresciaIla Date: Thu, 28 Nov 2024 10:11:53 +0100 Subject: [PATCH 1/4] created design guidelines page --- src/content/design-guidelines/_index.md | 10 + src/themes/odh-fbe/layouts/api-page/list.html | 45 ++++ .../layouts/design-guidelines/list.html | 249 ++++++++++++++++++ 3 files changed, 304 insertions(+) create mode 100644 src/content/design-guidelines/_index.md create mode 100644 src/themes/odh-fbe/layouts/api-page/list.html create mode 100644 src/themes/odh-fbe/layouts/design-guidelines/list.html diff --git a/src/content/design-guidelines/_index.md b/src/content/design-guidelines/_index.md new file mode 100644 index 00000000..c8726dd4 --- /dev/null +++ b/src/content/design-guidelines/_index.md @@ -0,0 +1,10 @@ + + +--- +position: "Community" + +title: "Design Guidelines" +subtitle: "Explore our Design Guidelines to understand the principles and best practices for creating consistent and user-friendly designs. Learn how to align your projects with our standards and ensure a seamless user experience." + +--- + diff --git a/src/themes/odh-fbe/layouts/api-page/list.html b/src/themes/odh-fbe/layouts/api-page/list.html new file mode 100644 index 00000000..1cb047a1 --- /dev/null +++ b/src/themes/odh-fbe/layouts/api-page/list.html @@ -0,0 +1,45 @@ +{{/* + SPDX-FileCopyrightText: NOI Techpark + + SPDX-License-Identifier: AGPL-3.0-or-later +*/}} + +{{ define "main" }} + +{{ partial "title.html" .Params }} + +{{ range site.Data.api.sections }} +
+
+

+ + {{ .title | markdownify }} + + +

{{ .description | markdownify }}

+ +
+ +
+ {{range .apis }} + +
+ {{ partial "api-list.html" . }} +
+ {{end}} +
+
+{{ end }} + + + + +{{ end }} diff --git a/src/themes/odh-fbe/layouts/design-guidelines/list.html b/src/themes/odh-fbe/layouts/design-guidelines/list.html new file mode 100644 index 00000000..9b9dccb0 --- /dev/null +++ b/src/themes/odh-fbe/layouts/design-guidelines/list.html @@ -0,0 +1,249 @@ +{{/* + SPDX-FileCopyrightText: NOI Techpark + + SPDX-License-Identifier: AGPL-3.0-or-later +*/}} + +{{ define "main" }} + +{{ partial "title.html" .Params }} +
+

+ + Colors + + +

+
+
The font color is #212529
+
+
+
Primary color
#f3f3f3
+
+
+
+
Secondary color
rgb(108, 117, 125)
+
+
+
+
Tertiary color
rgba(33, 37, 41, 0.5)
+
+
+
+
Quaternary color
#000
+
+
+
+
+ +
+

+ + Typography + + +

+
+
The font used is Open Sans font
+
+
+

Characters:

+
+
+
+
+
A​‌B​‌C​‌Ć​‌Č​‌D​‌Đ​‌E​‌F​‌G​‌H​‌I​‌J​‌K​‌L​‌M​‌N​‌O​‌P​‌Q​‌R​‌S​‌Š​‌T​‌U​‌V​‌W​‌X​‌Y​‌Z​‌Ž​‌a​‌b​‌c​‌č​‌ć​‌d​‌đ​‌e​‌f​‌g​‌h​‌i​‌j​‌k​‌l​‌m​‌n​‌o​‌p​‌q​‌r​‌s​‌š​‌t​‌u​‌v​‌w​‌x​‌y​‌z​‌ž​‌ + А​‌Б​‌В​‌Г​‌Ґ​‌Д​‌Ђ​‌Е​‌Ё​‌Є​‌Ж​‌З​‌Ѕ​‌И​‌І​‌Ї​‌Й​‌Ј​‌К​‌Л​‌Љ​‌М​‌Н​‌Њ​‌О​‌П​‌Р​‌С​‌Т​‌Ћ​‌У​‌Ў​‌Ф​‌Х​‌Ц​‌Ч​‌Џ​‌Ш​‌Щ​‌Ъ​‌Ы​‌Ь​‌Э​‌Ю​‌Я​‌а​‌б​‌в​‌г​‌ґ + ​‌д​‌ђ​‌е​‌ё​‌є​‌ж​‌з​‌ѕ​‌и​‌і​‌ї​‌й​‌ј​‌к​‌л​‌љ​‌м​‌н​‌њ​‌о​‌п​‌р​‌с​‌т​‌ћ​‌у​‌ў​‌ф​‌х​‌ц​‌ч​‌џ​‌ш​‌щ​‌ъ​‌ы​‌ь​‌э​‌ю​‌я​‌Α​‌Β​‌Γ​‌Δ​‌Ε​‌Ζ​‌Η​‌Θ​‌Ι​‌Κ + ​‌Λ​‌Μ​‌Ν​‌Ξ​‌Ο​‌Π​‌Ρ​‌Σ​‌Τ​‌Υ​‌Φ​‌Χ​‌Ψ​‌Ω​‌α​‌β​‌γ​‌δ​‌ε​‌ζ​‌η​‌θ​‌ι​‌κ​‌λ​‌μ​‌ν​‌ξ​‌ο​‌π​‌ρ​‌σ​‌τ​‌υ​‌φ​‌χ​‌ψ​‌ω​‌ά​‌Ά​‌έ​‌Έ​‌έ​‌Ή​‌ί​‌ϊ​‌ΐ​‌Ί​‌ό​‌Ό​‌ύ​‌ΰ​‌ϋ​‌Ύ​‌Ϋ + ​‌ὰ​‌ά​‌ὲ​‌έ​‌ὴ​‌ή​‌ὶ​‌ί​‌ὸ​‌ό​‌ὺ​‌ύ​‌ὼ​‌ώ​‌Ώ​‌Ă​‌Â​‌Ê​‌Ô​‌Ơ​‌Ư​‌ă​‌â​‌ê​‌ô​‌ơ​‌ư​‌1​‌2​‌3​‌4​‌5​‌6​‌7​‌8​‌9​‌0​‌‘​‌?​‌’​‌“​‌!​‌”​‌(​‌%​‌)​‌[​‌#​‌]​‌{​‌@​‌}​‌/​‌&​‌\​‌<​‌-​‌+​‌÷​‌×​‌=​‌>​‌®​‌©​‌$​‌€​‌£​‌¥​‌¢​‌:​‌;​‌,​‌.​‌* + +
+
+
+
+

This is a Title

+
+
+

This is a Section Title

+
+
+
+ This is a Link +
+
+
+ {{ partial "quote.html" (dict "title" "quote" "subtitle" "This is a quote") }} +
+
+ + +
+

+ + Buttons + + +

+
+
+
+ +
+
+
+
+ + +
+

+ + Forms + + +

+
+ {{ partial "text-contact.html" (dict "title" "This is a contact form")}} +
+
+ +
+

+ + Logos + + +

+
+
+
+ +
Black
+
+
+ +
White
+
+
+
+
+
+

+ + Header + + +

+
+
The header is divided into two sections: the left side and the right side. +
The text links in the navigation bar change to a darker color when hovered over. +
+
+
+

Left side

+
+
+
+
The left side contains the Open Data Hub logo followed by a horizontal navigation menu with links to the following sections: Services, Datasets, Use Cases, Web Components, Quickstart, Community, and Events. +
+ Dropdown menus are available for Services, Community, and Events, indicated by small downward arrows. These expand to reveal additional sub-options: +
+
+ Services: + Data Access, + Data Sharing, + Data Visualization, + Certification +
+
+ Community: + Data Providers, + Data Consumers, + Partnerships, + Contributor of the Year, + Get Involved +
+
+ Events: + Upcoming Events, + Past Events, + Recurring Events, + Video Library +
+
+
+
+
+

Right side

+
+
+
+
The right side displays the About Us link, which also includes a dropdown menu that expands with the suboptions "About us" and "Contact us". To the far right is the NOI Techpark logo, visually connecting the platform to its parent organization. +
+
+
+
+
+ +
+

+ + Footer + + +

+
+
The footer is structured into two main sections: the upper part and the lower part
+
+
+

Upper part

+
+
+
+
The upper part of the footer is divided into two sections. +
+
+ On the left, the Open Data Hub logo is displayed with the tagline "Place where data and tech are shared", underlined on hover and serves as a link to the Open Data Hub main page. + +
+
+ On the right, the NOI Techpark logo is shown with the tagline "Innovation hub in Südtirol/Alto Adige", underlined on hover and links to the NOI Techpark website. + + + +
+
+
+
+
+

Lower part

+
+
+
+
The lower part is divided into four sections: Services, Quickstart, Community, and Social Media. +
+
+ + The Services section includes links to Data Access, Data Sharing, Data Visualization, and Certification, providing access to core Open Data Hub functionalities. +
+
+ The Quickstart section offers links to Datasets, the Data Browser, Analytics Tool, Web Components, and resources for accessing Open Data Hub data using R. +
+
+ The Community section provides links to community resources and events. +
+
+ The Social Media section links to GitHub, Telegram, element.io, and Facebook. Each platform is represented by its logo on the left of the link. +
+
+ All links in the lower part should underline on hover to indicate interactivity and improve usability.
+
+
+
+
+ +{{ end }} \ No newline at end of file From c0a1add7e24f0bd9f1293c836cd1fe5b21b4f338 Mon Sep 17 00:00:00 2001 From: BresciaIla Date: Mon, 9 Dec 2024 12:08:56 +0100 Subject: [PATCH 2/4] add design guidelines to nav --- src/config/_default/config.yml | 5 +++++ src/content/design-guidelines/_index.md | 2 ++ src/themes/odh-fbe/layouts/design-guidelines/list.html | 1 + 3 files changed, 8 insertions(+) diff --git a/src/config/_default/config.yml b/src/config/_default/config.yml index 29f596c1..4b03881f 100644 --- a/src/config/_default/config.yml +++ b/src/config/_default/config.yml @@ -219,6 +219,11 @@ menu: URL: /community/get-involved weight: 6 + - parent: community + name: Design Guidelines + URL: /community/design-guidelines + weight: 7 + # --- Events --- - identifier: events URL: /events diff --git a/src/content/design-guidelines/_index.md b/src/content/design-guidelines/_index.md index c8726dd4..ebcc138a 100644 --- a/src/content/design-guidelines/_index.md +++ b/src/content/design-guidelines/_index.md @@ -1,7 +1,9 @@ --- +type: community/single position: "Community" +aliases: /get-involved title: "Design Guidelines" subtitle: "Explore our Design Guidelines to understand the principles and best practices for creating consistent and user-friendly designs. Learn how to align your projects with our standards and ensure a seamless user experience." diff --git a/src/themes/odh-fbe/layouts/design-guidelines/list.html b/src/themes/odh-fbe/layouts/design-guidelines/list.html index 9b9dccb0..9127ebd9 100644 --- a/src/themes/odh-fbe/layouts/design-guidelines/list.html +++ b/src/themes/odh-fbe/layouts/design-guidelines/list.html @@ -166,6 +166,7 @@
The left side contains the Open Data Hub logo followed by a horizontal navi Partnerships, Contributor of the Year, Get Involved + Design Guidelines

Events: From 60db90088b9f8e5616cabbded32c9543561945bd Mon Sep 17 00:00:00 2001 From: BresciaIla Date: Tue, 10 Dec 2024 11:11:39 +0100 Subject: [PATCH 3/4] fix errors design guidelines in nav --- src/content/design-guidelines/_index.md | 1 - 1 file changed, 1 deletion(-) diff --git a/src/content/design-guidelines/_index.md b/src/content/design-guidelines/_index.md index f93ea20a..fbc17170 100644 --- a/src/content/design-guidelines/_index.md +++ b/src/content/design-guidelines/_index.md @@ -1,7 +1,6 @@ --- -type: community/single position: "Community" aliases: /design-guidelines title: "Design Guidelines" From e2a18627b1d056396b4a5cbe9ea421edcedadf4e Mon Sep 17 00:00:00 2001 From: BresciaIla Date: Fri, 13 Dec 2024 11:33:35 +0100 Subject: [PATCH 4/4] add logos --- src/themes/odh-fbe/layouts/design-guidelines/list.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/themes/odh-fbe/layouts/design-guidelines/list.html b/src/themes/odh-fbe/layouts/design-guidelines/list.html index 45c8d1f4..1123087c 100644 --- a/src/themes/odh-fbe/layouts/design-guidelines/list.html +++ b/src/themes/odh-fbe/layouts/design-guidelines/list.html @@ -121,11 +121,11 @@

- +
Black
- +
White