-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (162 loc) · 7.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<title>Meeting Notes 1</title>
<meta name="Meeting Notes 1" content="Contains info regarding the first meeting">
<link rel="icon" href=favicon.svg>
<style>
h1 {
color: rgb(159, 28, 28)
}
</style>
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
</head>
<body>
<header>
<h1>Meeting 1: Brainstorming Ideas for Fortune-Telling Project</h1>
<h3>Date: 4/15/2023</h3>
<h3 class="attendeesHeader">Attendees: </h3>
<p style="color:rgb(1, 4, 167);">
John Erikson <br>
Eric Jones <br>
Amelia Enco <br>
Yotari Jacobsen <br>
</p>
</header>
<nav>
<h2>Contents:</h2>
<ol>
<li><a href="#ActionItems">Action Items</a></li>
<li><a href="#Check-In">Check-In</a></li>
<li><a href="#Icebreakers">Icebreakers</a></li>
<li><a href="#Brainstorming">Brainstorming</a></li>
<li><a href="#MissedItems">Missed Items</a></li>
</ol>
</nav>
<hr>
<main>
<section id="taskStuff">
<h2>Leftover Tasks</h2>
<p>None! First meeting :)</p>
<h2 id="ActionItems">Action Items and Current Tasks</h2>
<ol>
<li><strong>Icebreakers and introductions</strong></li>
<li><strong>Begin brainstorming ideas for project:</strong> what will our product do, what should it look like, target audience, etc. </li>
<li><strong>Get an idea for each person's strengths</strong>, determine how we want to split who works on what task</li>
<li>Standardize the tools that will be used for the project</li>
<li>Consider potential avenues for growth and determine whether everyone is on the same page: important for eventual team growth</li>
<li>Plan out dates for future meetings</li>
</ol>
<h2>Overarching Goal for the Week: </h2>
<p>Feel comfortable with the team and get the brainstorming going!</p>
</section>
<section>
<h2 id="Check-In">Check-In</h2>
<ul>
<li>Waiting for anyone late for the meeting, laying out meeting plans</li>
<li>Discussed action items</li>
<li>Focus is to at least work through <b>first three tasks in detail</b> before moving forward</li>
</ul>
</section>
<section>
<h2 id="Icebreakers">Icebreakers</h2>
<details>
<summary>General Introductions</summary>
<ol>
<li>Shared names and backgrounds</li>
<li>Discussed personal interests</li>
<li><span>Mentioned <b>hopes for the future</b> and what kind of work we all enjoy</span></li>
</ol>
<img src=handshakeimage.jpg alt="Image of people handshaking">
</details>
</section>
<section id="brainstormSection">
<h2>Brainstorming:</h2>
<div>
<h3>8-Ball</h3>
<ol>
<li>Would be like a magic 8-ball, that gives set responses that are randomized regardless of user questions</li>
<li>Fairly simple to implement, can also be modified to have more responses easily to create more interesting responses for the user</li>
<li>Users would be primarily younger people who like to mess around, a <i>"for fun"</i> app</li>
<li>Can include a graphic of an 8-ball, along with animations to improve the user experience visually</li>
</ol>
<img src="magic8ball.jpg" alt="Image of a magic 8-ball">
<p id="caption">Example of interface shown above.</p>
</div>
<div>
<h3>Fortune-Telling Seer</h3>
<ol>
<li>Visually would appear as a seer or a person who can "see" the future through a crystal ball</li>
<li>More difficult to implement in terms of UI elements, but also much greater potential for growth (much more layered product)</li>
<li>Can use some kind of AI to tailor a response based on prior user experiences with the app</li>
<li>Similar audience as the 8-ball application, though may require restrictions</li>
</ol>
<img src="fortuneteller.jpg" alt="Image of a fortune teller with a crystal ball">
<p>
<em>One primary concern voiced:</em> <br>
Ensuring that the user is not asking anything that could induce harm. <br>
Some precautions may need to be taken in regard to this.
</p>
</div>
<div>
<h3>Crystal Ball Only</h3>
<ol>
<li>Would appear just like the Fortune-Telling seer, although with only the crystal ball.</li>
<li>This should have have similar properties as the seer, but would not be conversational, as it is just the crystal ball.</li>
</ol>
</div>
</section>
<section>
<h2 id="MissedItems">Missed Items for Future Meetings</h2>
<ol>
<li>Need to discuss tool standardization</li>
<li>Continue brainstorming process</li>
<li>Address potential concerns that may appear with the app ideas</li>
<li>Discuss future growth potential with each idea discussed: it might be necessary to reevaluate the products if there are other potential blockers</li>
</ol>
<hr>
<h2> Meeting Recording: </h2> <br>
<audio controls>
<source src="MeetingAudio.mp3">
</audio> <br>
<video id="video" controls>
<source src="MeetingVid.mp4">
</video>
<p>The video and audio recording for the meeting are <span>stored above</span>, for future reference to revist any ideas discussed, which will matter more as brainstorming finishes up.</p>
</section>
<section>
<form>
<label><strong>Future Meeting Availibility:</strong></label>
<fieldset>
<input name="Name: "> <br>
<input type="date"> <br>
<label>How are you feeling?</label>
<input list="emotions">
<datalist id="emotions">
<option value="Happy">
<option value="Sad">
<option value="Angry">
<option value="Stressed">
</datalist> <br>
<label>Meeting Time Options:</label> <br>
<input type="checkbox" value="2-3 pm">
<label>2-3 pm</label> <br>
<input type="radio" value="3-4 pm">
<label>3-4 pm</label> <br>
<label>Looking forward to the next meeting?</label>
<select>
<option value="Yes">Yes</option>
<option value="Yes">No</option>
</select> <br>
<textarea>Please include any other notes here.</textarea> <br>
<button>Submit</button>
</fieldset>
</form>
</section>
</main>
<footer>
<h3>Next Meeting: 4/23/2023</h3>
</footer>
</body>
</html>