Git Product home page Git Product logo

woudc-ui's Introduction

WOUDC

WOUDC is one of six World Data Centres which are part of the Global Atmosphere Watch programme of the World Meteorological Organization. WOUDC is operated by the Meteorological Service of Canada, a branch of Environment and Climate Change Canada.

woudc-ui's People

Contributors

danielwaiforssell avatar emadahmad2001 avatar kngai avatar tomkralidis avatar victoriarspada avatar

Watchers

 avatar  avatar  avatar

woudc-ui's Issues

Remaining Missing Links

Some websites that were linked from the previous WOUDC site have been moved and those links now point to dead ends or unintended redirects. These links should be replaced in the new UI so that they point to an existing site with the same or similar information as they would have had before (judging by the link text and previous URL).

List of links needing replacement (link text followed by previous, disconnected URL):

Replace with non-void elements

As mentioned in #6 (comment)

Lots of HTML elements are in the format of void elements. Best practice is to reserve those for official HTML void elements.

Lines like these:

<nuxt-link :to="localePath('about-faq')" v-text="$t('contact.blurb.faq')" />

to be replaced with:

<nuxt-link :to="localePath('about-faq')">{{ $t('contact.blurb.faq')" }}</nuxt-link>

Table of Contents links in the Data Access page are hidden under the site header

The table of contents on the data access page contains a link to each section. Clicking on these links is meant to scroll the user to where the section they clicked on is at the top of the page. Because the header at the top of the page has fixed position, it overlaps content at the top of the page when the page is scrolled and hides the title of the section the user clicked on, plus some content.

Example: On the data access page, click "Definitions Service" on the table of contents and see that the section title and first line of its content are hidden.

Goal: Make the page content fall completely between the header and footer at all times so that no content on the page is hidden.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.