1.0.1 Addition of Standard Ops and Basic sections

This commit is contained in:
Vivek Teega 2021-11-24 17:02:03 +05:30
parent dce41796df
commit 5badbc8979

View File

@ -8,12 +8,50 @@
<link rel="stylesheet" href="css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<script id="floGlobals">
/* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
const floGlobals = {
//Required for all
blockchain: "FLO",
//Required for blockchain API operators
apiURL: {
FLO: ['https://livenet.flocha.in/', 'https://flosight.duckdns.org/'],
FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
},
adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
sendAmt: 0.001,
fee: 0.0005,
//Required for Supernode operations
SNStorageID: "FNaN9McoBAEFUjkRmNQRYLmBF8SpS7Tgfk",
supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
//for cloud apps
subAdmins: [],
application: "TEST_MODE",
appObjects: {},
generalData: {},
lastVC: {}
}
</script>
<script id="onLoadStartUp">
function onLoadStartUp() {
//floDapps.addStartUpFunction('Sample', Promised Function)
//floDapps.setAppObjectStores({sampleObs1:{}, sampleObs2:{options{autoIncrement:true, keyPath:'SampleKey'}, Indexes:{sampleIndex:{}}}})
//floDapps.setCustomPrivKeyInput( () => { FUNCTION BODY *must resolve private key* } )
floDapps.launchStartUp().then(result => {
console.log(result)
alert(`Welcome FLO_ID: ${myFloID}`)
//App functions....
}).catch(error => console.error(error))
}
</script>
</head>
<body data-theme="light" class="hide-completely">
<body data-theme="light" class="hide-completely" onload="onLoadStartUp()">
<sm-notifications id="notification_drawer"></sm-notifications>
<audio id="notification_sound">
<source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg">
@ -41,12 +79,11 @@
<div id="logo">
<svg id="main_logo" viewBox="0 0 27.25 32">
<title>RanchiMall</title>
<path
d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z" />
<path d="M27.14,30.86c-.74-2.48-3-4.36-8.25-6.94a20,20,0,0,1-4.2-2.49,6,6,0,0,1-1.25-1.67,4,4,0,0,1,0-2.26c.37-1.08.79-1.57,3.89-4.55a11.66,11.66,0,0,0,3.34-4.67,6.54,6.54,0,0,0,.05-2.82C20,3.6,18.58,2,16.16.49c-.89-.56-1.29-.64-1.3-.24a3,3,0,0,1-.3.72l-.3.55L13.42.94C13,.62,12.4.26,12.19.15c-.4-.2-.73-.18-.72.05a9.39,9.39,0,0,1-.61,1.33s-.14,0-.27-.13C8.76.09,8-.27,8,.23A11.73,11.73,0,0,1,6.76,2.6C4.81,5.87,2.83,7.49.77,7.49c-.89,0-.88,0-.61,1,.22.85.33.92,1.09.69A5.29,5.29,0,0,0,3,8.33c.23-.17.45-.29.49-.26a2,2,0,0,1,.22.63A1.31,1.31,0,0,0,4,9.34a5.62,5.62,0,0,0,2.27-.87L7,8l.13.55c.19.74.32.82,1,.65a7.06,7.06,0,0,0,3.46-2.47l.6-.71-.06.64c-.17,1.63-1.3,3.42-3.39,5.42L6.73,14c-3.21,3.06-3,5.59.6,8a46.77,46.77,0,0,0,4.6,2.41c.28.13,1,.52,1.59.87,3.31,2,4.95,3.92,4.95,5.93a2.49,2.49,0,0,0,.07.77h0c.09.09,0,.1.9-.14a2.61,2.61,0,0,0,.83-.32,3.69,3.69,0,0,0-.55-1.83A11.14,11.14,0,0,0,17,26.81a35.7,35.7,0,0,0-5.1-2.91C9.37,22.64,8.38,22,7.52,21.17a3.53,3.53,0,0,1-1.18-2.48c0-1.38.71-2.58,2.5-4.23,2.84-2.6,3.92-3.91,4.67-5.65a3.64,3.64,0,0,0,.42-2A3.37,3.37,0,0,0,13.61,5l-.32-.74.29-.48c.17-.27.37-.63.46-.8l.15-.3.44.64a5.92,5.92,0,0,1,1,2.81,5.86,5.86,0,0,1-.42,1.94c0,.12-.12.3-.15.4a9.49,9.49,0,0,1-.67,1.1,28,28,0,0,1-4,4.29C8.62,15.49,8.05,16.44,8,17.78a3.28,3.28,0,0,0,1.11,2.76c.95,1,2.07,1.74,5.25,3.32,3.64,1.82,5.22,2.9,6.41,4.38A4.78,4.78,0,0,1,21.94,31a3.21,3.21,0,0,0,.14.92,1.06,1.06,0,0,0,.43-.05l.83-.22.46-.12-.06-.46c-.21-1.53-1.62-3.25-3.94-4.8a37.57,37.57,0,0,0-5.22-2.82A13.36,13.36,0,0,1,11,21.19a3.36,3.36,0,0,1-.8-4.19c.41-.85.83-1.31,3.77-4.15,2.39-2.31,3.43-4.13,3.43-6a5.85,5.85,0,0,0-2.08-4.29c-.23-.21-.44-.43-.65-.65A2.5,2.5,0,0,1,15.27.69a10.6,10.6,0,0,1,2.91,2.78A4.16,4.16,0,0,1,19,6.16a4.91,4.91,0,0,1-.87,3c-.71,1.22-1.26,1.82-4.27,4.67a9.47,9.47,0,0,0-2.07,2.6,2.76,2.76,0,0,0-.33,1.54,2.76,2.76,0,0,0,.29,1.47c.57,1.21,2.23,2.55,4.65,3.73a32.41,32.41,0,0,1,5.82,3.24c2.16,1.6,3.2,3.16,3.2,4.8a1.94,1.94,0,0,0,.09.76,4.54,4.54,0,0,0,1.66-.4C27.29,31.42,27.29,31.37,27.14,30.86ZM6.1,7h0a3.77,3.77,0,0,1-1.46.45L4,7.51l.68-.83a25.09,25.09,0,0,0,3-4.82A12,12,0,0,1,8.28.76c.11-.12.77.32,1.53,1l.63.58-.57.84A10.34,10.34,0,0,1,6.1,7Zm5.71-1.78A9.77,9.77,0,0,1,9.24,7.18h0a5.25,5.25,0,0,1-1.17.28l-.58,0,.65-.78a21.29,21.29,0,0,0,2.1-3.12c.22-.41.42-.76.44-.79s.5.43.9,1.24L12,5ZM13.41,3a2.84,2.84,0,0,1-.45.64,11,11,0,0,1-.9-.91l-.84-.9.19-.45c.34-.79.39-.8,1-.31A9.4,9.4,0,0,1,13.8,2.33q-.18.34-.39.69Z" />
</svg>
<div class="grid">
<h5>RanchiMall</h5>
<h4>App name</h4>
<h4>Articles Economic System</h4>
</div>
</div>
<sm-input placeholder="Search" type="search"></sm-input>
@ -55,9 +92,9 @@
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Section Heading</h3>
<h3>Overview</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
All sustainable systems in the world have an economic system behind them; running a family, running a band and running a company.
</p>
</div>
<sm-menu align-options="right">
@ -68,27 +105,21 @@
</div>
<sm-carousel>
<div class="card">
<h3>Card</h3>
<h3>System valuation</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
$5000
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Number of tokens issued</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
1000
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Per token system valuation</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
</p>
</div>
<div class="card">
<h3>Card</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
$5
</p>
</div>
</sm-carousel>
@ -96,9 +127,9 @@
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Section Heading</h3>
<h3>Production valuation</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Production valuation is the measure of all the expenses that are going into the making and maintenance of the Article system. These include intern payments, server costs & marketing costs. We need a token representation of these costs to measure their value directly from the blockchain.
</p>
</div>
<sm-menu align-options="right">
@ -109,27 +140,21 @@
</div>
<sm-carousel>
<div class="card">
<h3>Card</h3>
<h3>Total valuation</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
$6000
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Server Costs</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
$120
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Marketing costs</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
</p>
</div>
<div class="card">
<h3>Card</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
$60
</p>
</div>
</sm-carousel>
@ -137,7 +162,118 @@
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Section Heading</h3>
<h3>Consumption valuation</h3>
<p>
Details on the consumption measurements of the system
</p>
</div>
<sm-menu align-options="right">
<menu-option>first option</menu-option>
<menu-option>second option</menu-option>
<menu-option>third option</menu-option>
</sm-menu>
</div>
<sm-carousel>
<div class="card">
<h3>Total Consumption valuation</h3>
<p>
$500
</p>
</div>
<div class="card">
<h3>Valuation per unit consumption</h3>
<p>
$20
</p>
</div>
<div class="card">
<h3>Total number of units consumed</h3>
<p>
25
</p>
</div>
</sm-carousel>
</section>
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Ownership tokens</h3>
<p>
Tokens given to the investors as
</p>
</div>
<sm-menu align-options="right">
<menu-option>first option</menu-option>
<menu-option>second option</menu-option>
<menu-option>third option</menu-option>
</sm-menu>
</div>
<sm-carousel>
<div class="card">
<h3>Number of investors</h3>
<p>
1
</p>
</div>
<div class="card">
<h3>Ownership tokens issued</h3>
<p>
300
</p>
</div>
<div class="card">
<h3>Total value</h3>
<p>
$1000
</p>
</div>
</sm-carousel>
</section>
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Reserve Pool</h3>
<p>
The finances with RanchiMall which will be used for the running costs of them system
</p>
</div>
<sm-menu align-options="right">
<menu-option>first option</menu-option>
<menu-option>second option</menu-option>
<menu-option>third option</menu-option>
</sm-menu>
</div>
<sm-carousel>
<div class="card">
<h3>Number of rupee#</h3>
<p>
100
</p>
</div>
<div class="card">
<h3>BTC</h3>
<p>
0.4
</p>
</div>
<div class="card">
<h3>ETH</h3>
<p>
0.2
</p>
</div>
<div class="card">
<h3>FLO</h3>
<p>
100
</p>
</div>
</sm-carousel>
</section>
<section class="section">
<div class="section__header">
<div class="grid">
<h3>Token Conversion</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
@ -150,27 +286,33 @@
</div>
<sm-carousel>
<div class="card">
<h3>Card</h3>
<h3>Smart Contracts used</h3>
<p>
4
</p>
</div>
<div class="card">
<h3>Address</h3>
<p>
12
</p>
</div>
<div class="card">
<h3>Deposit format</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Participation format</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
</p>
</div>
<div class="card">
<h3>Card</h3>
<h3>Last transactions</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
</p>
</div>
<div class="card">
<h3>Card</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, officia.
07c5667a491efaa1f027421018ec3c095bd484301ec360762c0ae663ac336c13
</p>
</div>
</sm-carousel>
@ -178,49 +320,7 @@
</article>
<script src="js/main_UI.js"></script>
<script src="js/components.min.js"></script>
<script id="floGlobals">
/* Constants for FLO blockchain operations !!Make sure to add this at begining!! */
const floGlobals = {
//Required for all
blockchain: "FLO",
//Required for blockchain API operators
apiURL: {
FLO: ['https://livenet.flocha.in/', 'https://flosight.duckdns.org/'
],
FLO_TEST: ['https://testnet-flosight.duckdns.org/', 'https://testnet.flocha.in/']
},
adminID: "FKAEdnPfjXLHSYwrXQu377ugN4tXU7VGdf",
sendAmt: 0.001,
fee: 0.0005,
//Required for Supernode operations
SNStorageID: "FNaN9McoBAEFUjkRmNQRYLmBF8SpS7Tgfk",
supernodes: {}, //each supnernode must be stored as floID : {uri:<uri>,pubKey:<publicKey>}
//for cloud apps
subAdmins: [],
application: "TEST_MODE",
appObjects: {},
generalData: {},
lastVC: {}
}
</script>
<script id="onLoadStartUp">
function onLoadStartUp() {
//floDapps.addStartUpFunction('Sample', Promised Function)
//floDapps.setAppObjectStores({sampleObs1:{}, sampleObs2:{options{autoIncrement:true, keyPath:'SampleKey'}, Indexes:{sampleIndex:{}}}})
//floDapps.setCustomPrivKeyInput( () => { FUNCTION BODY *must resolve private key* } )
floDapps.launchStartUp().then(result => {
console.log(result)
alert(`Welcome FLO_ID: ${myFloID}`)
//App functions....
}).catch(error => console.error(error))
}
</script>
<script id="init_lib" version="1.0.1">
//All util libraries required for Standard operations (DO NOT EDIT ANY)