Skip to content

Commit

Permalink
updated files
Browse files Browse the repository at this point in the history
  • Loading branch information
@Abhiram-J
Abhiram-J committed Sep 7, 2023
1 parent c2ac386 commit 4b8e980
Show file tree
Hide file tree
Showing 6 changed files with 113 additions and 123 deletions.
58 changes: 29 additions & 29 deletions corona.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,52 +2,52 @@
<html lang="en" dir="ltr">

<head>
<meta charset="utf-8">
<meta charset="utf-9">
<title>Corona</title>
<link rel="stylesheet" href="coronastyles.css">
<link href="https://fonts.googleapis.com/css2?family=Changa&family=Orbitron:wght@500&family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster+Two:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css1?family=Changa&family=Orbitron:wght@500&family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css1?family=Redressed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css1?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css1?family=Lobster+Two:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css1?family=Pinyon+Script&display=swap" rel="stylesheet">
</head>

<body>
<div class="head">
<h1>Knowing your Enemy(Covid)</h1>
<h0>Knowing your Enemy(Covid)</h1>
</div>
<div class="intro">
<h1 style="font-size:80px; display:inline-block;">Introduction</h1>
<h0 style="font-size:80px; display:inline-block;">Introduction</h1>
</div>
<div class="abt">
<p style="font-size:30px;">
<font size=50px; face="Pinyon Script";><b>C</b></font>oronavirus disease 2019 (COVID-19) is a contagious disease caused by severe acute respiratory syndrome coronavirus 2 (SARS-CoV-2). The first case was identified in Wuhan, China, in December 2019. It has since spread
<p style="font-size:29px;">
<font size=49px; face="Pinyon Script";><b>C</b></font>oronavirus disease 2019 (COVID-19) is a contagious disease caused by severe acute respiratory syndrome coronavirus 2 (SARS-CoV-2). The first case was identified in Wuhan, China, in December 2019. It has since spread
worldwide, leading to an ongoing pandemic.
</p>
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>S</b></font>ymptoms of COVID-19 are variable, but often include fever, cough, fatigue, breathing difficulties, and loss of smell and taste. Symptoms begin one to fourteen days after exposure to the virus. Around one in five
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>S</b></font>ymptoms of COVID-19 are variable, but often include fever, cough, fatigue, breathing difficulties, and loss of smell and taste. Symptoms begin one to fourteen days after exposure to the virus. Around one in five
infected individuals do not develop any symptoms. While most people have mild symptoms, some people develop acute respiratory distress syndrome (ARDS). ARDS can be precipitated by cytokine storms, multi-organ failure, septic shock, and blood
clots. Longer-term damage to organs (in particular, the lungs and heart) has been observed.</p>
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>T</b></font>here is concern about a significant number of patients who have recovered from the acute phase of the disease but continue to experience a range of
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>T</b></font>here is concern about a significant number of patients who have recovered from the acute phase of the disease but continue to experience a range of
effects—known as long COVID—for months afterwards. These effects include severe fatigue, memory loss and other cognitive issues, low-grade fever, muscle weakness, and breathlessness. </p>
</div>
<div class="intro" style="margin-top:10px;">
<h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Prevention</h1>
<div class="intro" style="margin-top:9px;">
<h0 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Prevention</h1>
</div>
<div class="prevention" >
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>P</b></font>reventive measures include physical or social distancing, quarantining, ventilation of indoor spaces, covering coughs and sneezes, hand washing, and keeping unwashed hands away from the face. The use of face masks or coverings has been recommended in public settings to minimise the risk of transmissions. Several vaccines have been developed and various countries have initiated mass vaccination campaigns.
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>P</b></font>reventive measures include physical or social distancing, quarantining, ventilation of indoor spaces, covering coughs and sneezes, hand washing, and keeping unwashed hands away from the face. The use of face masks or coverings has been recommended in public settings to minimise the risk of transmissions. Several vaccines have been developed and various countries have initiated mass vaccination campaigns.
Although work is underway to develop drugs that inhibit the virus, the primary treatment is currently symptomatic. Management involves the treatment of symptoms, supportive care, isolation, and experimental measures.
</p>
</div>
<div class="intro" style="margin-top:10px;">
<h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Transmission</h1>
<div class="intro" style="margin-top:9px;">
<h0 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Transmission</h1>
</div>
<div class="trans">
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>C</b></font>OVID-19 spreads from person to person mainly through the respiratory route after an infected person coughs, sneezes, sings, talks or breathes. A new infection occurs when virus-containing particles exhaled by an infected person, either respiratory droplets or aerosols, get into the mouth, nose, or eyes of other people who are in close contact with the infected person. During human-to-human transmission, an average 1000 infectious SARS-CoV-2 virions are thought to initiate a new infection.</p>
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>T</b></font>he closer people interact, and the longer they interact, the more likely they are to transmit COVID-19. Closer distances can involve larger droplets (which fall to the ground) and aerosols, whereas longer distances only involve aerosols. The larger droplets may also evaporate into the aerosols (known as droplet nuclei). The relative importance of the larger droplets and the aerosols is not clear as of November 2020, however the virus is not known to transmit between rooms over long distances such as through air ducts. </p>
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>A</b></font>irborne transmission is able to particularly occur indoors, in high risk locations, such as in restaurants, choirs, gyms, nightclubs, offices, and religious venues, often when they are crowded or less ventilated. It also occurs in healthcare settings, often when aerosol-generating medical procedures are performed on COVID-19 patients.</p>
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>C</b></font>OVID-19 spreads from person to person mainly through the respiratory route after an infected person coughs, sneezes, sings, talks or breathes. A new infection occurs when virus-containing particles exhaled by an infected person, either respiratory droplets or aerosols, get into the mouth, nose, or eyes of other people who are in close contact with the infected person. During human-to-human transmission, an average 1000 infectious SARS-CoV-2 virions are thought to initiate a new infection.</p>
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>T</b></font>he closer people interact, and the longer they interact, the more likely they are to transmit COVID-19. Closer distances can involve larger droplets (which fall to the ground) and aerosols, whereas longer distances only involve aerosols. The larger droplets may also evaporate into the aerosols (known as droplet nuclei). The relative importance of the larger droplets and the aerosols is not clear as of November 2020, however the virus is not known to transmit between rooms over long distances such as through air ducts. </p>
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>A</b></font>irborne transmission is able to particularly occur indoors, in high risk locations, such as in restaurants, choirs, gyms, nightclubs, offices, and religious venues, often when they are crowded or less ventilated. It also occurs in healthcare settings, often when aerosol-generating medical procedures are performed on COVID-19 patients.</p>
</div>
<div class="intro" style="margin-top:10px;">
<h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Gallery</h1>
<div class="intro" style="margin-top:9px;">
<h0 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">Gallery</h1>
</div>


