From 301228a2185bd4b6ae3b77ea76ea42cff6e93f74 Mon Sep 17 00:00:00 2001 From: jennyinvo <144704366+jennyinvo@users.noreply.github.com> Date: Tue, 31 Oct 2023 12:49:01 -0400 Subject: [PATCH] Building HTML Page - Building content inside HTML page. - Editing README with documentation on research and demo links, email links - changed max width --- .DS_Store | Bin 6148 -> 6148 bytes README.md | 7 ++++++- css/skeleton.css | 2 +- index.html | 47 ++++++++++++++++++++++++++++++++++++++++++++--- 4 files changed, 51 insertions(+), 5 deletions(-) diff --git a/.DS_Store b/.DS_Store index 5a182a202986dd06537a5e73e39fc35e3539492f..4daae2a4071b6c471a4fa71dc515b22fe81b7f73 100644 GIT binary patch delta 322 zcmZoMXfc=|#>B)qu~2NHo+2aL#DLw4A22d9vQ6e;)U0P_NMq2I$5S!Fq!s5*+oM9Gvk264lj)=0-XS zMrMY!Itta6Mg}?xrpCs#wVWKH%KFwp@!2`KdHG#H#{mH&BZOw)h0-vp8_0lqr!2TA zFDE}Q9Vh})&Bl<)kjs$Bkj{|GQ0$qLpA7Y?0K;Z~#w#qF**W+*fFZQ`BI9@F$^0Ug P96(KATQ&!XY+(ifKIT#5 delta 67 zcmZoMXfc=|#>B`mu~2NHo+2a5#DLw5ER%VdG&f5!zhl{afcXjIW_AvK4xp0F8=1c| VPv#e~g1?m;q%{5UT(H diff --git a/README.md b/README.md index c207a5e..255e0cc 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,11 @@ Empowerment: Equips users with the knowledge to engage in direct democracy. Accessibility: Brings clarity to a traditionally complex process. Inclusivity: Designed for everyone, from seasoned activists to first-time participants. +## Documentation +Core Research Document URL: https://docs.google.com/document/d/1XmYDSI5mG2RHkalTGsUxU25Ql2mb6p-5_qy6OnkpFpc/edit?usp=sharing +Figma Demo URL: https://www.figma.com/proto/16z9nUniDLWDLNZQwgXTjm/From-Thought-to-Law?page-id=0%3A1&type=design&node-id=321-8816&viewport=-1508%2C-381%2C0.09&t=RwJieGAsiURwnYFN-1&scaling=scale-down&starting-point-node-id=321%3A8816&mode=design +Figma All Content Prototype URL: https://www.figma.com/proto/16z9nUniDLWDLNZQwgXTjm/From-Thought-to-Law?page-id=0%3A1&type=design&node-id=331-9211&viewport=-1508%2C-381%2C0.09&t=RwJieGAsiURwnYFN-1&scaling=scale-down&starting-point-node-id=331%3A9211&show-proto-sidebar=1&mode=design + ## Design Process ### Research @@ -46,7 +51,7 @@ We are looking for feedback on the following aspects (but feel free to share tho 1. **Option 1:** If you have a Figma account, comment on the prototype. -2. **Option 2:** Send feedback via email to [email@example.com](mailto:email@example.com). +2. **Option 2:** Send feedback via email to [demand2law@goinvo.com](mailto:demand2law@goinvo.com). ## Acknowledgements diff --git a/css/skeleton.css b/css/skeleton.css index f28bf6c..7d4de43 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -31,7 +31,7 @@ .container { position: relative; width: 100%; - max-width: 960px; + max-width: 1080px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } diff --git a/index.html b/index.html index c81c190..b82881f 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - Your page title here :) + From Demand to Law @@ -34,8 +34,49 @@
-

Basic Page

-

This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the Skeleton documentation.

+

From Demand to Law

+

Your roadmap to initiative petition process in Massachusetts

+

Problem

+

Imagine: You've identified a pressing issue in your community and believe that a new law or an amendment to an existing one could be the solution. The process of doing that is called “Initiative Petition”. However, the thought of venturing into the world of initiative petitions can be daunting.

+

What is Initiative Petition exactly?

+

At its core, the initiative petition process allows individuals like you to propose new laws or changes, placing the power of legislation directly in the hands of the community. Think of the initiative petition process like a community suggestion box, but on a grander scale. If you believe there's a change that needs to happen in your state, you can write it down, gather support in the form of signatures, and then submit it. If enough people back your idea, it gets a spot on the next state election ballot. That means, come election day, every voter in the state can give their two cents on your proposal. If the majority agrees with you, your suggestion can become an actual law. In essence, it's a way for regular folks to have a direct hand in shaping the rules of their state, right alongside elected officials.

+

But between that idea and seeing it on a ballot, there lies a labyrinth of rules, deadlines, and requirements. This is usually a 2+ year process involving drafting the petition, fundraising, legal counseling, signature gathering, and filing paperwork with multiple government agencies.

+

Here's where our tool shines. We provide a clear roadmap of the entire process, detailing each stage, and guiding you on what needs to be done and when. With our assistance, you'll be equipped to transform your idea into a community movement. We’ll slowly chip away at the complexity until it’s broken into clear, smaller steps. Ready to take that first step?

+

Our Roadmap

+ +

In building this roadmap, we have researched and consolidated information across government websites (see below).We've created this tool as a simple, step-by-step guide for anyone interested in learning about the process, as well as a detailed checklist for those actively petitioning.

+

Currently, we are fine-tuning our designs and hoping to collect feedback from you! We are looking for feedback on the following aspects (but feel free to share thoughts on other elements):

+
    +
  • How is this tool useful/not useful?
    • +
  • What is clear and what is confusing?
    • +
  • What else would you like to know about the process that is not addressed here?
    • +
+

Demo

+

Here is a demo of the tool:This is a walkthrough of completing the first step in the roadmap. It showcases all the features you would encounter, a timeline with smaller embedded checklists. For this experience, you will be able to scroll and tap on areas highlighted in blue to explore the prototype.

+

Here is a prototype with all content:This is a walkthrough of all information in each step of the initiative petition process, but this excludes the checklist feature.

+

You can provide feedback by:

+ +

Current Limitations

+
    +
  • - Currently limited to Massachusetts. Each state has its own rules and timelines that may be built in the future.
    • +
  • The research was conducted in 2023. While dates will be updated bi-annually, there may be other changes in the petition process. We will do our best to keep the page updated, but certain points of the process may require double-checking with the government website.
    • +
+

References

+ +

About Us

+

GoInvo is a digital design studio in Boston, shaping the future of healthcare through strategy, creativity, and vision. When we're not working for our clients, we're busy creating open-source projects. These projects reflect our commitment to addressing critical, often overlooked subjects with design.

+

Through this project, it is our goal to break down the barrier of entry in participating in direct democracy processes starting with communicating complex processes in simple words: converting legal jargon into plain language, re-organizing complex processes into actionable steps.