Skip to content

Update html page #42

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
b4park wants to merge 1 commit into
base: master
Choose a base branch
from
+211 −0
Open

Update html page #42

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added AudioFile/audio.mp3
View file
Open in desktop
Binary file not shown.
Binary file added VideoFile/video.mp4
View file
Open in desktop
Binary file not shown.
14 changes: 14 additions & 0 deletions aboutMe.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About Me</title>
</head>
<body>
<h1>My name is Brandon Park</h1>
<h3>I am a third year computer science major at Revelle College</h3>
<h3>I enjoy swimming at the beach and playing video games</h3>
<hr>
<h3>Thank you for visiting my page and I am looking forward to the upcoming quarter :)</h3>
</body>
</html>
184 changes: 184 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,184 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="Brandon Park">
<meta name="Team" content="Team 404">
<meta name="description" content="Meeting Notes">
<meta charset="UTF-8">
<title>10/2 Notes</title>
<link rel="icon" type="image/png" href="https://www.pngitem.com/pimgs/m/113-1138414_computer-science-png-png-download-computer-science-icon.png"/>
</head>
<body>
<h1>Team 404 Brainstorm Meeting Notes</h1>
<sub>Brainstorming / </sub>
<sub>October 2, 2021</sub>
<nav>
<a href="page1.html">Tester</a> |
<a href="aboutMe.html">About Me</a>
</nav>
<header>
<ul>
<li>
<b>Attendance:</b>
<ul>
<li>Brandon</li>
<li>Justin</li>
<li>Joseph</li>
<li>George</li>
<li>Steven</li>
</ul>
</li>
</ul>
</header>
<section>
<h4>Today</h4>
<ul>
<li>
<b>Agenda:</b>
<ol>
<li>Wrap-Up</li>
<li>Updates</li>
<li>Project discussion</li>
<li>Plan Goals For Next Meeting</li>
</ol>
</li>
</ul>
</section>
<section>
<h4>From Last time</h4>
<ul>
<li>
<b>Wrap-Up From Last Meeting:</b>
<dl>
<dt>Is everyone satisfied with their current roles?</dt>
<dd>- Yes, everyone is.</dd>
<dt>Any final comments/changes to the roles?</dt>
<dd>- Switch Brandon and George's roles from programmer to designer.</dd>
<dt>Did everyone accomplish their set goals from last meeting?</dt>
<dd>- Yes.</dd>
<dt>Any comments/questions on meeting formats/time?</dt>
<dd>- Justin will be 5 minutes late due to class.</dd>
</dl>
</li>
</ul>
</section>
<section>
<h4>Updates</h4>
<ul>
<li>
<b>New Business</b>
<dl>
<dt>Timeframe has shorten and we must accelerate agenda.</dt>
<dd>- We have adapted the Gaant chart, please take a look to see changes.</dd>
<dt>Given new parameters on project that need to be discussed.</dt>
<dd>- Added another img requirement, so we will add it later on in the project</dd>
</dl>
</li>
</ul>
</section>
<section>
<h4>Finally...</h4>
<p><b>Before continuing the meeting, does anyone have any comments/questions about the project or in general for the leads?</b></p>
<p>N/A</p>
<hr>
</section>
<section>
<h2>Project Discussion</h2>
<img src="https://assets-global.website-files.com/5a690960b80baa0001e05b0f/5fd8d7063f660a2f634b48a2_Software-project-plan-gantt-chart-example.png" alt="Random Gantt chart for page" width="1200" height="600">
<h3>The above Gaant Chart displays our updated timeframe</h3>
<hr>
</section>

<main>
<h3>The following recording is from the professor and is <i>VERY</i> important. Pay Attention.</h3>
<audio controls>
<source src="/AudioFile/audio.mp3" type="audio/mpeg">
</audio>
</main>
<section>
<h4>Audio Discussion</h4>
<div class="Unused">
<p>Discuss the recording and <span>please</span> let everyone voice their opinion</p>
<p><strong>Remember</strong> these words from the professor while moving forward</p>
</div>

<h3>After listening to the audio, watch this recording of the professor speak about the course</h3>
<video width="320" height="240" controls>
<source src="VideoFile/video.mp4" type="video/mp4">
</video>
<details>
<summary>Video Summary</summary>
<p>
The video talks about how the course will take place in terms of the timeframe of the project and what we should be doing now.
</p>
</details>
</section>
<hr>
<section>
<h2>Plans For Next Meeting</h2>
<p>For our next meeting <em>please</em> remember to set concrete and reachable goals and to refer to <a href="https://www.google.com/">this website</a> if you have any questions.</p>
<p>
And remember, if the material gets too difficult always <b>STUDY:</b><br>
<strong>S</strong>imply<br>
<strong>T</strong>o<br>
<strong>U</strong>nderstand<br>
<strong>D</strong>evote<br>
<strong>Y</strong>ourself
</p>
</section>
<hr>
<h1>HTML Form</h1>
<form>
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Are you a UCSD student?</label>
<input type="checkbox" id="email" name="email"><br><br>
<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday"><br><br>

<p>What is your favorite programming language?:</p>
<input type="radio" id="C++" name="lang" value="C++">
<label for="C++">C++</label><br>
<input type="radio" id="Java/sc" name="lang" value="Java/sc">
<label for="Java/sc">Java/Javascript</label><br>
<input type="radio" id="other" name="lang" value="other">
<label for="other">Other</label>

<p>Explain why you would be good candidate for this team?</p>
<textarea></textarea><br><br>

<label for="college">Choose your college from the list:</label>
<input list="colleges" name="college" id="college">
<datalist id="colleges">
<option value="Revelle">
<option value="John Muir">
<option value="Thurgood Marshall">
<option value="Earl Warren">
<option value="Eleanor Roosevelt">
<option value="Sixth">
<option value="Seventh">
</datalist><br><br>

<label for="major">Choose your major:</label>
<select name="major" id="major">
<option value="computer science">Computer Science</option>
<option value="cognitive science">Cognitive Science</option>
<option value="math-computer science">Math-Computer Science</option>
<option value="data science">Data Science</option>
<option value="other">Other</option>
</select><br><br>
<button type="button">Submit</button>
</fieldset>
</form>
<section>
<h4>End of the page</h4>
<nav>
<a href="#">Top Of Page</a>
</nav>
<footer>
<strong>@2021 Team 404</strong>
</footer>
</section>
</body>
</html>
13 changes: 13 additions & 0 deletions page1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tester Page</title>
</head>
<body>
<h1>
Just an extra page to help navigate the NAV
</h1>
<p>You can use the back arrow to return to the homepage :D</p>
</body>
</html>