Expand Down Expand Up @@ -136,11 +136,11 @@ <h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursi



<div class="intro" style="margin-top:10px;">
<h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">My Genetics</h1>
<div class="intro" style="margin-top:9px;">
<h0 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursive;">My Genetics</h1>
</div>
<div class="virology">
<p style="font-size:30px;"><font size=50px; face="Pinyon Script";><b>S</b></font>evere acute respiratory syndrome coronavirus 2 (SARS-CoV-2) is a novel severe acute respiratory syndrome coronavirus.SARS-CoV-2 is closely related to the original SARS-CoV.[40] It is thought to have an animal (zoonotic) origin. Genetic analysis has revealed that the coronavirus genetically clusters with the genus Betacoronavirus, in subgenus Sarbecovirus (lineage B) together with two bat-derived strains. It is 96% identical at the whole genome level to other bat coronavirus samples (BatCov RaTG13). </p>
<p style="font-size:29px;"><font size=50px; face="Pinyon Script";><b>S</b></font>evere acute respiratory syndrome coronavirus 2 (SARS-CoV-2) is a novel severe acute respiratory syndrome coronavirus.SARS-CoV-2 is closely related to the original SARS-CoV.[40] It is thought to have an animal (zoonotic) origin. Genetic analysis has revealed that the coronavirus genetically clusters with the genus Betacoronavirus, in subgenus Sarbecovirus (lineage B) together with two bat-derived strains. It is 96% identical at the whole genome level to other bat coronavirus samples (BatCov RaTG13). </p>
</div>
</body>

Expand All @@ -152,13 +152,13 @@ <h1 style="font-size:80px; display:inline-block; font-family: 'Redressed', cursi

portfolioItems.forEach(portfolioItem => {
portfolioItem.addEventListener('mouseover', () => {
console.log(portfolioItem.childNodes[1].classList)
portfolioItem.childNodes[1].classList.add('image-blur');
console.log(portfolioItem.childNodes[0].classList)
portfolioItem.childNodes[0].classList.add('image-blur');
});

portfolioItem.addEventListener('mouseout', () => {
console.log(portfolioItem.childNodes[1].classList)
portfolioItem.childNodes[1].classList.remove('image-blur');
console.log(portfolioItem.childNodes[0].classList)
portfolioItem.childNodes[0].classList.remove('image-blur');
});
});

