search

Call-for-Code-for-Racial-Justice / Five-Fifths-Voter

Five Fifths Voter is a web application tool designed to enable and empower Black people and others to exercise their right to vote by ensuring their voice is heard
Apache License 2.0
67 stars 38 forks source link

Information for youth who are using the website #210

Closed Sabine-Justilien closed 3 years ago

Sabine-Justilien commented 3 years ago

Background on the problem the feature will solve/improved user experience

Youth are the next generation of voters but may lack context into what they need to do to become registered or even help those around them. Could we explore messaging or a CTA for youth to be more engaged in this process?

Describe the solution you'd like

A Call to Action for youth to pre - register to vote if under 18 with resources that will enable them to do so.

Tasks

Acceptance Criteria

Standards we believe this issue must reach to be considered complete and ready for a pull request. E.g precisely all the user should be able to do with this update, performance requirements, security requirements, etc as appropriate.

rkellis0 commented 3 years ago
rkellis0 commented 3 years ago

California youth 16 to 17 requirements:

Sabine-Justilien commented 3 years ago

Final Language

Aged 17-18? Did you know you can preregister to vote?

California: Find out how here. The YMCA of Los Angeles can support you if you're an LA resident.

National: Find your state requirements

The above information should be inserted after the register to vote link. The titles should be clickable and link to the above addresses, the same as the other resources listed on the page.

Screen Shot 2021-09-24 at 12 05 31 PM
Sabine-Justilien commented 3 years ago

Thanks for putting this together @rkellis0! I've consolidated the information to reflect the direct links to where people can register versus navigating to multiple pages.

upkarlidder commented 3 years ago

@Sabine-Justilien do you want the links to appear as they are? Or do you want to hyperlink a word in the sentence? Hyperlinking is more readable. If you agree, pls add sentences in the comment here as hyperlinked.

image

Sabine-Justilien commented 3 years ago

@Sabine-Justilien do you want the links to appear as they are? Or do you want to hyperlink a word in the sentence? Hyperlinking is more readable. If you agree, pls add sentences in the comment here as hyperlinked.

image

@upkarlidder I quoted the hyperlinks correctly in my original post. It should show up as hyperlinks in key words.

upkarlidder commented 3 years ago

@GeraldMit @davidnixon I am not exactly sure how to use Component Interpolation to get this done. Specifically, how do I import the i18n-t component in the Register.vue class? I thought with Vue.use(VueI18n);, it would automatically be available like {{ $t(' ') }} is.

The main app imports the i18n component:

new Vue({
  i18n,
  router,
  render: h => h(App)
}).$mount('#app');

Appreciate any tips around this.

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <i18n-t> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Reg> at src/components/Register/Register.vue
       <CvTab>
         <CvTabs>
           <CvContent>
             <PageLayout> at src/components/PageLayout/PageLayout.vue
               <Journey> at src/views/JourneyPage/JourneyPage.vue
                 <App> at src/App.vue
                   <Root>

@davidnixon this works with the markdown component that you added, but the URL is opened in the same page and not in a new page as desired.