proposal submission update

ui/lib/nance/index.ts

@@ -15,32 +15,79 @@ export function formatNumberUSStyle(
 }
 
 export const TEMPLATE = `\n*Note: Please remove the italicized instructions before submitting*\n
-## Abstract
-*This is a high-level description of the idea. Please use ELI5 (explain like I'm five years old) wording and summarize things for anyone to understand what you want to achieve.*
 
-## Problem
+**Author:**
+**Date:**
+
+# Abstract
+
+*This is a high-level description of the idea. Please use ELI5 (explain like I’m five years old) wording and summarize things for anyone to understand what you want to achieve.*
+
+# Problem
+
 *Describe the problem your proposal solves.*
 
-## Solution
-*Describe the "meat & potatoes" of the proposal. Go into necessary detail about the work that needs to be done, alternative solutions considered, open questions, and future directions. Keep it concise.*
+# Solution
+
+*Describe the “meat & potatoes” of the proposal. Go into necessary detail about the work that needs to be done, alternative solutions considered, open questions, and future directions. Keep it concise.*
+
+# Benefits
 
-## Benefits
 *Point out the core benefits of the proposal implementation and how it will affect MoonDAO. If the proposal can create revenue please create justification for how much revenue it could generate.*
 
-## Risks
+# Risks
+
 *Highlight any risks from implementing the proposal, how could this go wrong? How are you addressing those risks?*
 
-## Objectives
+# Objectives
+
 *You can write as many OKRs as you think are needed. One focused goal is preferred instead of many. OKRs should use SMART principles (Specific, Measurable, Achievable, Relevant, and Time-Bound).*
 
-**Objective #1:** *What do you want to achieve with this project. Be specific.*
+**Objective \#1:** *What do you want to achieve with this project. Be specific.*  
+**Key Results for Objective \#1**: 
+
+- *What is a measurable result that indicates this objective has been met?*  
+- *Include 3-4 relevant metrics that indicate success for the objective*
+
+**Member(s) responsible for OKR** **and their role:**
+
+- *Is there a specific member or set of members that are responsible for this particular objective? If all of them are responsible for this just say “All”*
+
+# Team (Table A)
+
+***Project Lead:** The Project Lead and representative for the project within the MoonDAO Senate. The Project Lead is responsible for:*
+
+1. *Attending weekly town hall meetings, reviewing incoming proposals and voting on them within the Senate. Missed attendance will result in a 5% penalty to the rocketeer’s retroactive rewards.*  
+2. *Creating weekly updates to the community on the progress of the project in the “progress” channel on DIscord.*  
+3. *Adding team members, removing team members, and making decisions about the use of the budget throughout the lifetime of the project.*  
+4. *Creating and managing the multi-sig Treasury for the project as well as the payments for each of the members.*  
+5. *Creating the Final Report and returning unused funds to the MoonDAO Treasury.*
+
+***Initial Team:** Projects may not need an initial team. It can just be an individual submitting a proposal. You may also create generic roles and hire other teammates after the project is approved. As a general rule of thumb, try to keep teams small and focused in the beginning, **with clear roles, deliverables, and OKRs for each member**. Team members are responsible for:*
+
+1. *Posting a weekly update in the “progress” channel on Discord with their contributions that week. Not posting a weekly update will result in a 5% penalty to their retroactive rewards.*
+
+| Project Lead | *@DiscordUsername* |
+| :---- | :---- |
+| **Initial Team** | *Role 1: “Developer” @DiscordUsername1. “Description of the role and deliverable for this member” Role 2: “Designer” @DiscordUsername2. “Description of the role and deliverable for this member”* |
+| **Multi-sig signers\*** | *Five required with their ETH addresses listed. “@DiscordUsername1: eth:0x0...1” “@DiscordUsername2: eth:0x0...2” “@DiscordUsername3: eth:0x0...3” “@DiscordUsername4: eth:0x0...4” “@DiscordUsername5: eth:0x0...5” You can create a multi-sig [here](https://app.safe.global/welcome)* |
+| **Multi-sig Address\*** | *ETH address with the multi-sig* |
+
+# Timeline (Table B)
+
+| Days after Proposal Passes | Description |
+| :---- | :---- |
+| 0 | Proposal Passes |
+| 7 | *Insert your milestones here.* |
+|  |  |
+
+**Deadline for the project: End of Q3.**
 
-**Key Results for Objective #1:**
-* *What is a measurable result that indicates this objective has been met?*
-* *Include 3-4 relevant metrics that indicate success for the objective*
+# Transactions (Table C)
 
-**Member(s) responsible for OKR and their role:**
-* *Is there a specific member or set of members that are responsible for this particular objective? If all of them are responsible for this just say "All"*
+*Please write out the specific transactions that need to be executed if this proposal passes. Please include the exact amount and token type and the receiving address (this is the multi-sig if there is more than one transaction that needs to be executed throughout the lifetime of this project.)*
 
-## Deadline
-*Enter the expected completion date for this project..*`;
+| Transaction Type | Amount | Token Type | Receiving Address |
+| :---- | :---- | :---- | :---- |
+| *Send* | *0* | *ETH* | *TBD* |
+`

ui/pages/submit.tsx

@@ -9,6 +9,8 @@ import ContributionEditor from '../components/contribution/ContributionEditor';
 import WebsiteHead from '../components/layout/Head';
 import { NoticeFooter } from '../components/layout/NoticeFooter';
 import { useRouter } from 'next/router';
+import Image from 'next/image';
+import Link from 'next/link';
 
 const SubmissionPage: React.FC = () => {
   const router = useRouter();
@@ -64,9 +66,44 @@ const SubmissionPage: React.FC = () => {
                 </Tab.List>
                 <Tab.Panels className="mt-4">
                   <Tab.Panel>
-                    <div className="mb-8">
+                    <div className="mb-8 max-w-[600px]">
+                    <div id="instructions-container" className="flex flex-col md:flex-row items-center justify-center gap-8 pt-5">
+                      <div id="step-1" className="flex flex-col items-center max-w-[200px]">
+                        <Image 
+                          src="/assets/icon-number-1.svg"
+                          alt="Step 1"
+                          width={70}
+                          height={70}
+                        />
+                        <p className="text-center pt-2 pb-5">
+                          (optional) <br></br> Post to <Link href="https://discord.com/channels/914720248140279868/1027658256706961509" className="text-blue-400 hover:text-blue-300 underline">#ideation</Link>
+                        </p>
+                      </div>
+                      <div id="step-2" className="flex flex-col items-center max-w-[200px]">
+                        <Image 
+                          src="/assets/icon-number-2.svg"
+                          alt="Step 1"
+                          width={70}
+                          height={70}
+                        />
+                        <p className="text-center pt-2 pb-5">
+                          Submit your <br></br>proposal below
+                        </p>
+                      </div>
+                      <div id="step-3" className="flex flex-col items-center max-w-[200px]">
+                        <Image 
+                          src="/assets/icon-number-3.svg"
+                          alt="Step 1"
+                          width={70}
+                          height={70}
+                        />
+                        <p className="text-center pt-2 pb-5">
+                          Present Proposal <br></br>at Townhall 
+                        </p>
+                      </div>
+                    </div>
                       <p className="text-gray-300">
-                        Submit a proposal to receive financing or special permissions from the MoonDAO community. Please refer to {' '}
+                        Submit a proposal to receive financing or special permissions from voting MoonDAO members. Please refer to {' '}
                         <a href="https://docs.moondao.com/Projects/Project-System" className="text-blue-400 hover:text-blue-300 underline">
                           our documentation
                         </a>