Expand Down
35 changes: 15 additions & 20 deletions coronastyles.css
View file
Original file line number Diff line number Diff line change
@@ -1,50 +1,49 @@
body{
background-color: white;
body {
background-color: #fff;
font-family: Arial;
margin: 0px;
margin: 0;
}

.head{
.head {
background-color: #158467;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
padding: 10px;
color: white;
color: #fff;
font-family: Arial;
font-size: 40px;
}
.abt{
.abt {
background-color: #c0e218;
text-align: center;
font-family: Arial;
margin-bottom: 0px;
margin-bottom: 0;
padding: 40px;
}
.prevention{
.prevention {
background-color: #c0e218;
text-align: center;
font-family: Arial;
margin-top: 0px;
font-family: Arial;
margin-top: 0;
padding: 40px;
}
.trans{
.trans {
background-color: #c0e218;
text-align: center;
font-family: Arial;
padding: 40px;
}
.virology{
.virology {
background-color: #c0e218;
text-align: center;
font-family: Arial;
padding: 40px;
margin-bottom: 20px;
}
.intro{
.intro {
background-color: #11698e;
text-align: center;
color: white;
color: #fff;
margin-bottom: 10px;
}
.portfolio-items-wrapper {
Expand Down Expand Up @@ -73,22 +72,18 @@ body{
padding-left: 100px;
padding-right: 100px;
}

.img-text-wrapper .subtitle {
transition: 1s;
color: transparent;
}

.image-blur {
transition: 1s;
filter: brightness(10%);
}

.img-text-wrapper:hover .subtitle {
color: white;
color: #fff;
font-weight: 600;
}

.logo-wrapper img {
width: 50%;
margin-bottom: 20px;
Expand Down
48 changes: 25 additions & 23 deletions hospitalsstyles.css
View file
Original file line number Diff line number Diff line change
@@ -1,52 +1,54 @@
.quote{
.quote {
background-color: #7d0633;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
padding: 10px;
color: white;
font-family: 'Sacramento', cursive;
color: #fff;
font-family: Sacramento, cursive;
font-size: 30px;
}
body{
background-color: white;
margin: 0px;
body {
background-color: #fff;
margin: 0;
}
.auth{
.auth {
position: relative;
left:200px;
left: 200px;
}
.desc{
.desc {
background-color: #bedcfa;
margin-top: 0px;
margin-top: 0;
text-align: center;
padding: 10px 20px 10px 30px;
color: black;
font-family: 'Playfair Display', serif;
color: #000;
font-family: "Playfair Display", serif;
font-size: 20px;
margin-bottom: 20px;
}
.hospimg{
.hospimg {
max-width: 30%;
margin-left: 20px;
max-height: 1000px;
}
.maincari{
.maincari {
background-color: #ffd66b;
padding:20px;
padding: 20px;
margin-bottom: 30px;
}
ul { display: inline-block; text-align: left;
}
ul li{
font-family: 'Philosopher', sans-serif;
ul {
display: inline-block;
text-align: left;
}
ul li {
font-family: Philosopher, sans-serif;
font-size: 30px;
}
.kmcmain{
background-color: #c9cbff;
padding:20px;
.kmcmain {
background-color: #c9cbff;
padding: 20px;
}
.hospimg2{
.hospimg2 {
width: 300px;
margin-left: 200px;
height: 350px;
Expand Down
16 changes: 7 additions & 9 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,7 @@

<div class="subtitle">
<a href="corona.html"
>Hi guys , I am the corona virus.To learn more about me click
here
>To learn more about corona virus click here
</a>
</div>
</div>
Expand All @@ -59,8 +58,7 @@

<div class="subtitle">
<a href="symptoms.html"
>If i get inside you these will be the main symptoms click
here to view them
>To learn more about the symptoms of viral infection click here
</a>
</div>
</div>
Expand All @@ -75,7 +73,7 @@
<div class="logo-wrapper"></div>

<div class="subtitle">
<a href="hospital.html">Looking for hospitals! click here </a>
<a href="hospital.html">To find nearby hospitals click here </a>
</div>
</div>
</div>
Expand All @@ -90,9 +88,9 @@

<div class="subtitle">
<a
href="https://www.google.com/search?ei=HDfoX4WYA-bSz7sPlbuY8AQ&q=latest+news+about+corona&oq=latest+news+about+corona"
href="https://www.google.com/search?q=latest+news+about+corona+virus"
>
To view the latest news about me click here
To view the latest news about corona virus click here
</a>
</div>
</div>
Expand All @@ -108,7 +106,7 @@

<div class="subtitle">
<a href="fighters.html"
>These guys fight against me. To know more about them click
>To know more about corona fighters click
here</a
>
</div>
Expand All @@ -125,7 +123,7 @@

<div class="subtitle">
<a href="prevent.html"
>These preventive measures may help you. To view them click
>To view preventive measures click
here
</a>
</div>
Expand Down
3 changes: 0 additions & 3 deletions indexstyles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,6 @@ body{
margin-right:20px;
text-transform:uppercase;
}
.nav-link-wrapper{
}
.active-nav-link{
border-bottom:2px solid #000
}
Expand Down Expand Up @@ -56,7 +54,6 @@ body{
.portfolio-img-background{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height:350px;
width:100%
}
Expand Down
Loading

0 comments on commit 4b8e980

Please sign in to comment.