Covid 19 Tracker
Covid 19 tracker built on Nextjs framework with the porpuse to improve my skills and experiment new things. However the dataset is real and updated 3 times per day. I am still improving the site and adding new features.
")}#grass{--grass-hue:130;width:100%;height:var(--ratio);background-color:transparent;border-bottom:calc(var(--ratio)/3) solid}@media print{body *{visibility:hidden}.cv-container,.cv-container *{visibility:visible}.cv-container{position:absolute;left:0;top:0}}.cv-border-top-blue{border-top:1.2mm solid hsl(208 40% 40%/1)}.cv-border-top-green{border-top:1.2mm solid hsl(150 40% 40%/1)}.cv-border-top-purple{border-top:1.2mm solid hsl(311 40% 40%/1)}.cv-container{display:flex;flex-direction:column;position:relative;height:297mm;width:210mm;margin:auto;background:#fff;color:#1a1a1a}section.cv-presentation{display:flex;background-color:#ccc;margin-bottom:4mm}.cv-image{position:relative;width:30%;background-color:#000}.cv-image-description{position:absolute;bottom:0;left:0;width:100%;padding:2mm}.cv-image-description,.cv-image h2{font-size:5mm;color:#e6e6e6;background:var(--color-accent)}.cv-image h2{margin-bottom:2mm}.cv-image ul li{display:inline-flex;align-items:center;font-size:4mm}.cv-image ul li svg{margin-right:2mm}section.cv-presentation article{margin:5mm;flex:1 1;line-height:1.5}section.cv-presentation article h1{margin-bottom:2mm}section.cv-presentation article p{margin-bottom:5mm}section.cv-presentation .skill-list{display:flex;flex-wrap:wrap;gap:2mm}section.cv-presentation .skill-list li{padding:.8mm;background:var(--gray-light);border-radius:2mm;border:.2mm solid var(--color-accent);font-size:3.5mm}section.cv-side-projects-container{padding:4mm}section.cv-side-projects-container h1{margin-bottom:4mm}section.cv-side-projects-container .cv-side-projects-list{display:flex}section.cv-side-projects-container .cv-side-projects-list .cv-side-project-item{flex:1 1;border-right:.1mm solid #bfbfbf;padding:2mm;background-color:var(--gray-light)}section.cv-side-projects-container .cv-side-projects-list .cv-side-project-item:last-child{border-right:none;margin-right:0}section.cv-side-projects-container .cv-side-project-item p{margin-bottom:2mm}section.cv-side-projects-container .cv-side-project-item ul li{display:flex;align-items:center}section.cv-side-projects-container .cv-side-project-item ul li span{font-size:2.8mm}section.cv-side-projects-container li h2{font-size:4mm;margin-bottom:2mm}section.cv-side-projects-container .cv-side-project-links{display:flex;flex-direction:column;font-size:3mm}section.cv-side-projects-container .cv-side-project-links li{display:flex;align-items:center;margin-bottom:2mm}.cv-project-skills h3{font-size:4mm;margin-bottom:2mm}.cv-project-skills ul{display:inline-flex}.cv-project-skills ul li{padding:1mm;background-color:#bfbfbf;margin-right:2mm;border-radius:2mm}section.cv-experience{padding:4mm}section.cv-experience h1{margin-bottom:4mm}.cv-timeline{width:100%;position:relative}.cv-timeline-line{width:100%;height:1mm;background-color:var(--color-accent)}.cv-timeline>ul{position:relative;width:100%;display:flex;flex-direction:column}.cv-timeline>ul>li{display:flex;flex-direction:column;flex:1 1;position:relative;padding:2mm;margin-bottom:3mm;border-left:1mm solid var(--color-accent);background-color:#f2f2f2}.cv-timeline>ul>li:last-child{border-right:.2mm solid var(--gray-neutral)}.cv-experience-item h4{color:var(--color-accent);margin-bottom:1mm}.cv-experience-item li,.cv-experience-item p{font-size:3.5mm;margin-bottom:1mm}.cv-experience-item>ul{display:flex;flex-direction:column;list-style:disc;list-style-position:inside}.cv-experience-item>ul li span{font-size:2mm}section.cv-education{padding:4mm;margin-bottom:10mm}section.cv-education h1{margin-bottom:4mm}
Covid 19 tracker built on Nextjs framework with the porpuse to improve my skills and experiment new things. However the dataset is real and updated 3 times per day. I am still improving the site and adding new features.
Woki is an extension for Google Chrome that allows you to group tabs into groups and save them. In this way, groups of tabs can be opened with a single click and you can switch between different groups.
This is project is in an early stage but you can try it following the steps on the production branch.