Luisa Bider luptilu
luptilu
/ using_predefined_variables
Created
April 20, 2023 09:15
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
| interest_rate = q_4 / 100 | |
| monthly_interest_rate = [interest_rate] / 12 |
luptilu
/ google_apps_script.js
Created
April 16, 2023 09:10
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
| // YOU CAN CHANGE THE NAME OF YOUR | |
| // DATA COLLECTION SHEET HERE ↙ | |
| const SHEET_NAME = "responses"; | |
| // Globals. | |
| let document_properties; | |
| const expected_hosts = [ | |
| "/template/1/embed/", | |
| "flourish-user-templates.com", |
luptilu
/ custom-youtube-video.html
Created
July 26, 2021 12:45
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
| <iframe width="560" height="315" src="{{Video}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
| <div class="primary"> | |
| <h1 class="title">{{[Webinar topic]}}</h1> | |
| </div> | |
| </div> |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
luptilu
/ custom-charts-in-panel-percentage.html
Created
May 11, 2021 16:19
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
| <div id='data-panel'> | |
| <ul style='width: 100%;'> | |
| <strong><span style='color:{{Colourwinning}}'> | |
| {{winningparty}}</span></strong><br><br> | |
| <b>2016 vote share</b><br> | |
| <li> <span class='party-name'>Dem</span> <span class='party-bar' | |
| style='width: {{voteDem2016_pct}}; background-color: #0f69ff;'></span> <span class='party-value' | |
| style='color: #0f69ff;'>{{voteDem2016_pct}}</span> </li> | |
| <li> <span class='party-name'>Rep</span> <span class='party-bar' | |
| style='width: {{voteRep2016_pct}}; background-color: #eb0f29;'> </span> <span class='party-value' |
luptilu
/ custom-charts-in-popups.html
Created
May 11, 2021 16:17
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
| <div id='data-popup'> | |
| <ul style='width: 140px;'> | |
| <strong><span style='color:{{Colourwinning}}'>{{winningparty}}</span></strong><br><br> | |
| <b>2016 vote share</b><br> | |
| <li> <span class='party-name'>Dem</span> <span class='party-bar' | |
| style='width: {{voteDem2016_pct}}; background-color: #0f69ff;'></span> <span class='party-value' | |
| style='color: #0f69ff;'>{{voteDem2016_pct}}</span> </li> | |
| <li> <span class='party-name'>Rep</span> <span class='party-bar' | |
| style='width: {{voteRep2016_pct}}; background-color: #eb0f29;'> </span> <span class='party-value' | |
| style='color:#eb0f29;'>{{voteRep2016_pct}}</span> </li> |
luptilu
/ custom-charts-in-panel-popup.html
Created
May 11, 2021 16:14
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
| <figure> | |
| <div class="chart"> | |
| <ul style='width: 100%'> | |
| <li> | |
| <div class='party-name'>Legal Framework</div> <span class='party-bar' | |
| style='width: calc({{Legal Framework}}*8%);'></span> <span class='party-value'>{{Legal | |
| Framework}}</span> | |
| </li> | |
| <li> | |
| <div class='party-name'>Skills Penetration</div> <span class='party-bar' |
luptilu
/ my-layout.html
Created
May 7, 2021 09:38
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
| <div style="font-size:0.9em; margin-top: 6px;"> | |
| <div style="float: left; margin-right:10px;"><b>Category</b></div> | |
| <div style="background-color:#2db757; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> | |
| <div style="margin-right:10px; float:left">Environment</div> | |
| <div style="background-color:#750e5c; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> | |
| <div style="margin-right:10px; float:left">Societal</div> | |
| <div style="background-color:#ff6d00; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> |
luptilu
/ fake-legend.html
Created
May 6, 2021 16:40
This code lets you create a legend to paste into the Layout > Text settings in Flourish.
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
| <div style="font-size:0.9em; margin-top: 6px;"> | |
| <div style="float: left; margin-right:10px;"><b>Category</b></div> | |
| <div style="background-color:#2db757; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> | |
| <div style="margin-right:10px; float:left">Environment</div> | |
| <div style="background-color:#750e5c; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> | |
| <div style="margin-right:10px; float:left">Societal</div> | |
| <div style="background-color:#ff6d00; float:left; width:10px; height:17px; margin-right:3px; border-radius: 3px"> | |
| </div> |
luptilu
/ table-layout.html
Last active
April 26, 2021 13:45
Embedding a table layout in your panels
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
| <figure> | |
| <h1 class="country">{{location}}</h1> | |
| <div class="chart"> | |
| <iframe src="https://flo.uri.sh/visualisation/5266491/embed"></iframe> | |
| </div> | |
| <div class="sections"> | |
| <div class="section"> | |
| <h2>Health</h2> |
NewerOlder