Skip to content

Fortune 500 application #1

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

Fortune 500 application #1

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
266 changes: 266 additions & 0 deletions f500/css/site.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,266 @@
body
{
font-family: Calibri, Tahoma;
font-size: 16px;
}

div#app-holder div#steps
{
height: 30px;
background-color: #F0F0F0;
width:860px;
}

div#app-holder div#steps div
{
display: inline-block;
}

div#app-holder div#steps span
{
font-weight: bold;
padding: 5px 0 0 10px;
height: 25px;
float: left;
}

div#app-holder div#steps img
{
float: right;
}

div#app-holder div#steps div#company
{
width: 185px;
}

div#app-holder div#steps div#indicator
{
width: 335px;
}

div#app-holder div#steps div#time
{
width: 95px;
}

div#app-holder div#steps div#number
{
width: 255px;
}

div#app-holder div#steps div#number div
{
float: left;
display: inline-block;
height: 25px;
margin: 5px 0 0 10px;
font-weight: bold;
}

div#app-holder div.step-container
{
border-right: 1px solid #D2D2D2;
float: left;
font-size: 10pt;
}

div#app-holder div.step-container.company
{
margin-top: 10px;
width:180px;
}

div#app-holder div.step-container.company input
{
height: 25px;
padding: 0px;
color: #c8c8c8;
width: 170px;
}

div#app-holder div.step-container.company div
{
margin: 10px 10px 0 0px;
}

div#app-holder div.step-container.indicator
{
margin-top: 35px;
width: 335px;
}

div#app-holder div.step-container.indicator input
{
height: 25px;
padding: 0px;
color: #c8c8c8;
width: 315px;
margin:0px 10px;
}

div#app-holder div.step-container.indicator div
{
margin: 10px 10px 0 10px;
}

div#app-holder div.step-container.time
{
margin-top: 35px;
width: 100px;
}

div#app-holder div.step-container.time input
{
height: 25px;
padding: 0px;
color: #c8c8c8;
width: 120px;
margin: 0px 10px 0 10px;
}

div#app-holder div.step-container.time div
{
margin: 10px 10px 0 10px;
}

div.step-container.company div, div.step-container.indicator div, div.step-container.time div
{
height: 460px;
overflow-y: auto;
}

div#app-holder div.last-step-container
{
display: inline-block;
width: 240px;
height: 445px;
float: none;
font-size: 10pt;
margin-top: 10px;
}

div#app-holder div.last-step-container div#options
{
background-color: #F0F0F0;
padding: 5px;
margin: 0px 0 0 10px;

}

div#app-holder div.last-step-container div#options div
{
display: inline-block;
margin-left: 20px;
cursor: pointer;
width:85px;
}

div#app-holder div.last-step-container div#options img
{
float: left;
padding-right: 5px;
}

div#app-holder div.last-step-container div.number
{
margin: 0px 0 10px 10px;
font-weight: bold;
font-size: 18pt;
border: 1px dashed #D2D2D2;
text-align: center;
}

div#app-holder div.last-step-container div.unit
{
font-size:10pt;
margin-top:5px;
font-weight:normal;
}

div#app-holder div.last-step-container div.no-number
{
margin: 0px 0 10px 10px;
border: 1px dashed #D2D2D2;
text-align: center;
font-size: 10pt;
font-weight: normal;
}

div#app-holder div.last-step-container div.map, div.last-step-container div.chart
{
width: 245px;
height: 150px;
margin: 10px 0 0 10px;
}

div#app-holder div.last-step-container div.table
{
width: 245px;
height: 330px;
margin: 10px 0 0 20px;
}

div#app-holder div.last-step-container div#result div.chart
{
width: 245px;
height: 150px;
margin: 10px 0 0 10px;
}

div#app-holder div.step-container ul
{
padding: 0px;
margin: 0px;
list-style-type: none;
}

div#app-holder div.step-container ul li
{
margin: 0 5px;
padding: 2px;
cursor: pointer;
}

div#app-holder div.step-container.time ul li
{
margin: 0 2px;
padding: 0px;
cursor: pointer;
display:inline;
font-size: 13px;
}
div#app-holder div.step-container ul li:hover
{
background-color: #F0F0F0;
}

div#app-holder div.step-container ul li.selected
{
background-color: #059BDA;
color:#fff;
}

div#app-holder div.step-container ul li.capital
{
font-weight: bold;
}

div#app-holder div.last-step-container div.fields
{
margin:10px 10px 0 15px;
height:350px;
overflow-y:auto;
}

div#app-holder div.last-step-container div.field
{
margin-bottom:5px;
}

div#app-holder div.last-step-container div.field span.property
{
font-weight:bold;
margin-right:5px;
}

Binary file added f500/img/chart.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added f500/img/loading.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added f500/img/separator.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added f500/img/table.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 57 additions & 0 deletions f500/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://dev.knoema.com/app-script?version=2.0"></script>
<script type="text/javascript" src="js/fyn.js?version=1.1"></script>
<link rel="stylesheet" href="css/site.css" type="text/css" />
<title>Find your number </title>
</head>
<body>
<div id="app-holder">
<div id="steps">
<div id="company">
<span>Company</span>
<img src="img/separator.png" alt="" />
</div>
<div id="indicator">
<span>Indicator</span>
<img src="img/separator.png" alt="" />
</div>
<div id="time">
<span>Time</span>
<img src="img/separator.png" alt="" />
</div>
</div>
<div class="step-container company">
<input type="text" id="filter-company" value="Just type..." />
<div id="list-company">
</div>
</div>
<div class="step-container indicator">
<div id="list-indicator">
</div>
</div>
<div class="step-container time">
<div id="list-time">
</div>
</div>
<div class="last-step-container">
<div id="result">
</div>
<div id="options">
<div>
<img src="img/chart.png" alt="chart" />
<span>Chart</span>
</div>
<div>
<img src="img/table.png" alt="table" />
<span>Table</span>
</div>
</div>
<div id="visualization">
</div>
</div>
</div>
</body>
</html>
Loading