This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Layer with default states and styles | |
coinRow = new Layer | |
parent: list.content | |
width: Screen.width | |
height: 100 | |
# ... | |
# States of a layer | |
coinRow.states = | |
hidden: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Getting data from the CoinMarketCap API | |
coins = JSON.parse Utils.domLoadDataSync 'https://api.coinmarketcap.com/v1/ticker/' | |
# Loop through all coins | |
for coin, index in coins | |
# Extracting values stored in the coin object | |
{name, id, symbol, price_usd : price} = coin | |
# Create a Layer for each coin |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Create a coinRow component | |
coinRow = new Layer | |
parent: list.content | |
width: Screen.width | |
height: 100 | |
y: 101 * index | |
backgroundColor: '#DDDDDD' | |
# Showing the name with a TextLayer | |
coinName = new TextLayer |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Getting data from the CoinMarketCap API | |
coins = JSON.parse Utils.domLoadDataSync 'https://api.coinmarketcap.com/v1' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Create a Scroll componnent named list, that will wrap all coinRows | |
list = new ScrollComponent | |
width: Screen.width | |
height: Screen.height | |
# Set the backgrond color for the scroll content | |
list.content.backgroundColor = '#FFFFFF' | |
# Remove scroll horizontal option in the scroll component | |
list.scrollHorizontal = false |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
qp qp | |
"" "" | |
.g8"""bgd `7MMF' `7MMF'`7MM"""YMM MMP""MM""YMM .p8"""8q.;" `7MMF' A `7MF'`7MN. `7MF' | |
.dP' `M MM MM MM `7 P' MM `7 6M' XMp `MA ,MA ,V MMN. M | |
dM' ` MM MM MM d MM 6MP ;" YMb VM: ,VVM: ,V M YMb M | |
MM MMmmmmmmMM MMmmMM MM 8MI ,/' IM8 MM. M' MM. M' M `MN. M | |
MM. `7MMF' MM MM MM Y , MM YMb ;" dM9 `MM A' `MM A' M `MM.M | |
`Mb. MM MM MM MM ,M MM YMX ,M9 :MM; :MM; M YMM | |
`"bmmmdPY .JMML. .JMML..JMMmmmmMMM .JMML. ;"`"bmmmd"' VF VF .JML. YM |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
███████╗██████╗ ██╗ ██╗███████╗ ██████╗ ██████╗ ███╗ ███╗ ██████╗ ██████╗ | |
██╔════╝██╔══██╗██║ ██╔╝██╔════╝██╔════╝██╔═══██╗████╗ ████║ ██╔══██╗██╔══██╗ | |
█████╗ ██║ ██║█████╔╝ █████╗ ██║ ██║ ██║██╔████╔██║ ██████╔╝██████╔╝ | |
██╔══╝ ██║ ██║██╔═██╗ ██╔══╝ ██║ ██║ ██║██║╚██╔╝██║ ██╔══██╗██╔══██╗ | |
███████╗██████╔╝██║ ██╗██║██╗ ╚██████╗╚██████╔╝██║ ╚═╝ ██║██╗██████╔╝██║ ██║ | |
╚══════╝╚═════╝ ╚═╝ ╚═╝╚═╝╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝╚═════╝ ╚═╝ ╚═╝ | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
_ _ _ | |
| |__ __ _| | __ _ ___ ___ | |__ __ _ ___ ___ | |
| '_ \ / _` | |/ _` |/ __/ _ \| '_ \ / _` | / __/ _ \ | |
| |_) | (_| | | (_| | (_| (_) | |_) | (_| || (_| (_) | | |
|_.__/ \__,_|_|\__,_|\___\___/|_.__/ \__,_(_)___\___/ | |
--> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Console Tricks!</title> | |
</head> | |
<body> | |
<p onClick="makeGreen()">×BREAK×DOWN×</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.squared-wrapper { | |
position: relative; | |
&::before { | |
content: ''; | |
display: block; | |
padding-bottom: 100%; | |
} | |
} |