Skip to content

Completed assignment and lab #12

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
ssmattio wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Completed assignment and lab #12

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
9 changes: 8 additions & 1 deletion assignment/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# Final Project Proposal

I would like to build upon the page I built for the midterm - showing global
transmission of Covid-19. I've been pulling my data from https://coronadatascraper.com/;
however, I've only been successful at manually downloading the data and using
it in my map. Therefore, it may be worth exploring pulling most recent data
from the website. I'm not sure what type of functionality or user input would
be good for this project.

--------------------------------
Your assignment this week is to write a detailed proposal for your final
project. In proposing your final, try to address each of the following
areas. Please produce at least a paragraph which addresses the topics below
Expand Down Expand Up @@ -61,4 +69,3 @@ that you think would be useful? What technologies not covered seem exciting to
you (you don't necessarily have to fully understand what they're for,
this is a chance for you to get help interpreting a technology's
purpose/usage).

4 changes: 2 additions & 2 deletions lab/lab1/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@ body {
.map {
position: absolute;
right: 0px;
left: 340px;
left: 425px;
height: 100%;
top: 0;
}

.sidebar {
position: absolute;
left: 0px;
width: 340px;
width: 425px;
top: 0;
bottom: 0;
overflow-y: auto;
Expand Down
96 changes: 62 additions & 34 deletions lab/lab1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,52 +5,80 @@
<meta charset="utf-8">
<!-- CSS Imports -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.3.1/leaflet.css" integrity="sha256-iYUgmrapfDGvBrePJPrMWQZDcObdAcStKBpjP3Az+3s=" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Place framework CSS code here. -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Sidebar -->
<div class="sidebar">
<nav class="navbar navbar-default">
<div class="container-fluid clearfix">
<div class="topright-button" style="float: right">
[Add New]
<div class="row">
<div class="col-4">
<ul>
<li>Manufacturers</li>
<li>Purchases</li>
<li>Basket Secrets</li>
</ul>
</div>
<div class="col-8">
<nav class="navbar navbar-default">
<div class="container-fluid clearfix">
<div class="navbar-header">
<a href="#">Manufacturers</a>
</div>
<div class="topright-button" style="float: right">
<div class="btn-group">
<button type="button" class="btn btn-primary">Add New</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">View History</a>
<a class="dropdown-item" href="#">Email All Manufacturers</a>
</div>
</div>
</div>
</div>
</nav>

<div class="item">
<h2 class="item-heading">Tandy’s Basketweavers</h2>
<div>490 Freedom Drive<br>
Philadelphia, PA 19425</div>
</div>
<div class="item">
<h2 class="item-heading">Basket Case</h2>
<div>400 S 46th Street<br>
Philadelphia, PA 19144</div>
</div>
<div class="item">
<h2 class="item-heading">Bas-kids: Baskets 4 Kids</h2>
<div>2558 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="navbar-header">
<a href="#">Manufacturers</a>
<div class="item">
<h2 class="item-heading">Bask in the Glory</h2>
<div>2501 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="item">
<h2 class="item-heading">Basket Ball</h2>
<div>2542 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="sort">
Sort by <span class="sort-option selected">A–Z</span> <span class="sort-option">Inventory</span>
</div>
</div>
</nav>
<div class="item">
<h2 class="item-heading">Tandy’s Basketweavers</h2>
<div>490 Freedom Drive<br>
Philadelphia, PA 19425</div>
</div>
<div class="item">
<h2 class="item-heading">Basket Case</h2>
<div>400 S 46th Street<br>
Philadelphia, PA 19144</div>
</div>
<div class="item">
<h2 class="item-heading">Bas-kids: Baskets 4 Kids</h2>
<div>2558 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="item">
<h2 class="item-heading">Bask in the Glory</h2>
<div>2501 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="item">
<h2 class="item-heading">Basket Ball</h2>
<div>2542 Walnut Street<br>
Philadelphia, PA 19107</div>
</div>
<div class="sort">
Sort by <span class="sort-option selected">A–Z</span> <span class="sort-option">Inventory</span>

</div>

</div>

<!-- Map -->
<div id="map" class="map"></div>
<!-- Javascript Imports -->
Expand Down