BlockStorage/siadrive
Archived
1
0
Fork 0
Code Activity

Layout changes

Browse Source
This commit is contained in:
Scott E. Graves
2017-05-02 13:40:43 -05:00
parent 16c168183d
commit ce6769083f
1 changed files with 47 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
htdocs/index.html
View File

@@ -7,11 +7,56 @@
<script src="js/index.js"></script> <script src="js/index.js"></script>
</head> </head>
<body> <body>
<h1 class="digital app-header" id="ID_SiaDrive" style="max-height: 7vh;"></h1> <h1 class="digital app-header" id="ID_SiaDrive" style="height: 6vh;"></h1>
<div id="main_window" style="height: 93vh;"></div> <div id="main_window" style="height: 93vh;"></div>
<div class="hidden-element" id="offline_window" style="height: inherit;">
<div style="display: flex; flex-direction: column; height: inherit;">
<div class="box" style="flex-grow: 0;">
<h1>Connecting</h1>
<p>Waiting to establish connection to Sia</p>
</div>
<div class="box" style="flex-grow: 1; display: flex; align-items: center;">
<img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
</div>
</div>
</div>
<div class="hidden-element" id="unlock_window">
<div class="box">
<h1>Unlock Wallet</h1>
<p>Enter wallet password and click 'Unlock' to continue.</p>
<input type="password" id="ID_WalletUnlockPwd" style="width: 100%;"/><br>
<button style="margin-top: 5px;" id="ID_UnlockWalletButton">Unlock</button>
</div>
</div>
<div class="hidden-element" id="unlocking_window" style="height: inherit;">
<div style="display: flex; flex-direction: column; height: inherit;">
<div class="box" style="flex-grow: 0;">
<h1>Unlocking Wallet</h1>
<p>This may take several minutes, so please be patient.</p>
</div>
<div class="box" style="flex-grow: 1; display: flex; align-items: center;">
<img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
</div>
</div>
</div>
<div class="hidden-element" id="create_window">
<div class="box">
<h1>Create New Wallet</h1>
<p>Click 'Create' to create a new Sia wallet or exit the application if this is not what you want to do.</p>
<button id="ID_CreateWalletButton">Create</button>
</div>
</div>
<div class="hidden-element" id="wallet_created_window">
<div class="box">
<h1>Wallet Seed</h1>
<p>Please backup your generated wallet seed in a safe place. The seed is required to unlock your wallet and you will loose everything if this is lost. Click 'OK' when you are ready.</p>
<textarea style="width: 100%"; rows="3" id="ID_WalletSeed"></textarea>
<button id="ID_WalletCreatedButton">OK</button>
</div>
</div>
<div class="hidden-element" id="app_window"> <div class="hidden-element" id="app_window">
<div class="box" id="general_info"> <div class="box" id="general_info">
<h1>Sia Information <a href="javascript:void(0)" id="ID_Sia_Settings_Edit">settings</a></h1> <h1>Sia Information <a href="javascript:void(0)" id="ID_Sia_Settings_Edit">settings</a></h1>
<div style="float: right;"> <div style="float: right;">
<table> <table>
<tr> <tr>
@@ -112,51 +157,6 @@
</table> </table>
</div> </div>
</div> </div>
<div class="hidden-element" id="unlock_window">
<div class="box">
<h1>Unlock</h1>
<p>Enter wallet password and click 'Unlock' to continue.</p>
<input type="password" id="ID_WalletUnlockPwd" style="width: 100%"/><br>
<button style="margin-top: 5px;" id="ID_UnlockWalletButton">Unlock</button>
</div>
</div>
<div class="hidden-element" id="wallet_created_window">
<div class="box">
<h1>Wallet Seed</h1>
<p>Please backup your generated wallet seed in a safe place. The seed is required to unlock your wallet and you will loose everything if this is lost. Click 'OK' when you are ready.</p>
<textarea style="width: 100%"; rows="3" id="ID_WalletSeed"></textarea>
<button id="ID_WalletCreatedButton">OK</button>
</div>
</div>
<div class="hidden-element" id="unlocking_window">
<div class="box">
<h1>Unlocking Wallet</h1>
<p>This may take several minutes, so please be patient.</p>
</div>
<div class="box" style="padding: 0; margin-bottom: 0;">
<div class="fill">
<img style="opacity: 0.35; max-width: 181px; max-height: 103px; border-radius: 10px; display: inline-block; margin: auto auto;" src="./images/startup.gif">
</div>
</div>
</div>
<div class="hidden-element" id="create_window">
<div class="box">
<h1>Create New Wallet</h1>
<p>Click 'Create' to create a new Sia wallet or exit the application if this is not what you want to do.</p>
<button id="ID_CreateWalletButton">Create</button>
</div>
</div>
<div class="hidden-element" id="offline_window" style="height: inherit;">
<div style="display: flex; flex-direction: column; height: inherit;">
<div class="box" style="flex-grow: 0;">
<h1>Connecting</h1>
<p>Waiting to establish connection to Sia</p>
</div>
<div class="box" style="flex-grow: 1; display: flex; align-items: center;">
<img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
</div>
</div>
</div>
<div class="hidden-element" id="renter_settings_window"> <div class="hidden-element" id="renter_settings_window">
<div class="box" id="renter_settings"> <div class="box" id="renter_settings">
<h1>Buy storage on the Sia Decentralized Network</h1> <h1>Buy storage on the Sia Decentralized Network</h1>