Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chore/update design v4 #38

Merged
merged 36 commits into from
Dec 5, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
441ffcf
chore: update home content, colors & variables
KevinRohlf Nov 12, 2024
d816283
chore: update header & font
KevinRohlf Nov 12, 2024
8773c54
chore: update footer
KevinRohlf Nov 13, 2024
75db24f
feat: add about page
KevinRohlf Nov 13, 2024
9edaa89
feat: add gaiax page
KevinRohlf Nov 13, 2024
080955b
chore: update whitelists
KevinRohlf Nov 13, 2024
229d4cc
chore: update deafult chains
KevinRohlf Nov 13, 2024
415d178
chore: update footer links & menu-logo-size variables
KevinRohlf Nov 13, 2024
3766aff
chore: update button design
KevinRohlf Nov 15, 2024
2c2e358
chore: update nav menu
KevinRohlf Nov 15, 2024
df9121f
fix: show header on catalogue page
KevinRohlf Nov 15, 2024
b3feeeb
fix: network button border
KevinRohlf Nov 15, 2024
35eb0a7
chore: update filter style
KevinRohlf Nov 15, 2024
e7a3a16
chore: update sortbar style
KevinRohlf Nov 15, 2024
072516b
chore: update AssetTeaser design
KevinRohlf Nov 15, 2024
6b1b85d
chore: remove commented out code & console.log statement
KevinRohlf Nov 15, 2024
5af1086
fix: viewselector color
KevinRohlf Nov 18, 2024
9d57159
chore: remove typeLabel border
KevinRohlf Nov 18, 2024
2f3a11b
feat: add useCase shipdetection
KevinRohlf Nov 19, 2024
5147e99
chore: update filter & sort bar
KevinRohlf Nov 19, 2024
0204575
chore: remove accessLabel from assetType
KevinRohlf Nov 19, 2024
4a9b311
feat: add fmdm filters
KevinRohlf Nov 19, 2024
832901a
fix: fmdm filter
KevinRohlf Nov 19, 2024
867a9f9
chore: remove gaia-x filter
KevinRohlf Nov 19, 2024
4cd1346
feat: add Onboarding to own page
KevinRohlf Nov 19, 2024
0b577e4
fix: filters & sort style
KevinRohlf Nov 19, 2024
f72fc10
chore: remove symbol from href button
KevinRohlf Nov 19, 2024
1d7f94f
fix: add @types/leaflet
KevinRohlf Nov 19, 2024
76e06af
chore: update publish header steps border color
KevinRohlf Nov 21, 2024
6748995
fix: update padding for menu component
KevinRohlf Dec 3, 2024
c6ac929
fix: conditionally render search bar based on page state
KevinRohlf Dec 3, 2024
d4eb83f
fix: adjust circle size in stepper component CSS
KevinRohlf Dec 3, 2024
0269c64
fix: update datatoken name
KevinRohlf Dec 3, 2024
d0703ef
fix: update grey color variables
KevinRohlf Dec 3, 2024
9a9fb8a
fix: update border style for TagsAutoComplete component
KevinRohlf Dec 3, 2024
e4a9d53
fix: update waveColors array in SvgWaves utility
KevinRohlf Dec 3, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
84 changes: 31 additions & 53 deletions address.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,59 +2,37 @@ const PONTUSX_ADDRESSES = require('./pontusxAddresses.json')

