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

Add summary section to index.

Browse Source
This commit is contained in:
Joshua Bemenderfer
2022-01-01 21:50:26 -05:00
parent 94018b70ec
commit b3289258e3
27 changed files with 593 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/layouts/components/Navigation.vue
View File

@@ -2,7 +2,7 @@
<ul class="space-y-2 pb-2">
<li>
<router-link :to="{path: '/'}" class="text-base text-violet-900 font-bold flex flex-col rounded-lg p-2 px-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
Introduction
Home
</router-link>
</li>
<li>
@@ -28,35 +28,16 @@
<icon-mdi-grave-stone class="mr-2"></icon-mdi-grave-stone> deaths?
</router-link>
</li>
<li class="flex items-center justify-between">
<a href="#" class="text-base rounded-lg flex items-center p-2 mr-3 group opacity-50">
<icon-mdi-syringe class="mr-2"></icon-mdi-syringe> vaccinations?
</a>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Planned</span>
</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>
<router-link :to="{path: '/cases'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
<icon-mdi-percent-outline class="mr-2"></icon-mdi-percent-outline> highest positivity rate?
</router-link>
</li>
<li>
<router-link :to="{path: '/cases'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
<icon-mdi-virus-outline class="mr-2"></icon-mdi-virus-outline> most cases by population?
</router-link>
</li>
<li>
<router-link :to="{path: '/cases'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
<icon-mdi-hospital-box-outline class="mr-2"></icon-mdi-hospital-box-outline> most hospitalizations by population?
</router-link>
</li>
<li>
<router-link :to="{path: '/cases'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
<icon-mdi-grave-stone class="mr-2"></icon-mdi-grave-stone> most deaths by population?
</router-link>
</li>
</ul>
</li> -->
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">Who is most at-risk...</span>
<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>
<router-link :to="{path: '/risk/age'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800">
@@ -69,18 +50,36 @@
</router-link>
</li>
<li class="flex items-center justify-between">
<!-- <router-link :to="{path: '/risk/gender'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800"> -->
<!-- <router-link :to="{path: '/risk/ethnicity'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800"> -->
<a href="#" class="text-base rounded-lg flex items-center p-2 mr-3 group opacity-50">
<icon-mdi-gender-male-female class="mr-2"></icon-mdi-gender-male-female> by gender?
<icon-mdi-user class="mr-2"></icon-mdi-user> by ethnicity and sex?
</a>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Soon</span>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Planned</span>
</li>
<li class="flex items-center justify-between">
<!-- <router-link :to="{path: '/risk/ethnicity'}" class="text-base rounded-lg flex items-center p-2 mr-3 hover:bg-violet-100 group" active-class="bg-violet-800 text-white hover:bg-violet-800"> -->
<a href="#" class="text-base rounded-lg flex items-center p-2 mr-3 group opacity-50">
<icon-mdi-web class="mr-2"></icon-mdi-web> by ethnicity?
<icon-mdi-syringe class="mr-2"></icon-mdi-syringe> by vaccination status?
</a>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Soon</span>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Planned</span>
</li>
</ul>
</li>
<li>
<span class="flex font-bold px-3 py-1 text-violet-900">How many hospital...</span>
<ul class="space-y-1 py-2 ml-3">
<li class="flex items-center justify-between">
<a href="#" class="text-base rounded-lg flex items-center p-2 mr-3 group opacity-50">
<icon-healthicons-ventilator class="mr-2"></icon-healthicons-ventilator> resources are available?
</a>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Planned</span>
</li>
<li class="flex items-center justify-between">
<a href="#" class="text-base rounded-lg flex items-center p-2 mr-3 group opacity-50">
<icon-healthicons-hospitalized class="mr-2"></icon-healthicons-hospitalized> patients have COVID?
</a>
<span class="rounded-lg bg-violet-700 text-white text-sm px-2 py-1 mr-3">Planned</span>
</li>
</ul>
</li>