thederf/ga-covid.thederf.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial commit.

Browse Source
This commit is contained in:
Joshua Bemenderfer
2021-12-28 21:52:58 -05:00
commit bac61fe227
85 changed files with 1317616 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/layouts/components/Navigation.vue Normal file
View File

@@ -0,0 +1,114 @@
<template>
<ul class="space-y-2 pb-2">
<li>
<a href="/" class="text-base text-violet-900 font-bold flex flex-col rounded-lg p-2 px-3 hover:bg-violet-100 group">
Introduction
</a>
</li>
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">What is the statewide trend in...</span>
<ul class="space-y-1 py-2 ml-3">
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-test-tube class="mr-2"></icon-mdi-test-tube> testing?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-percent-outline class="mr-2"></icon-mdi-percent-outline> test positivity?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-virus-outline class="mr-2"></icon-mdi-virus-outline> cases?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-hospital-box-outline class="mr-2"></icon-mdi-hospital-box-outline> hospitalizations?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-grave-stone class="mr-2"></icon-mdi-grave-stone> deaths?
</a>
</li>
</ul>
</li>
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">Which counties have the...</span>
<ul class="space-y-1 py-2 ml-3">
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-percent-outline class="mr-2"></icon-mdi-percent-outline> highest positivity rate?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-virus-outline class="mr-2"></icon-mdi-virus-outline> most cases by population?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-hospital-box-outline class="mr-2"></icon-mdi-hospital-box-outline> most hospitalizations by population?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-grave-stone class="mr-2"></icon-mdi-grave-stone> most deaths by population?
</a>
</li>
</ul>
</li>
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">Who is most at-risk...</span>
<ul class="space-y-1 py-2 ml-3">
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-human-cane class="mr-2"></icon-mdi-human-cane> by age?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-gender-male-female class="mr-2"></icon-mdi-gender-male-female> by gender?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-web class="mr-2"></icon-mdi-web> by ethnicity?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-healthicons-clinical-f-outline class="mr-2"></icon-healthicons-clinical-f-outline> by health condition?
</a>
</li>
</ul>
</li>
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">Who is most at-risk...</span>
<ul class="space-y-1 py-2 ml-3">
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-human-cane class="mr-2"></icon-mdi-human-cane> by age?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-gender-male-female class="mr-2"></icon-mdi-gender-male-female> by gender?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-mdi-web class="mr-2"></icon-mdi-web> by ethnicity?
</a>
</li>
<li>
<a href="/cases" class="text-base text-gray-900 rounded-lg flex items-center p-2 hover:bg-violet-100 group">
<icon-healthicons-clinical-f-outline class="mr-2"></icon-healthicons-clinical-f-outline> by health condition?
</a>
</li>
</ul>
</li>
</ul>
</template>