Skip to content

Commit

Permalink
make website satisfied requrement!
Browse files Browse the repository at this point in the history
  • Loading branch information
Zhenzhen Wang committed Apr 14, 2020
1 parent 738ec61 commit 15b3fc0
Show file tree
Hide file tree
Showing 13 changed files with 584,266 additions and 257 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5502
}
582,661 changes: 582,661 additions & 0 deletions COVID-19 Cases.csv
View file

Large diffs are not rendered by default.

247 changes: 247 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,247 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">

<!-- TODO: Change title -->
<title>About</title>

<!-- Load Bulma from CDN (consider saving it to repository instead) -->
<!-- https://bulma.io/ -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">

<!-- Load Font Awesome 5 (free) icons -->
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
</head>

<body>

<!-- Page header -->
<!-- https://bulma.io/documentation/layout/hero/ -->
<section class="hero is-primary is-bold">
<div class="hero-body">
<div class="container">
<!-- TODO: Change title -->
<h1 class="title">Final Project</h1>
<!-- TODO: Change subtitle -->
<h2 class="subtitle">Visualizations For COVID-19</h2>
</div>
</div>
</section>
<!-- End page header -->

<!-- Page navigation -->
<!-- https://bulma.io/documentation/components/navbar/ -->
<nav class="navbar is-light" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<!-- TODO: Change link to repository homepage if needed -->
<!-- TODO: Change which navbar-item is-active if needed -->
<a class="navbar-item" href="index.html">
<span class="icon"><i class="fas fa-home"></i></span>
<span>Home</span>
</a>

<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="main-menu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>

<div id="main-menu" class="navbar-menu has-text-weight-medium">
<!-- Left navbar items -->
<div class="navbar-start">
<a class="navbar-item" href="data.html" title="Data">
<span class="icon"><i class="fas fa-table"></i></span>
<span>Data</span>
</a>

<!-- TODO: Modify or remove dropdown -->
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
<span class="icon"><img src="https://img.icons8.com/android/24/000000/scatter-plot.png" style="width: 15px;"></span>
<span>Visualization</span>
</a>

<div class="navbar-dropdown">
<a class="navbar-item" href="prototype1.html">
<span class="icon"><i class="fas fa-chart-bar"></i></span>
<span>Interactive Bar Chart</span>
</a>
<a class="navbar-item" href="prototype2.html">
<span class="icon"><i class="fas fa-chart-area"></i></span>
<span>Small Multiples Bubble Chart</span>
</a>


<a class="navbar-item" href="prototype3.html">
<span class="icon"><i class="fas fa-chart-pie"></i></span>
<span>HeatMap</span>
</a>
</div>
</div>
</div>

<!-- Right navbar items -->
<div class="navbar-end">
<!-- TODO: Update as needed -->

<a class="navbar-item" href="acknowledgement.html" title="About">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>Acknowledgement</span>
</a>

<a class="navbar-item is-active" href="about.html" title="About">
<span class="icon"><i class="fas fa-info-circle"></i></span>
<span>About</span>
</a>
</div>
</div>
</div>
</nav>
<!-- End page navigation -->
<!-- End page navigation -->
<!-- End page navigation -->

<section class="section">
<div class="container">
<!-- Begin page content -->
<div class="content">
<h1 class="title">
<!-- TODO: Change page title -->
About me
</h1>
<p class="subtitle">
<!-- TODO: Change page subtitle -->

</p>

<!-- Profile box -->
<!-- https://bulma.io/documentation/layout/media-object/ -->





<article class="media">
<!-- TODO: Replace with profile photo -->
<figure class="media-left">
<p class="image is-128x128"><img class="is-rounded" src="zhenzhen.jpeg"></p>
</figure>

<div class="media-content">
<div class="content">
<!-- TODO: Replace with contact information -->
<p>
<strong>Zhenzhen Wang</strong><br/>
Computer Science Major
<br>
Graduate Students of <a href=" https://www.usfca.edu/">University of San Francisco</a><br/>
<em>Expected Graduation: 2022 Spring</em><br/>
<i class="fas fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a>
</p>
<!-- TODO: Replace with brief biography -->
<p>
My name is Zhenzhen Wang. I come from China. I feel really lucky that I can study computer science in USF.
I have three courses this semeter datastructure, C and data visualization, full of challeges but I am excited to learn all of them.
Because I think these courses will help me build good foundation for further studing.
<p>The reason I choose this COVID-19 data set:
<ul>
<li>More than 1 million people got affected and more than 10 thousand people dead because of coronavirus, people lost their
loves, daily life changes.</li>

<!--<li>Writing the Team/About Page for the alpha release.</li>-->
</ul>



What I am trying to learn this dataset:
<ul>
<li> From analyze this dataset and keep tracking of the update dataset in the future.
I want to help people people understand why take rigt quick actions is right and help people remeber what happend right now.
So we can learn our lesson from this epidemic.
</li>
</ul>
</p>

</p>
<!-- TODO: Replace or remove tags -->
<!-- https://bulma.io/documentation/elements/tag/ -->
<div class="heading">Skills</div>

<div class="tags">
<span class="tag">Python</span>
<span class="tag">C</span>
<span class="tag">Java</span>
<span class="tag">JavaScript</span>
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">SVG</span>
</div>
</div>
</div>
</article>

</div>
<!-- End page content -->
</div>
</section>

<!-- Page footer -->
<!-- https://bulma.io/documentation/layout/footer/ -->
<footer class="footer">
<div class="content has-text-centered is-size-7">
<p>
<a href="#top">
<span class="fas fa-arrow-up"></span>
<span class="has-text-weight-medium">Back to Top</span>
</a>
</p>

<p>
<!-- TODO: Change to link to your Github repository -->
<a href="team.html" class="button is-small" style="padding-left: 1em; padding-right: 1em;">
<i class="fas fa-users"></i>&nbsp;<strong>Members</strong>
</a>

<a href="https://github.com/usf-cs360-spring2020/midterm-dataviz" class="button is-small" target="_blank" style="padding-left: 1em; padding-right: 1em;">
<i class="fab fa-github-alt"></i>&nbsp;<strong>Github</strong>
</a>

<a href="https://fontawesome.com/" class="button is-small" style="padding-left: 1em; padding-right: 1em;">
<i class="fab fa-font-awesome"></i>&nbsp;<strong>FontAwesome</strong>
</a>

<a href="https://bulma.io" class="button is-small">
<img src="https://bulma.io/images/made-with-bulma--semiblack.png" alt="Made with Bulma" width="128" height="24">
</a>
</p>
</div>
</footer>
<!-- End page footer -->

<!-- Mobile menu responsiveness -->
<!-- https://bulma.io/documentation/components/navbar/ -->
<script>
document.addEventListener('DOMContentLoaded', () => {
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

if ($navbarBurgers.length > 0) {
$navbarBurgers.forEach( el => {
el.addEventListener('click', () => {
const target = el.dataset.target;
const $target = document.getElementById(target);
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});
</script>
<!-- End mobile menu responsiveness -->
</body>

</html>
Loading

0 comments on commit 15b3fc0

Please sign in to comment.