Skip to content

Commit

Permalink
splitting into tabs
Browse files Browse the repository at this point in the history
  • Loading branch information
vnagpal25 committed Oct 20, 2023
1 parent 008c43f commit 3cf7691
Show file tree
Hide file tree
Showing 2 changed files with 99 additions and 80 deletions.
81 changes: 81 additions & 0 deletions 190_proj.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<DOCTYPE html>
<html>
<head>
<title>CSCE 190: Vansh Nagpal</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Vansh Nagpal's CSCE 190 site</h1>
<div class = "assignments">
<!--Problem Statement Assignment-->
<section class = "assignment">
<a href="files/problem_statement.pdf"> <h2>Problem Statement: College Sports Fantasy</h2></a>
<a href="files/problem_statement.pdf"> <img src = "images/problem_statement.PNG"></a>

<p>
College sports fans are interested in fantasy football, betting, scores, polls, and all things sports. Our solution should provide users with a way to compete online with other users with the sports and teams they love.

</p>
</section>

<!-- Affinity Diagram Assignment-->
<section class = "assignment">
<a href="files/AffinityDiagram-CLB.pdf"> <h2>Affinity Diagram: College Sports Fantasy</h2></a>
<a href="files/AffinityDiagram-CLB.pdf"> <img src = "images/AffinityDiagram-CLB.PNG"></a>
=

<p>
My group and I collaborated to come up with all things related to our app idea(college sports fantasy betting.)
</p>
</section>

<!-- Personas Assignment-->
<section class = "assignment">
<a href="files/personas.pdf"> <h2>Persona: 5 Personas for College Sports Fantasy</h2></a>
<a href="files/personas.pdf"> <img src = "images/persona.PNG"></a>

<p>
Personas of typical CSF app users
</p>
</section>

<!-- Storyboard Assignment-->
<section class = "assignment">
<a href="files/storyboards.pdf"> <h2>Storyboard: Each Persona's Experience with CSF</h2></a>
<a href="files/storyboards.pdf"> <img src = "images/storyboard.PNG"></a>
<p>
Each of our persona's unique experience with CSF each with humorous plots.
</p>
</section>

<!-- Sketches Assignment-->
<section class = "assignment">
<a href="files/sketches.pdf"> <h2>Sketches: Group's Proposed Prototype</h2></a>
<a href="files/sketches.pdf"> <img src = "images/sketches.PNG"></a>
<p>
Our group sketched potential visual representations of our potential app's multiple screens.
</p>
</section>

<!-- Prototype Assignment-->
<section class = "assignment">
<a href="https://www.youtube.com/watch?v=NJMz7Wv_HgY"> <h2>Paper Prototype</h2></a>
<a href="https://www.youtube.com/watch?v=NJMz7Wv_HgY"> <img src = "images/paper-prototype.PNG"></a>
<p>
Tangible articulation of our ideas of how the app should look and function, on paper.
</p>
</section>

<!-- Hi-Fi Prototype Assignment-->
<section class = "assignment">
<a href="files/hi-fi prototype/index.html"> <h2>Hi-Fi Prototype</h2></a>
<a href="files/hi-fi prototype/index.html"> <img src = "images/hifi-prototype.PNG"></a>
<p>
An actual prototype of how our app would function.
</p>
</section>


</div>
</body>
</html>
98 changes: 18 additions & 80 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,81 +1,19 @@
<DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<title>CSCE 190: Vansh Nagpal</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Vansh Nagpal's CSCE 190 site</h1>
<div class = "assignments">
<!--Problem Statement Assignment-->
<section class = "assignment">
<a href="files/problem_statement.pdf"> <h2>Problem Statement: College Sports Fantasy</h2></a>
<a href="files/problem_statement.pdf"> <img src = "images/problem_statement.PNG"></a>

<p>
College sports fans are interested in fantasy football, betting, scores, polls, and all things sports. Our solution should provide users with a way to compete online with other users with the sports and teams they love.

</p>
</section>

<!-- Affinity Diagram Assignment-->
<section class = "assignment">
<a href="files/AffinityDiagram-CLB.pdf"> <h2>Affinity Diagram: College Sports Fantasy</h2></a>
<a href="files/AffinityDiagram-CLB.pdf"> <img src = "images/AffinityDiagram-CLB.PNG"></a>
=

<p>
My group and I collaborated to come up with all things related to our app idea(college sports fantasy betting.)
</p>
</section>

<!-- Personas Assignment-->
<section class = "assignment">
<a href="files/personas.pdf"> <h2>Persona: 5 Personas for College Sports Fantasy</h2></a>
<a href="files/personas.pdf"> <img src = "images/persona.PNG"></a>

<p>
Personas of typical CSF app users
</p>
</section>

<!-- Storyboard Assignment-->
<section class = "assignment">
<a href="files/storyboards.pdf"> <h2>Storyboard: Each Persona's Experience with CSF</h2></a>
<a href="files/storyboards.pdf"> <img src = "images/storyboard.PNG"></a>
<p>
Each of our persona's unique experience with CSF each with humorous plots.
</p>
</section>

<!-- Sketches Assignment-->
<section class = "assignment">
<a href="files/sketches.pdf"> <h2>Sketches: Group's Proposed Prototype</h2></a>
<a href="files/sketches.pdf"> <img src = "images/sketches.PNG"></a>
<p>
Our group sketched potential visual representations of our potential app's multiple screens.
</p>
</section>

<!-- Prototype Assignment-->
<section class = "assignment">
<a href="https://www.youtube.com/watch?v=NJMz7Wv_HgY"> <h2>Paper Prototype</h2></a>
<a href="https://www.youtube.com/watch?v=NJMz7Wv_HgY"> <img src = "images/paper-prototype.PNG"></a>
<p>
Tangible articulation of our ideas of how the app should look and function, on paper.
</p>
</section>

<!-- Hi-Fi Prototype Assignment-->
<section class = "assignment">
<a href="files/hi-fi prototype/index.html"> <h2>Hi-Fi Prototype</h2></a>
<a href="files/hi-fi prototype/index.html"> <img src = "images/hifi-prototype.PNG"></a>
<p>
An actual prototype of how our app would function.
</p>
</section>


</div>
</body>
</html>
<head>
<title>Projects</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="190_proj.html">Projects</a></li>
</ul>
</nav>
</header>
<main>
<!-- Your project content goes here -->
</main>
</body>
</html>

0 comments on commit 3cf7691

Please sign in to comment.