module.exports = {
whitelists: {
'nft.owner': [],
'datatokens.address': []
'nft.owner': [
'0xa98A6eefbAE870b88a9C7A43f4b50066A01c93b6',
'0xDa4fc9E82Ac4E44207a1f74137493D3437D80761'
],
'datatokens.address': [
'0xa2E0747d1FA4006Eff891461758bC96F9cE864F2',
'0xeDBb45Ba45EB6a56072eF224Ff944b7fBd84aE27',
'0x9793Ea60ce9a9B809066ce3872e89c9442dDd4E6',
'0x5000889c6ca759af6dd899fffb05392c0fe02cec',
'0xdf489b1d3304613433eebac48ee2adb2fc3134d9',
'0xe2e72af9879232da54d51b7f24eae88f6d94baef',
'0x18a294bb4dbd6aed6f8bd59853b43372a5b28f3b',
'0xdd545364d9dc5270992d69dc893dac276c176aac',
'0xb0133a4221f6d319e522b3b87448e27bc30a776b',
'0x4738dbcdea8e215323495882499aae7943ae4c9e',
'0xb8ca9fc04082ee46da1be29c286257f6d68a6f85',
'0xc7d8837c835402c17155f90a05f239e2f30a0406',
'0xb56ed2b2e4dbcc40fae70c713758c4b37ace5681',
'0xd5cdc037b198c2d32cfdb91c007f5ff65b2c2ff9',
'0xdd22288a08afd9b1f0d0d6188714cfc7575ce49c',
'0x1f3f1ce4879e0d2319cd553eadcc7b1ef775177a',
'0x59f93a71b3e3d9c3e94280bafcce49eb02191fdc',
'0x6df7790e95e3bf4406dfc83f6856bc7869861a25',
'0xeab171bfd3ed54b29e97d6dfc92692f7c84da06f',
'0xDa4fc9E82Ac4E44207a1f74137493D3437D80761',
'0x3dF7E2407f611CC6DF4E7FA5fC38d47402ED2C47', // TODO: remove ship detection demo usecase
'0xf8De1aF9a68c561D47400522Ae08396F78e5c6fB', // TODO: remove ship detection demo usecase
'0x69A70e8bDc64F158093E51B41c601Fe7253e31c1',
'0x5d6eBb2A3adFcdbD30b0108be04331a08e47121b'
]
},
featured: [
{
title: 'Smart Mobility, Automotive',
assets: [
'did:op:f892fdeb6e4aead439a992ee66322d96d625f7acfed999e633c4b5c81b0968a9', // Hamburg Urban Data
'did:op:60345a1cffaf69e978846858760f69ebe6688e3fa1b9a21f2cdb81b82c415049', // Road Condition Short
'did:op:4103da1b9000f90c4262b94353b23175e490f47e3fd9bf3bda440f550178f423', // Road Condition Long
'did:op:423ae6f53c14980e871ba8109f1f493077c1691dac7a56c413a973238a90f2fa', // Hamburg Road 18
'did:op:61788149bc0837d0bea0ee32b04eb8bebb20c2e73e1098cfdec4807d86eddac7', // Hamburg Road 17
'did:op:1cccfa6b2de76b2f831183c9404675a84f12c336c2ebde87dbfad9e2b39c1295', // SH Road 16
'did:op:f6b81477c783e84cb9fbb0d7b57b1974b6f0a86067f2f17bbdd9f2e2dd7802a3', // SH Road 15
'did:op:555b7d7c03f365c9166afb4524fe5e332f9794fbeb5e9770fe47d1da9adff9c4', // SH Road 14
'did:op:aea8d72bd0ea2f2633599caa69488b212ecaa7fb0b44abb0e3c58494da143b95', // SH Road 13
'did:op:1501d13f41eca77a6a5449a1ecf5d8ff5ca4a1881889af5b8912629ab71856e5', // zone
'did:op:14f5679644249e7889b85d9964abb96eb31eb5537651d3458b9616d29450772c' // ArcGIS
]
},
{
title: 'Manufacturing, Industry 4.0',
assets: [
'did:op:ec6abd810b3f3d9f3cf7fbbfd3462e289ee9700f0a1ca492adaf6a8c7d0bdce7', // EuPro 882
'did:op:291ac52240e7c422aa8e67f9369efa7b30cbdc3f494922f1b646a8091a97fdb6', // CO2
'did:op:c524a2ad8aab175315cdbb106289114079637529af988874c1a31e9a179e4540', // Condition Monitoring
'did:op:3bee178505bf07494aeaafe67b5d98b5ebd0986bb56d6673e718f8ac4e090c8a', // EuPro 881
'did:op:daecfe8261713a3854bdb59de6e6eba1e614dae3a40f436f955f2a94559a88ca', // EuPro 880
'did:op:f203cde14dc2fa67b58156009463cae1b6679b76e6387da8c43951846788d1a8', // Defects Algo
'did:op:535c60bdf170de37d818f69765f1382dd680b63f245b1a30b897b46ddc753064', // Defects Data
'did:op:8b6e04b2f06290c75926756f814413c134a4fb701c607824fd7f7877f0292483', // AAS
'did:op:e75f58835ca5ac41bdd3464a4229108e1f74e81b71bd691ecca37ac33a79a6e8', // AAS
'did:op:ba056765418629a645d1cea3b6254d1ae8f374fd893edba6c4ddee5f097fefc2', // AAS
'did:op:ea274c721f8c7d36787401dbe7b0fd83670ee50a83aee9d7f1e49060257aa618', // AAS
'did:op:77cb936c42ca521393cdb423926c022b0cbb4442aff2b63a9cfecb2c74941843', // AAS
'did:op:b5c7eb3887469a532a021020365259055084af3d7bd047a8a79a865ee848598e' // AAS
]
},
{
title: 'Text Analysis, Language Processing, and more',
assets: [
'did:op:73c511711d6ad19794cd3797149e3a9fbd6d615246ae2be8d56938985b715ed4', // Cross Asia Text
'did:op:fca47f74bd99d3a3c523bc3242497df4a098ceb028940428db18200c26e74995', // Cross Asia Algo
'did:op:ee381eb15d25d27b663565984601699473afeba4ba2efa43d9b6f9c88827f625', // XAsia Prob Data
'did:op:a63864d02fbda42fa945eb071093bfd69e2b9de2e083382028c531d468996875' // XAsia Prob Algo
]
},
{
title: 'Finance, Business Analytics, and more',
assets: [
'did:op:ab4b4a4953b8fddb69c5a68ce12c10727a002cc160fb9d0dd37aadbfb8de95af' // PMO
]
}
],
featured: [],
verifiedAddresses: PONTUSX_ADDRESSES
}
2 changes: 1 addition & 1 deletion chains.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
const chains = [
{
chainId: 32456,
isDefault: false,
isDefault: true,
isCustom: true,
network: 'pontusx-devnet',
oceanTokenSymbol: 'OCEAN',
Expand Down
31 changes: 31 additions & 0 deletions content/pages/aboutDemo.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
{
"header": {
"title": "About this demo",
"body": "This environment has been built for Rijkswaterstaat (part of the Dutch Ministry of Infrastructure and Water Management). It aims at facilitating the discussion and awareness building about how different types of data, collected by Rijkswaterstaat, can be leveraged for solving societal challenges.\n\nWhich data can be shared as open data, which not? Which data should be free, which paid? What options exist to materialize Rijkswaterstaat data? How to set fair and market conform pricing on data? What options exist to collaborate with third party organization for providing data access to restricted data, keeping security and privacy in mind? What is the EU Gaia-X initiative and what advantages could this offer for data sharing across borders? How does Gaia-X relate to existing data sharing initiatives and which different Gaia-X implementations exist already?\n\nObjectives:\n- Implement an open source, practical example to discuss future proof data sharing\n- Learn about cross-border data sharing and latest Gaia-X concepts\n- Use an example Gaia-X implementation for comparison with other data sharing initiatives (not to compete but to collaborate on achieving the best future proof solution)\n- Provide a base infrastructure that may be leveraged for hackathons, proof of concepts collaboration with other organizations;\n\nThese topics apply to many other public and private organizations in the Netherlands and other countries. In upcoming phases interested public and private organization from the Netherlands or other countries can start participating on this initiative. For instance, by adding datasets or algorithms to the marketplace."
},
"footer": {
"title": "How to join?",
"body": "For more information on this environment or how to get involved and participate in potential next steps please contact:",
"contacts": [
{
"name": "Arthur Maring",
"image": "/images/contacts/arthur.png",
"text": "Innovation Manager Smart Mobility, Rijkswaterstaat",
"cta": {
"label": "Get in touch with Arthur",
"link": "mailto:[email protected]"
}
},
{
"name": "Harmen van der Kooij",
"image": "/images/contacts/harmen.jpeg",
"text": "Lead Mobility Track at Dutch Blockchain Coalition",
"cta": {
"label": "Get in touch with Harmen",
"link": "mailto:[email protected]"
}
}
]
},
"image": "/images/headerCarousel/1-road.jpeg"
}
60 changes: 60 additions & 0 deletions content/pages/aboutGaiaX.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
{
"title": "About Gaia-X",
"topSection": [
{
"text": "Gaia-X is part of the “Digital Europe” program aiming at making Europe’s digital infrastructure future proof and self-sovereign. Gaia-X focusses on the implementation of a decentralized, federated cloud- and data sharing infrastructure. Both public and private, cross-border. Non-European parties can participate but the rules are set based on the EU values: Openness, Fairness, Privacy, Security and Transparency.",
"interactivity": {
"image": "/images/video-placeholder-1.png",
"link": "https://youtu.be/DrG-EBBFniw"
},
"cta": {
"label": "Read more",
"link": "https://www.gxfs.eu/connection-to-gaia-x/"
}
},
{
"text": "The Gaia-X Federation Services (GXFS) are being developed together with the marker in order to realize interoperability between (eco)systems and represent the minimum technical requirements necessary to set up and operate a cloud-based self-sovereign data infrastructure ecosystem. On the basis of technical specifications, services based on open-source code are being developed. They will then be developed into operational services and continuously improved by the Gaia-X Community. These services are available for everyone who whishes to use them for their own implementations.",
"interactivity": {
"image": "/images/video-placeholder-2.png",
"link": "https://youtu.be/68tZh_wkeYY"
},
"cta": {
"label": "Read more",
"link": "https://www.gxfs.eu/gxfs-overview/"
}
}
],
"hero": {
"header": "This demo environment is aiming to bring the Gaia-X concepts and federation services to live in the context of the mobility sector. In the upcoming months this environment can be used to demonstrate, explain and test powerful Gaia-X concepts like:",
"points": [
"- Self-Descriptions",
"- Labels",
"- Federated Catalogue",
"- Identity & Trust Services",
"- Sovereign Data Exchange (incl smart contracts, logging and audit trail)",
"- Policy Engines & Compliance Services"
]
},
"footer": {
"text": "In this demo environment consider the “Future Mobility Alliance” as a Gaia-X compliant “Federation” that operates the “Future Mobility Data Marketplace” on behalf of the participating “Provider” and “Consumer” organizations. The provider and consumer organizations could be any public or private organization. As long as they comply with the rules as set by the Future Mobility Alliance and the high-level Gaia-X compliance rules.",
"disclaimer": "N.B. Provider and consumer participants of the Future Mobility Alliance can also be participating in other data sharing ecosystems. For instance a “Healtcare Data Marketplace” or a “Energy Data Marketplace”. Participants don’t need to onboard again as Gaia-X member. The same base Gaia-X participant and service self-descriptions can be re-used across different Gaia-X compliant ecosystems.",
"cards": [
{
"title": "Providers",
"body": "Publishing open, restricted or commercial data sets and algorithms related to mobility.",
"icon": "gear"
},
{
"title": "Federation",
"body": "Operating Future Mobility Data Marketplace",
"icon": "logo"
},
{
"title": "Consumers",
"body": "Consumers of open, restricted or commercial data sets and algorithms related to mobility.",
"icon": "cart"
}
]
},
"image": "/images/headerCarousel/1-road.jpeg"
}
45 changes: 20 additions & 25 deletions content/pages/home/content.json
Original file line number Diff line number Diff line change
@@ -1,29 +1,24 @@
{
"teaser": {
"title": "Pontus-X: Technical Data Sovereignty",
"text": "Pontus-X represents the next generation of data infrastructure: an **open, transparent and secure digital ecosystem**, where data and services can be made available, collated and shared in an environment of trust. The architecture of Pontus-X is based on Gaia-X and on the principle of decentralization."
"title": "Challenges in mobility",
"text": "The mobility sector is facing several challenges: from managing CO2 emissions and the transition to electric vehicles and alternatives modes of mobility to maintaining road security, reducing traffic jams, parking problems, and ensuring inclusivity.\n\nThe Future Mobility Data Marketplace matches supply and demand of any kind of data and algorithms that can be relevant for mobility. It allows data scientists, data consumers and data providers, like cities, mobility service providers and automotive companies to share, collaborate and commercialize their data services. In a secure and privacy friendly manner and ensuring that data owners stay in full control over their data\n\nThe Future Mobility Data Marketplace is based on the Gaia-X concepts. Gaia-X is part of the “Digital Europe” program aiming at making Europe's digital infrastructure future proof and self-sovereign.\n\n- Digital Sovereignty - Data owner stays in control\n- Preventing copies of data - Data stays at the source\n- Bridging supply and demand of data and AI algorithms\n- Sharing options for both open and restricted data\n- Labels - “Digital quality stamps” for datasets and algorithms"
},
"paragraphs": [
{
"title": "The Gaia-X Powered Ecosystem on DLT",
"body": "The principle of decentralization is a perfect fit for **Distributed Ledger Technology**. [Ocean Enterprise](https://www.oceanenterprise.io/) is a fully open-source technology stack, leveraging DLT and decentralization, aiming to give control back to the owners of data services. Pontus-X is built on top of [Oasis Network](https://oasisprotocol.org/) showcasing how future industrial digital service ecosystems work today.",
"cta": "Learn More",
"ctaTo": "https://docs.pontus-x.eu/docs/introduction/overview",
"image": "/images/ecosystem.webp"
},
{
"title": "Compute-to-Data and its benefits",
"body": "One core concept of Ocean Enterprise is the **Compute-to-Data (CtD)** approach. Compute-to-Data is the functionality that solves the current trade-off between the benefits of using private data and the risks of exposing it. It allows data consumers to run compute jobs on private data while the data stays on-premise with the data provider.",
"cta": "Learn More",
"ctaTo": "https://docs.pontus-x.eu/docs/technical-architecture/architecture-overview",
"image": "/images/ctd_benefits.webp"
},
{
"title": "Gaia-X Digital Clearing House (GXDCH)",
"body": "The Pontus-X ecosystem provided a direct integration with the Gaia-X Digital Clearing Houses (GXDCH). We fast track your onboarding to X-ecosystems and to offering your services in Gaia-X‍ ecosystems. The GXDCH safeguard the distributed, decentralised ways of running the Gaia-X compliance.",
"cta": "Learn More",
"ctaTo": "https://gaia-x.eu/gxdch/",
"image": "/images/gxdch_powered.webp"
}
]
"points": [
{ "text": "Managing CO2 emissions" },
{ "text": "Transition to Electric Vehicles" },
{ "text": "Move to Mobility as a Service" },
{ "text": "Maintaining road security" },
{ "text": "Reducing traffic jams" },
{ "text": "Solving parking problems" },
{ "text": "Ensuring inclusivity" },
{ "text": "Preventing platform monopolies" },
{ "text": "Citizen privacy" },
{ "text": "Sustainable business models" }
],
"firstTimeVisiting": {
"title": "First time visiting",
"text": "Before interacting with all the marketplace functionalities, you'll have to ensure you have the correct setup (wallet, testnet, tokens). We can help you jump-start the process!",
"buttonLabel": "Quick start guide",
"link": "onboarding"
}
}
16 changes: 16 additions & 0 deletions content/pages/home/header.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"body": "Find or publish datasets and AI algorithms for solving challenges in mobility. Experience and leverage decentralized technologies and the European Gaia-X data sharing concepts. Facilitating public-private, cross-sector, cross-border collaboration while maintaining digital sovereignty.",
"cta": [
{
"label": "Go to catalogue",
"link": "/search?sort=_score&sortOrder=desc&text="
},
{ "label": "About this demo", "link": "/about" }
],
"carousel": [
"/images/headerCarousel/1-road.jpeg",
"/images/headerCarousel/2-bikes.jpeg",
"/images/headerCarousel/3-ev-charge.jpeg",
"/images/headerCarousel/4-e-scooter.jpeg"
]
}
4 changes: 4 additions & 0 deletions content/pages/shipdetection.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"title": "BVLOS Drone Based Ship Detection",
"description": "Visualize drone detected ships on a map view"
}
Loading
Loading