Skip to content

Instantly share code, notes, and snippets.

@kironroy

kironroy/covid.html

Created May 25, 2020 20:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kironroy/6dfc3a7f1ef2ed6c4f8459a4c12c3752 to your computer and use it in GitHub Desktop.
Save kironroy/6dfc3a7f1ef2ed6c4f8459a4c12c3752 to your computer and use it in GitHub Desktop.
Download ZIP
covid react page
Raw
covid.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="https://kironroy.github.io/apple-touch-icon.png" rel="apple-touch-icon" />
<link href="https://kironroy.github.io/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="https://kironroy.github.io/apple-touch-icon-167x167.png" rel="apple-touch-icon" sizes="167x167" />
<link href="https://kironroy.github.io/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="https://kironroy.github.io/icon-hires.png" rel="icon" sizes="192x192" />
<link href="https://kironroy.github.io/icon-normal.png" rel="icon" sizes="128x128" />
<script src="jquery-3.4.1.min.js"></script>
<title>Coronavirus Index</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet' href='https://bootswatch.com/4/superhero/bootstrap.css'>
<style>
@import url('https://fonts.googleapis.com/css?family=Heebo:300&display=swap');
body {
font-weight: 400;
font-size: 18px;
max-width: 1024px;
padding: 21px;
margin: 10px auto;
-background-color: #ffffff;
color: #ffffff;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.button {
background-color: #4CAF50;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border-radius: 6px;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
a {
color: #1a252f;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
a:visited {
color: #00e;
}
a:hover {
color: #f0dba5;
}
p {
margin-bottom: 50px;
}
li {
padding: 5px;
}
input {
margin-left: 25px;
margin-bottom: 25px;
padding: 5px;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
-box-sizing: border-box;
background-color: #f0dba5;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 6px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
h1,
h4 {
margin-left: 23px;
}
p {
margin-left: 23px;
line-height: 1.5;
}
</style>
<script>
window.console = window.console || function (t) {};
</script>
<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>
</head>
<body translate="no">
<center>
<a href="http://kironroy.github.io/projects"><img alt="Kiron Roy Logo" src="new_logo_sm2.svg"
style="width:90px;height:90px;"></a>
</center>
<br>
<br>
<a id="home"></a>
<h1>COVID-19 Coronavirus Guide</h1>
<br>
<h4><SPAN STYLE="color: #4CAF50"><u>README:</u></h4></SPAN>
<p>
23 March 2020. I started this Coronavirus guide as
a mental exercise of hand written bullet points.
It is now a
living document.
</p>
<p>
There many interelated issues and connections that are related to the Coronavirus.
<SPAN STYLE="color: #ffffcc"><strong>That is why the search field is so important.</strong></SPAN>
Use it to type a partial query like: cont (Contagion), or pas (for pasta),
<br>
<br>
List below of other key terms, names:
<ul>
<li>WHO</li>
<li>Index</li>
<li>Pathogen</li>
<li>Toliet Tissue</li>
<li>Anthony Fauci</li>
...
</ul>
</p>
<div id="content"></div>
<script
src="https://static.codepen.io/assets/common/stopExecutionOnTimeout-db44b196776521ea816683afab021f757616c80860d31da6232dedb8d7cc4862.js">
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.min.js'></script>
<script id="rendered-js">
// Thank you: Marek Melichar
// Thank you: https://codepen.io/marekmelichar/pen/ORyyda
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
class SearchExample extends React.Component {
constructor(...args) {
super(...args);
_defineProperty(this, "state",
{
searchString: ''
});
_defineProperty(this, "handleChange",
e => {
this.setState({
searchString: e.target.value
});
});
}
render() {
var libraries = this.props.items,
searchString = this.state.searchString.trim().toLowerCase();
if (searchString.length > 0) {
libraries = libraries.filter(function (i) {
return i.name.toLowerCase().match(searchString);
});
}
return (
React.createElement("div", null,
React.createElement("input", {
type: "text",
value: this.state.searchString,
onChange: this.handleChange,
placeholder: "Type here..."
}),
React.createElement("ul", null,
libraries.map(function (i) {
return React.createElement("li", null, i.name, " ", React.createElement("a", {
href: i.url
}, i.url));
}))));
}
}
// Constant, library
var libraries = [
{
name: 'The New Silk Road, Part 1: From China to Pakistan | DW Documentary: ',
url: 'https://www.youtube.com/watch?v=cUxw9Re-Z-E'
},
{
name: 'The New Silk Road, Part 2: From Kyrgyzstan to Duisburg, China | DW Documentary: ',
url: 'https://www.youtube.com/watch?v=QyeBxcvUJIU'
},
{
name: 'Economy, Small Business New York Times: ',
url: 'https://www.nytimes.com/2020/03/15/business/economy/coronavirus-economy-impact.html'
},
{
name: 'Senate Insider Trading Scandal, Stock Market, Wall Street: ',
url: 'https://www.bbc.com/news/world-us-canada-51976484'
},
{
name: 'Economy, Macro, Small Business, Liquidity Crisis: ',
url: 'https://www.investopedia.com/terms/l/liquidity-crisis.asp'
},
{
name: 'The Message from Vega - Contact (1997), Science, Scientists, Poison: ',
url: 'https://www.youtube.com/watch?v=rYzc_H9cgqM'
},
{
name: 'Betsy DeVos Secretary of Education during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Eugene_Scalia'
},
{
name: 'Eugene Scalia, Labor United States Secretary of Labor during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Betsy_DeVos'
},
{
name: 'Economy, Macro, Small Business, Liquidity Solvency Crisis: ',
url: 'https://www.economicshelp.org/blog/5043/economics/difference-between-liquidity-crisis-and-solvency-crisis/'
},
{
name: 'Stock Market Plunge, Coronavirus, Wall Street Journal: ',
url: 'https://www.wsj.com/livecoverage/coronavirus'
},
{
name: 'Black Monday (1987), Stock Market, Wall Street, Economy: ',
url: 'https://en.wikipedia.org/wiki/Black_Monday_(1987)'
},
{
name: 'Deep Fake, Toronto, New York Times, NYT, Dessa: ',
url: 'https://www.nytimes.com/2019/11/22/the-weekly/deepfake-joe-rogan.html'
},
{
name: 'Deep Fake, Toronto, Dessa, Company Web Site: ',
url: 'https://www.dessa.com/'
},
{
name: 'Centers for Disease Control and Prevention, CDC: ',
url: 'https://www.cdc.gov/'
},
{
name: 'Six Feet Distance, 6 feet, Social Distancing',
url: 'https://www.insider.com/social-distance-six-feet-photos-2020-3'
},
{
name: 'Wet Market: ',
url: 'https://en.wikipedia.org/wiki/Wet_market'
},
{
name: 'Wuhan, China: ',
url: 'https://en.wikipedia.org/wiki/Wuhan'
},
{
name: '2019–20 coronavirus pandemic, Wuhan: ',
url: 'https://en.wikipedia.org/wiki/2019%E2%80%9320_coronavirus_pandemic'
},
{
name: 'Index case, patient: ',
url: 'https://en.wikipedia.org/wiki/Index_case'
},
{
name: 'Price Gouging, Toliet Tissue: ',
url: 'https://www.nbcdfw.com/news/coronavirus/texas-attorney-general-warns-against-price-gouging-scams/2336162/'
},
{
name: 'There Are No Libertarians in an Epidemic, No Atheists in Foxholes: ',
url: 'https://www.theatlantic.com/politics/archive/2020/03/trump-socialism-and-coronavirus-epidemic/607681/'
},
{
name: 'Libertarian Press Release on COVID-19: ',
url: 'https://www.lp.org/libertarian-press-release-on-covid-19/'
},
{
name: 'Libertarian, COVID-19, Response: ',
url: 'https://theweek.com/articles/901738/what-libertarians-response-coronavirus'
},
{
name: 'Personal Protective Equipment, PPE, Masks, Gloves: ',
url: 'https://medlineplus.gov/ency/patientinstructions/000447.htm'
},
{
name: 'Geographic Information System, GIS: ',
url: 'https://www.esri.com/en-us/what-is-gis/overview'
},
{
name: 'Western supply chains buckle as coronavirus lockdowns spread, economy: ',
url: 'https://www.reuters.com/article/us-health-coronavirus-freight/western-supply-chains-buckle-as-coronavirus-lockdowns-spread-idUSKBN21A2PB'
},
{
name: 'Pathogen, Viruses, Bacteria, Parasites, Diseases caused by pathogens: ',
url: 'https://www.healthline.com/health/what-is-a-pathogen#types'
},
{
name: 'Anthony Fauci, Doctor, Physician: ',
url: 'https://en.wikipedia.org/wiki/Anthony_Fauci'
},
{
name: 'Eisenhower, Ike, Farwell, Military-Industrial Complex: ',
url: 'https://www.youtube.com/watch?v=OyBNmecVtdU&list=WL&index=19&t=0s'
},
{
name: 'Lijian Zhao 赵立坚 (@zlj517) | Twitter, Foreign Ministry, China, Chinese: ',
url: 'https://twitter.com/zlj517'
},
{
name: 'Pompeo, China, Russia, Iran, Disinformation, Coronavirus: ',
url: 'https://thehill.com/policy/national-security/488659-pompeo-says-china-russia-iran-are-spreading-disinformation-about'
},
{
name: 'Michael, Mike, Richard Pompeo, Secretary of state , during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Mike_Pompeo'
},
{
name: 'Gina Haspel, CIA, Central Intelligence Agency, during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Director_of_the_Central_Intelligence_Agency'
},
{
name: 'Christopher, Chris Asher Wray, Federal Bureau of Investigation, FBI, during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Christopher_A._Wray'
},
{
name: 'Seema Verma, CMS, Centers for Medicare & Medicaid Services, during Coronavirus: ',
url: 'https://en.wikipedia.org/wiki/Seema_Verma'
},
{
name: 'Pasta, Italy: ',
url: 'https://qz.com/1811768/coronavirus-lockdown-ignites-an-old-italian-debate-its-about-pasta-of-course/'
},
{
name: 'Italy, New York Times, NYT: ',
url: 'https://www.nytimes.com/2020/03/12/world/europe/12italy-coronavirus-health-care.html'
},
{
name: 'Spring Breakers, Florida: ',
url: 'https://nypost.com/2020/03/23/spring-breakers-from-university-of-tampa-test-positive-for-coronavirus/'
},
{
name: 'Xenophobia, Racism, Chinese, China, Asian: ',
url: 'https://en.wikipedia.org/wiki/List_of_incidents_of_xenophobia_and_racism_related_to_the_2019%E2%80%9320_coronavirus_pandemic'
},
{
name: 'Ventilator: ',
url: 'https://en.wikipedia.org/wiki/Ventilator'
},
{
name: '2020 Presidential, Candidates, Democrats, Republicans: ',
url: 'https://www.nytimes.com/interactive/2019/us/politics/2020-presidential-candidates.html'
},
{
name: 'Spanish Flu, Influenza, Misnomer 1918: ',
url: 'https://en.wikipedia.org/wiki/Spanish_flu'
},
{
name: 'ArcGIS, GIS, Geographic Information Systems: ',
url: 'https://gisanddata.maps.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6'
},
{
name: 'Google, GIS, Geographic Information Systems: ',
url: 'https://google.org/crisisresponse/covid19-map'
},
{
name: 'COVID‑19 Information & Resources, Google: ',
url: 'https://www.google.com/covid19/'
},
{
name: 'REACTION & ANALYSIS: Bill Gates Sponsored "Event 201": ',
url: 'https://www.youtube.com/watch?v=Qk6jPQPcY2A&list=WL&index=35&t=0s'
},
{
name: 'Contagion 2011, film, movie: ',
url: 'https://en.wikipedia.org/wiki/Contagion_(2011_film)'
},
{
name: 'Google, Facebook, Silicon Valley, Donate: ',
url: 'https://www.cnbc.com/2020/03/07/facebook-google-giving-cash-to-communities-affected-by-coronavirus-cancellations.html'
},
{
name: '2008 Financial Crisis, Economy, Wall Street, Housing Bubble : ',
url: 'https://en.wikipedia.org/wiki/Financial_crisis_of_2007%E2%80%9308'
},
{
name: 'Flattening the curve: ',
url: '//https://www.livescience.com/coronavirus-flatten-the-curve.html'
},
{
name: 'Big Pharma, Pharmaceutical Conspiracy: ',
url: 'https://en.wikipedia.org/wiki/Big_Pharma_conspiracy_theory'
},
{
name: 'News, Media, Concentration: ',
url: 'https://en.wikipedia.org/wiki/Concentration_of_media_ownership'
},
{
name: 'Simpsons: ',
url: 'https://www.youtube.com/watch?v=PjYZ0gAgGeE&list=WL&index=24'
},
{
name: 'Big Pharma, Pharmaceutical, Pricing: ',
url: 'https://theintercept.com/2020/03/13/big-pharma-drug-pricing-coronavirus-profits/'
},
{
name: 'Agenda 2030, UN, United Nations: ',
url: 'https://sustainabledevelopment.un.org/post2015/transformingourworld/publication'
},
{
name: 'Patriot Act, Department of Justice: ',
url: 'https://www.justice.gov/archive/ll/highlights.htm'
},
{
name: 'David Icke Corona Virus',
url: 'https://www.youtube.com/watch?v=gMTZu6_TjU8'
},
{
name: 'Other Crises:',
url: 'https://www.thenewhumanitarian.org/2020/03/20/Coronavirus-Cameroon-Iraq-refugees-displaced-Burkina-Faso-militancy-South-Africa-xenophobia'
},
{
name: 'Agenda 2030, UN, United Nations, Rosa Koire: ',
url: 'https://www.youtube.com/watch?v=3PrY7nFbwAY&list=WL&index=22&t=0s'
},
{
name: 'Agenda 2030, UN, United Nations, Rosa Koire: ',
url: 'https://londonreal.tv/the-coronavirus-conspiracy-how-covid-19-will-seize-your-rights-destroy-our-economy-david-icke/'
},
{
name: 'Higer Suicide Rates, COVID-19, Domestic Violence: ',
url: 'https://www.reuters.com/investigates/special-report/health-coronavirus-usa-cost/'
},
{
name: 'Cashless Society: ',
url: 'https://smallcaps.com.au/coronavirus-could-speed-up-introduction-cashless-society/'
},
{
name: 'Cashless Society Dream: ',
url: 'https://internationalman.com/articles/the-worlds-first-cashless-society-is-here-a-totalitarians-dream-come-true/'
},
{
name: 'India, Day 1: World’s Largest Coronavirus Lockdown Begins ',
url: 'https://www.nytimes.com/2020/03/25/world/asia/india-lockdown-coronavirus.html'
},
{
name: 'One World Government, Markets, Crisis, Public Health, WHO, China: ',
url: 'https://mises.org/power-market/does-coronavirus-make-case-world-government'
},
{
name: 'Bat, Bat Soup: ',
url: 'https://www.health.com/condition/infectious-diseases/coronavirus-bat-soup'
},
{
name: 'Government Track, Congress, Legislation: ',
url: 'https://www.govtrack.us/covid-19'
},
{
name: 'Lijian Zhao, Conspiracy Theory, China, Chinese: ',
url: 'https://www.bloomberg.com/news/articles/2020-03-13/chinese-official-pushes-conspiracy-theory-u-s-army-behind-virus'
},
{
name: 'COVID-19, the ACA, and the Role of the Federal Government: ',
url: 'https://www.theusconstitution.org/blog/covid-19-the-aca-and-the-role-of-the-federal-government/'
},
{
name: 'Social Distancing, Self-Quarantine: ',
url: 'https://www.hopkinsmedicine.org/health/conditions-and-diseases/coronavirus/coronavirus-social-distancing-and-self-quarantine'
},
{
name: 'Epidemic, Pandemic: ',
url: 'https://health.usnews.com/conditions/articles/whats-the-difference-between-an-epidemic-and-pandemic'
},
{
name: 'Freddie Mac, Economy, Fannie Mae, 2020: ',
url: 'https://www.housingwire.com/articles/fannie-mae-freddie-mac-relax-appraisal-employment-verification-standards-in-wake-of-coronavirus/'
},
{
name: 'Dean Ray Koontz, Wuhan, Bioweapon, The Eyes of Darkness: ',
url: 'https://en.wikipedia.org/wiki/The_Eyes_of_Darkness'
},
{
name: 'Freddie Mac, Economy, Fannie Mae, 2008: ',
url: 'https://www.investopedia.com/articles/economics/08/fannie-mae-freddie-mac-credit-crisis.asp'
},
{
name: 'Consumer, Prices, Rising, Costs, Inflation: ',
url: 'https://www.reuters.com/article/us-usa-economy-inflation/rising-food-costs-lift-u-s-consumer-prices-coronavirus-to-weigh-on-inflation-idUSKBN20Y1U7'
},
{
name: 'Bill Gates, Outbreak, Pandemic: ',
url: 'https://www.youtube.com/watch?v=6Af6b_wyiwI'
},
{
name: 'Tedros Adhanom, WHO, World Health Organization: ',
url: 'https://en.wikipedia.org/wiki/Tedros_Adhanom'
},
];
// put input and display on page
React.render(
React.createElement(SearchExample, {
items: libraries
}),
document.getElementById('content'));
//# sourceURL=pen.js
</script>
<script>
/*Scroll to top when arrow up clicked BEGIN*/
$(window).scroll(function () {
var height = $(window).scrollTop();
if (height > 100) {
$('#back2Top').fadeIn();
} else {
$('#back2Top').fadeOut();
}
});
$(document).ready(function () {
$("#back2Top").click(function (event) {
event.preventDefault();
$("html, body").animate({
scrollTop: 0
}, "slow");
return false;
});
});
/*Scroll to top when arrow up clicked END*/
</script>
<center>
<a href="#home" class="button">Go back to top</a>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment