talksik/financeCategories
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Arjun Patel
2017-09-16 01:16:51 -07:00
parent 26b3b98b2d
commit 7bcdf0bb3e
3 changed files with 35 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -2,11 +2,11 @@
<html> <html>
<head> <head>
<title>Categorize</title> <title>Categorize</title>
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="main.css"> <link rel="stylesheet" type="text/css" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
</head> </head>
<body> <body>
prof.css
+19
View File
@@ -9,4 +9,23 @@ body {
padding: 0; padding: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
}
div.profTitle {
padding-top: 5px;
background-color: #45d7e8;
height: 100px;
text-align: center;
font-size: 65px;
color: white;
font-family: 'Dosis', sans-serif;
z-index: 10;
}
#piechart {
padding: 0;
height: 800px;
width: 100%;
overflow: hidden;
margin-top: -100px;
margin-left: 100px;
} }
profile.html
+15 -2
View File
@@ -3,16 +3,28 @@
<head> <head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="mainJs.js"></script> <script type="text/javascript" src="mainJs.js"></script>
<link type="text/css" rel="stylesheet" href="prof.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head> </head>
<body> <body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 profTitle">
My Profile
</div>
</div>
<div id="piechart" style="width: 900px; height: 500px;"></div> <div class="row">
<div class="col-xs-12" id="piechart"></div>
</div>
</div>
<div class="container">
<div class="container"> <div class="container">
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo0">Food and Dining</button> <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo0">Food and Dining</button>
<div id="demo0" class="collapse"> <div id="demo0" class="collapse">
@@ -60,9 +72,10 @@
<div class="container"> <div class="container">
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo5">Other</button> <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo5">Other</button>
<div id="demo5" class="collapse"> <div id="demo5" class="collapse">
Swatch Wednesday, July 23 8:00 PM $100.01 Transaction 1:
</div> </div>
</div> </div>
</div>
<div id="barchart_material" style="width: 900px; height: 500px;"></div> <div id="barchart_material" style="width: 900px; height: 500px;"></div>