The Hypemachine Help
Button Classes - these are automatically provisioned with the correct action.
| Wallet Connect Button |
.hypemachine-wallet-connect |
Connect Wallet |
| Wallet Login Button |
.hypemachine-wallet-login |
Wallet Login |
| Twitter Login Button |
.hypemachine-twitter-login |
|
| Discord Login Button |
.hypemachine-discord-login |
Discord Login |
| Logout Button |
.hypemachine-logout |
Logout |
Display Classes - automatically show and hide things.
| Wallet connected |
Show |
.hypemachine-connected-wallet-show |
Wallet Connected |
| |
Hide |
.hypemachine-connected-wallet-hide |
Wallet Not Connected |
| Logged in |
Show |
.hypemachine-loggedin-show |
Logged In |
| |
Hide |
.hypemachine-loggedin-hide |
Not Logged In |
| Logged in on Twitter |
Show |
.hypemachine-loggedin-twitter-show |
|
| |
Hide |
.hypemachine-loggedin-twitter-hide |
|
| Logged in on Discord |
Show |
.hypemachine-loggedin-discord-show |
Discord Logged In |
| |
Hide |
.hypemachine-loggedin-discord-hide |
Discord Not Logged In |
Text field selectors - automatically filled and updated.
.hypemachine-wallet-address |
|
.hypemachine-wallet-address-short |
|
.hypemachine-wallet-balance |
|
.hypemachine-status-code |
|
.hypemachine-status-message |
|
Global data structure
window.hypemachine = {
wallet: {
address: '',
address_short: '',
balance:
},
status: {
code: ,
message: ''
},
user: {
id: ,
name: '',
discord: {
provider_id: ,
name: '',
nickname: ''
},
twitter: {
provider_id: ,
name: '',
nickname: ''
},
}
};