From 5be54818a1baea2c617bf883bb9bee0ffc2b8e2f Mon Sep 17 00:00:00 2001 From: Nico Melone Date: Thu, 4 Nov 2021 21:07:56 -0500 Subject: [PATCH] added all parks --- src/App.css | 33 +++++---------------------- src/App.js | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 69 insertions(+), 28 deletions(-) diff --git a/src/App.css b/src/App.css index 74b5e05..06d8c68 100644 --- a/src/App.css +++ b/src/App.css @@ -1,38 +1,17 @@ .App { - text-align: center; + text-align: left; } -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} .App-header { - background-color: #282c34; + background-color: #242435; min-height: 100vh; display: flex; flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); + align-items: left; + justify-content: left; + font-size: 1.5rem; color: white; } -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} +tr:nth-child(even) {background-color: #2f3038;} \ No newline at end of file diff --git a/src/App.js b/src/App.js index 26b1c4c..ecc636b 100644 --- a/src/App.js +++ b/src/App.js @@ -17,7 +17,69 @@ function Parkrow(park){ } const parks = { - 1:{"name": "Acadia", "url": "https://en.wikipedia.org/wiki/Acadia_National_Park", "location": "Maine", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=44.35_N_68.21_W_type:landmark&title=Acadia"} + 1:{"name": "Acadia", "url": "https://en.wikipedia.org/wiki/Acadia_National_Park", "location": "Maine", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=44.35_N_68.21_W_type:landmark&title=Acadia"}, + 2:{"name": "American Samoa", "url": "https://en.wikipedia.org/wiki/National_Park_of_American_Samoa", "location": "American Samoa", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=14.25_S_170.68_W_type:landmark&title=National+Park+of+American+Samoa"}, + 3:{"name": "Arches", "url": "https://en.wikipedia.org/wiki/Arches_National_Park", "location": "Utah", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.68_N_109.57_W_type:landmark&title=Arches"}, + 4:{"name": "Badlands", "url": "https://en.wikipedia.org/wiki/Badlands_National_Park", "location": "South Dakota", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=43.75_N_102.5_W_type:landmark&title=Badlands"}, + 5:{"name": "Big Bend", "url": "https://en.wikipedia.org/wiki/Big_Bend_National_Park", "location": "Texas", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=29.25_N_103.25_W_type:landmark&title=Big+Bend"}, + 6:{"name": "Biscayne", "url": "https://en.wikipedia.org/wiki/Biscayne_National_Park", "location": "Florida", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=25.65_N_80.08_W_type:landmark&title=Biscayne"}, + 7:{"name": "Black Canyon of the Gunnison", "url": "https://en.wikipedia.org/wiki/Black_Canyon_of_the_Gunnison_National_Park", "location": "Colorado", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.57_N_107.72_W_type:landmark&title=Black+Canyon+of+the+Gunnison"}, + 8:{"name": "Bryce Canyon", "url": "https://en.wikipedia.org/wiki/Bryce_Canyon_National_Park", "location": "Utah", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.57_N_112.18_W_type:landmark&title=Bryce+Canyon"}, + 9:{"name": "Canyonlands", "url": "https://en.wikipedia.org/wiki/Canyonlands_National_Park", "location": "Utah", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.2_N_109.93_W_type:landmark&title=Canyonlands"}, + 10:{"name": "Capitol Reef", "url": "https://en.wikipedia.org/wiki/Capitol_Reef_National_Park", "location": "Utah", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.2_N_111.17_W_type:landmark&title=Capitol+Reef"}, + 11:{"name": "Carlsbad Caverns", "url": "https://en.wikipedia.org/wiki/Carlsbad_Caverns_National_Park", "location": "New Mexico", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=32.17_N_104.44_W_type:landmark&title=Carlsbad+Caverns"}, + 12:{"name": "Channel Islands", "url": "https://en.wikipedia.org/wiki/Channel_Islands_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=34.01_N_119.42_W_type:landmark&title=Channel+Islands"}, + 13:{"name": "Congaree", "url": "https://en.wikipedia.org/wiki/Congaree_National_Park", "location": "South Carolina", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=33.78_N_80.78_W_type:landmark&title=Congaree"}, + 14:{"name": "Crater Lake", "url": "https://en.wikipedia.org/wiki/Crater_Lake_National_Park", "location": "Oregon", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=42.94_N_122.1_W_type:landmark&title=Crater+Lake"}, + 15:{"name": "Cuyahoga Valley", "url": "https://en.wikipedia.org/wiki/Cuyahoga_Valley_National_Park", "location": "Ohio", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=41.24_N_81.55_W_type:landmark&title=Cuyahoga+Valley"}, + 16:{"name": "Death Valley", "url": "https://en.wikipedia.org/wiki/Death_Valley_National_Park", "location": "California, Nevada", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=36.24_N_116.82_W_type:landmark&title=Death+Valley"}, + 17:{"name": "Denali", "url": "https://en.wikipedia.org/wiki/Denali_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=63.33_N_150.5_W_type:landmark&title=Denali"}, + 18:{"name": "Dry Tortugas", "url": "https://en.wikipedia.org/wiki/Dry_Tortugas_National_Park", "location": "Florida", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=24.63_N_82.87_W_type:landmark&title=Dry+Tortugas"}, + 19:{"name": "Everglades", "url": "https://en.wikipedia.org/wiki/Everglades_National_Park", "location": "Florida", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=25.32_N_80.93_W_type:landmark&title=Everglades"}, + 20:{"name": "Gates of the Arctic", "url": "https://en.wikipedia.org/wiki/Gates_of_the_Arctic_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=67.78_N_153.3_W_type:landmark&title=Gates+of+the+Arctic"}, + 21:{"name": "Gateway Arch", "url": "https://en.wikipedia.org/wiki/Gateway_Arch_National_Park", "location": "Missouri", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.63_N_90.19_W_type:landmark&title=Gateway+Arch"}, + 22:{"name": "Glacier", "url": "https://en.wikipedia.org/wiki/Glacier_National_Park_(U.S.)", "location": "Montana", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=48.8_N_114_W_type:landmark&title=Glacier"}, + 23:{"name": "Glacier Bay", "url": "https://en.wikipedia.org/wiki/Glacier_Bay_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=58.5_N_137_W_type:landmark&title=Glacier+Bay"}, + 24:{"name": "Grand Canyon", "url": "https://en.wikipedia.org/wiki/Grand_Canyon_National_Park", "location": "Arizona", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=36.06_N_112.14_W_type:landmark&title=Grand+Canyon"}, + 25:{"name": "Grand Teton", "url": "https://en.wikipedia.org/wiki/Grand_Teton_National_Park", "location": "Wyoming", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=43.73_N_110.8_W_type:landmark&title=Grand+Teton"}, + 26:{"name": "Great Basin", "url": "https://en.wikipedia.org/wiki/Great_Basin_National_Park", "location": "Nevada", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.98_N_114.3_W_type:landmark&title=Great+Basin"}, + 27:{"name": "Great Sand Dunes", "url": "https://en.wikipedia.org/wiki/Great_Sand_Dunes_National_Park_and_Preserve", "location": "Colorado", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.73_N_105.51_W_type:landmark&title=Great+Sand+Dunes"}, + 28:{"name": "Great Smoky Mountains", "url": "https://en.wikipedia.org/wiki/Great_Smoky_Mountains_National_Park", "location": "North Carolina, Tennessee", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=35.68_N_83.53_W_type:landmark&title=Great+Smoky+Mountains"}, + 29:{"name": "Guadalupe Mountains", "url": "https://en.wikipedia.org/wiki/Guadalupe_Mountains_National_Park", "location": "Texas", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=31.92_N_104.87_W_type:landmark&title=Guadalupe+Mountains"}, + 30:{"name": "Haleakalā", "url": "https://en.wikipedia.org/wiki/Haleakal%C4%81_National_Park", "location": "Hawaii", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=20.72_N_156.17_W_type:landmark&title=Haleakal%C4%81"}, + 31:{"name": "Hawaiʻi Volcanoes", "url": "https://en.wikipedia.org/wiki/Hawai%CA%BBi_Volcanoes_National_Park", "location": "Hawaii", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=19.38_N_155.2_W_type:landmark&title=Hawai%CA%BBi+Volcanoes"}, + 32:{"name": "Hot Springs", "url": "https://en.wikipedia.org/wiki/Hot_Springs_National_Park", "location": "Arkansas", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=34.51_N_93.05_W_type:landmark&title=Hot+Springs"}, + 33:{"name": "Indiana Dunes", "url": "https://en.wikipedia.org/wiki/Indiana_Dunes_National_Park", "location": "Indiana", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=41.6533_N_87.0524_W_type:landmark&title=Indiana+Dunes"}, + 34:{"name": "Isle Royale", "url": "https://en.wikipedia.org/wiki/Isle_Royale_National_Park", "location": "Michigan", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=48.1_N_88.55_W_type:landmark&title=Isle+Royale"}, + 35:{"name": "Joshua Tree", "url": "https://en.wikipedia.org/wiki/Joshua_Tree_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=33.79_N_115.9_W_type:landmark&title=Joshua+Tree"}, + 36:{"name": "Katmai", "url": "https://en.wikipedia.org/wiki/Katmai_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=58.5_N_155_W_type:landmark&title=Katmai"}, + 37:{"name": "Kenai Fjords", "url": "https://en.wikipedia.org/wiki/Kenai_Fjords_National_Park", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=59.92_N_149.65_W_type:landmark&title=Kenai+Fjords"}, + 38:{"name": "Kings Canyon", "url": "https://en.wikipedia.org/wiki/Kings_Canyon_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=36.8_N_118.55_W_type:landmark&title=Kings+Canyon"}, + 39:{"name": "Kobuk Valley", "url": "https://en.wikipedia.org/wiki/Kobuk_Valley_National_Park", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=67.55_N_159.28_W_type:landmark&title=Kobuk+Valley"}, + 40:{"name": "Lake Clark", "url": "https://en.wikipedia.org/wiki/Lake_Clark_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=60.97_N_153.42_W_type:landmark&title=Lake+Clark"}, + 41:{"name": "Lassen Volcanic", "url": "https://en.wikipedia.org/wiki/Lassen_Volcanic_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=40.49_N_121.51_W_type:landmark&title=Lassen+Volcanic"}, + 42:{"name": "Mammoth Cave", "url": "https://en.wikipedia.org/wiki/Mammoth_Cave_National_Park", "location": "Kentucky", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.18_N_86.1_W_type:landmark&title=Mammoth+Cave"}, + 43:{"name": "Mesa Verde", "url": "https://en.wikipedia.org/wiki/Mesa_Verde_National_Park", "location": "Colorado", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.18_N_108.49_W_type:landmark&title=Mesa+Verde"}, + 44:{"name": "Mount Rainier", "url": "https://en.wikipedia.org/wiki/Mount_Rainier_National_Park", "location": "Washington", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=46.85_N_121.75_W_type:landmark&title=Mount+Rainier"}, + 45:{"name": "New River Gorge", "url": "https://en.wikipedia.org/wiki/New_River_Gorge_National_Park_and_Preserve", "location": "West Virginia", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.07_N_81.08_W_type:landmark&title=New+River+Gorge"}, + 46:{"name": "North Cascades", "url": "https://en.wikipedia.org/wiki/North_Cascades_National_Park", "location": "Washington", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=48.7_N_121.2_W_type:landmark&title=North+Cascades"}, + 47:{"name": "Olympic", "url": "https://en.wikipedia.org/wiki/Olympic_National_Park", "location": "Washington", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=47.97_N_123.5_W_type:landmark&title=Olympic"}, + 48:{"name": "Petrified Forest", "url": "https://en.wikipedia.org/wiki/Petrified_Forest_National_Park", "location": "Arizona", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=35.07_N_109.78_W_type:landmark&title=Petrified+Forest"}, + 49:{"name": "Pinnacles", "url": "https://en.wikipedia.org/wiki/Pinnacles_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=36.48_N_121.16_W_type:landmark&title=Pinnacles"}, + 50:{"name": "Redwood", "url": "https://en.wikipedia.org/wiki/Redwood_National_and_State_Parks", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=41.3_N_124_W_type:landmark&title=Redwood"}, + 51:{"name": "Rocky Mountain", "url": "https://en.wikipedia.org/wiki/Rocky_Mountain_National_Park", "location": "Colorado", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=40.4_N_105.58_W_type:landmark&title=Rocky+Mountain"}, + 52:{"name": "Saguaro", "url": "https://en.wikipedia.org/wiki/Saguaro_National_Park", "location": "Arizona", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=32.25_N_110.5_W_type:landmark&title=Saguaro"}, + 53:{"name": "Sequoia", "url": "https://en.wikipedia.org/wiki/Sequoia_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=36.43_N_118.68_W_type:landmark&title=Sequoia"}, + 54:{"name": "Shenandoah", "url": "https://en.wikipedia.org/wiki/Shenandoah_National_Park", "location": "Virginia", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=38.53_N_78.35_W_type:landmark&title=Shenandoah"}, + 55:{"name": "Theodore Roosevelt", "url": "https://en.wikipedia.org/wiki/Theodore_Roosevelt_National_Park", "location": "North Dakota", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=46.97_N_103.45_W_type:landmark&title=Theodore+Roosevelt"}, + 56:{"name": "Virgin Islands", "url": "https://en.wikipedia.org/wiki/Virgin_Islands_National_Park", "location": "U.S. Virgin Islands", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=18.33_N_64.73_W_type:landmark&title=Virgin+Islands"}, + 57:{"name": "Voyageurs", "url": "https://en.wikipedia.org/wiki/Voyageurs_National_Park", "location": "Minnesota", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=48.5_N_92.88_W_type:landmark&title=Voyageurs"}, + 58:{"name": "White Sands", "url": "https://en.wikipedia.org/wiki/White_Sands_National_Park", "location": "New Mexico", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=32.78_N_106.17_W_type:landmark&title=White+Sands"}, + 59:{"name": "Wind Cave", "url": "https://en.wikipedia.org/wiki/Wind_Cave_National_Park", "location": " South Dakota", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=43.57_N_103.48_W_type:landmark&title=Wind+Cave"}, + 60:{"name": "Wrangell–St. Elias", "url": "https://en.wikipedia.org/wiki/Wrangell%E2%80%93St._Elias_National_Park_and_Preserve", "location": "Alaska", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=61_N_142_W_type:landmark&title=Wrangell+%E2%80%93+St.+Elias"}, + 61:{"name": "Yellowstone", "url": "https://en.wikipedia.org/wiki/Yellowstone_National_Park", "location": "Wyoming, Montana, Idaho", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=44.6_N_110.5_W_type:landmark&title=Yellowstone"}, + 62:{"name": "Yosemite", "url": "https://en.wikipedia.org/wiki/Yosemite_National_Park", "location": "California", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.83_N_119.5_W_type:landmark&title=Yosemite"}, + 63:{"name": "Zion", "url": "https://en.wikipedia.org/wiki/Zion_National_Park", "location": "Utah", "coords": "https://geohack.toolforge.org/geohack.php?pagename=List_of_national_parks_of_the_United_States¶ms=37.3_N_113.05_W_type:landmark&title=Zion"}, } let parkrows = []