-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Building content inside HTML page. - Editing README with documentation on research and demo links, email links - changed max width
- Loading branch information
Showing
4 changed files
with
51 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -5,7 +5,7 @@ | |
| <!-- Basic Page Needs | ||
| –––––––––––––––––––––––––––––––––––––––––––––––––– --> | ||
| <meta charset="utf-8"> | ||
| <title>Your page title here :)</title> | ||
| <title>From Demand to Law</title> | ||
| <meta name="description" content=""> | ||
| <meta name="author" content=""> | ||
|
|
||
|
|
@@ -34,8 +34,49 @@ | |
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="one-half column" style="margin-top: 25%"> | ||
| <h4>Basic Page</h4> | ||
| <p>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 <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p> | ||
| <h2>From Demand to Law</h2> | ||
| <h4>Your roadmap to initiative petition process in Massachusetts</h4> | ||
| <h3>Problem</h3> | ||
| <p>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.</p> | ||
| <h3>What is Initiative Petition exactly?</h3> | ||
| <p>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.</p> | ||
| <p>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.</p> | ||
| <p>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?</p> | ||
| <h3>Our Roadmap</h3> | ||
| <!-- Add the prototype gifs here--> | ||
| <p>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.</p> | ||
| <p>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):</p> | ||
| <ul> | ||
| <li>How is this tool useful/not useful?</li> | ||
| <li>What is clear and what is confusing?</li> | ||
| <li>What else would you like to know about the process that is not addressed here?</li> | ||
| </ul> | ||
| <h3>Demo</h3> | ||
| <p><a href="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">Here is a demo of the tool</a>: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.</p> | ||
| <p><a href="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">Here is a prototype with all content</a>:This is a walkthrough of all information in each step of the initiative petition process, but this excludes the checklist feature.</p> | ||
| <p>You can provide feedback by:</p> | ||
| <ul> | ||
| <li>If you have a Figma account, commenting on the Figma prototype itself.</li> | ||
| <li>Email us at <a href="mailto:[email protected]">[email protected]</li> | ||
| </ul> | ||
| <h3>Current Limitations</h3> | ||
| <ul> | ||
| <li>- Currently limited to Massachusetts. Each state has its own rules and timelines that may be built in the future.</li> | ||
| <li>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.</li> | ||
| </ul> | ||
| <h3>References</h3> | ||
| <ul> | ||
| <li><a href="https://www.mass.gov/filing-initiative-petitions">Mass.gov</a></li> | ||
| <li><a href="https://malegislature.gov/Laws/Constitution#amendmentArticleXLVIII">Massachusetts State Constitution Amendment Article XLVIII</a></li> | ||
| <li><a href="https://www.sec.state.ma.us/divisions/elections">Secretary of Coommonwealth</a></li> | ||
| <li><a href="https://www.sec.state.ma.us/divisions/elections/download/getting-on-the-ballot/State-Ballot-Question-Petitions.pdf">Secretary of Commonwealth 2023 State Ballot Question Guide</a></li> | ||
| <li><a href="http://files.ocpf.us/pdf/guides/guidestatebq.pdf">Campaign Finance Guide</a></li> | ||
| <li><a href="https://ballotpedia.org/Massachusetts_2022_ballot_measures">Ballotpedia</a></li> | ||
| <li><a href="https://lwvma.org/wp-content/uploads/2018/09/LWVMA-BQS-Study-Report-r.pdf">League of Women Voters Massachusetts: Ballot Question Study Report PDF</a></li> | ||
| </ul> | ||
| <h3>About Us</h3> | ||
| <p>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.</p> | ||
| <p>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.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||