finalproject/finalproject.html at main · mbriamon/finalproject · GitHub

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
<!DOCTYPE html>
<!-- saved from url=(0073)file:///Users/marybriamonte/Downloads/custom-bootstrap-page-95277915.html -->
<html lang="en" dir="ltr"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="./finalproject_files/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"><link rel="stylesheet" href="file:///Users/marybriamonte/Downloads/css/main.css"><title>Page Title</title></head><body><div class="jumbotron jumbotron-fluid"><div class="container"><h1 class="display-4">Time Use Analysis</h1><p class="lead">Created by Nicole Vaccaro and Mary Briamonte</p></div></div><div class="container" id="bsr-wrapper"><div class="my-5"></div>
    <img src="./finalproject_files/stackedbar.png" alt="my Image">
<p>One day. Twenty four hours. Every single day, people must decide how to split up the twenty four hours they are given. Our goal for this project was to determine how a person’s time usage is related to various factors such as wellbeing, intelligence, success, and happiness. Analyzing this data provides information about what people can do to make the most of their time. Although we didn’t focus on it for this project, analyzing the amount of time spent on different activities per day can also increase awareness to what can feasibly be done in one day, making it useful for time management and scheduling. </p><div class="my-5"></div><h2>General Data</h2><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/iq_chloropleth1.html"></iframe></picture><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/obesity_chloropleth.html"></iframe></picture><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/gdp_chloropleth1.html"></iframe></picture><div class="my-5"></div><p>insert text about general data</p><div class="my-5"></div><h2>Male vs. Female</h2><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><img src="./finalproject_files/133-400x300.jpg" class="mx-auto d-block" alt="Responsive image"></picture><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid eveniet fugit exercitationem earum quod. Ad doloribus dignissimos quaerat error aspernatur est, voluptatem deserunt at, dolores asperiores incidunt eligendi commodi sapiente.</p><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><img src="./finalproject_files/133-400x300.jpg" class="mx-auto d-block" alt="Responsive image"></picture><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid eveniet fugit exercitationem earum quod. Ad doloribus dignissimos quaerat error aspernatur est, voluptatem deserunt at, dolores asperiores incidunt eligendi commodi sapiente.</p><div class="my-5"></div><h2>IQ</h2><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/schoolsIQ.html"></iframe></picture><p>insert text about schools vs iq</p><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/workIQ.html"></iframe></picture><p>insert text about work vs. iq</p><div class="my-5"></div><h2>Obesity</h2><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/obesity.html"></iframe></picture><p>insert text about obesity rates facet</p><div class="my-5"></div><h2>Wealth</h2><div class="my-5"></div><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/leisure_gdp.html"></iframe></picture><p>insert text about leisure and gdp</p><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/work_gdp.html"></iframe></picture><p>insert text about work and gdp</p><div class="my-5"></div><h2>Life Expectancy</h2><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/expectancy.html"></iframe></picture><p>insert text about life expectancy</p><div class="my-5"></div><h2>Life Satisfaction</h2><picture><source srcset="https://unsplash.it/400/300" type="image/svg+xml"><source srcset="https://unsplash.it/400/300" type="image/svg+xml">
<style>iframe {width:100%; height: 500px;}</style>
<iframe src="./finalproject_files/satisfaction.html"></iframe></picture><p>insert text about life satisfaction</p><div class="my-5"></div><h2>Gender: Life Expectancy vs. Satisfaction</h2><div class="my-5"></div>
    <img src="./finalproject_files/genderexpectancy.png" alt="expectancy gender">
<p>insert text about bar chart</p><div class="my-5"></div>
    <img src="./finalproject_files/gendersatisfaction.png" alt="satisfaction gender">
<p>insert text about bar chart</p><div class="my-5"></div></div><script src="./finalproject_files/jquery-3.4.1.min.js"></script><script src="./finalproject_files/jquery-ui.js"></script><script src="./finalproject_files/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script><script src="./finalproject_files/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script><script src="file:///Users/marybriamonte/Downloads/js/main.js"></script></body></html>