diff options
Diffstat (limited to 'interface')
| -rw-r--r-- | interface/models/aggriculture_transaction.js | 0 | ||||
| -rw-r--r-- | interface/views/index.ejs | 23 | ||||
| -rw-r--r-- | interface/views/partials/navbar.ejs | 15 |
3 files changed, 30 insertions, 8 deletions
diff --git a/interface/models/aggriculture_transaction.js b/interface/models/aggriculture_transaction.js deleted file mode 100644 index e69de29..0000000 --- a/interface/models/aggriculture_transaction.js +++ /dev/null diff --git a/interface/views/index.ejs b/interface/views/index.ejs index eebd413..14c98d4 100644 --- a/interface/views/index.ejs +++ b/interface/views/index.ejs @@ -2,6 +2,11 @@ <html lang="en"> <head> <%- include('partials/head') %> + <style> + .ui.menu { + margin-bottom: 0; + } + </style> </head> <body> @@ -38,7 +43,18 @@ </div> </div> <%- include('partials/navbar') %> - <div class="ui main container segment"> + <div class="ui inverted vertical masthead center aligned segment" style="background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://media-exp1.licdn.com/dms/image/C561BAQH2gmHaPvj2UA/company-background_10000/0/1622700188261?e=2147483647&v=beta&t=cANraogFmQmMwo8_3XlLnOFTNp-sHwzNk94uezmJmIk');; background-position: 0 30%; background-repeat: no-repeat; background-size: cover;"> + <div class="ui text container" style="margin: 8rem 0px;"> + <h1 class="ui inverted header"> + Unified Framework for Welfare Schemes + </h1> + <h2>Demonstrating various welfare schemes under a single dashboard</h2> + <div class="ui huge primary button" onclick="route('/citizens')"> + View Citizens <i class="right arrow icon"></i> + </div> + </div> + </div> + <div class="ui main container segment" style="width: 80vw"> <div class="ui three column grid"> <div class="column"> <div class="ui cards" id="genderdist"></div> @@ -155,7 +171,6 @@ // marital dist const maritalDist = JSON.parse(`<%- JSON.stringify(maritalDist) %>`); - var x = []; var y = []; for (var i = 0; i < maritalDist.length; i++) { @@ -225,7 +240,7 @@ y.push(citizenDist[i].district_dist); } - // plot bubble chart + // plot bubble chart var trace6 = { x: x, y: y, @@ -242,7 +257,5 @@ }; var config = { responsive: true }; Plotly.newPlot("citizendist", data, layout, config); - - </script> </html> diff --git a/interface/views/partials/navbar.ejs b/interface/views/partials/navbar.ejs index 816244f..69abbc6 100644 --- a/interface/views/partials/navbar.ejs +++ b/interface/views/partials/navbar.ejs @@ -1,3 +1,10 @@ +<style> + .ui.menu { + position: sticky !important; + top: 0; + z-index: 2; + } +</style> <div class="ui menu"> <a class="item" onclick="route('/')"> Home </a> <div class="ui pointing dropdown link item"> @@ -5,7 +12,7 @@ <i class="dropdown icon"></i> <div class="menu"> <div class="item" onclick="route('citizens')">Citizens</div> - <div class="item"> + <!-- <div class="item"> <i class="dropdown icon"></i> <span class="text">Amenities</span> <div class="menu"> @@ -28,7 +35,7 @@ <div class="item">State</div> <div class="item">Village</div> </div> - </div> + </div> --> <div class="item"> <i class="dropdown icon"></i> <span class="text">Transactions</span> @@ -41,7 +48,9 @@ </div> <div class="item" onclick="route('/transactions/lpg')">LPG</div> <div class="item" onclick="route('/transactions/nregs')">NRegs</div> - <div class="item" onclick="route('/transactions/pension')">Pension</div> + <div class="item" onclick="route('/transactions/pension')"> + Pension + </div> </div> </div> </div> |