diff --git a/wiki/pages/tryhomepage.html b/wiki/pages/tryhomepage.html
index aff3fe6ccb646de3f4c9c47df3f3a36b806b6144..c47d1efde2244514ac3f892e99ca039ab6a749e0 100644
--- a/wiki/pages/tryhomepage.html
+++ b/wiki/pages/tryhomepage.html
@@ -1,5 +1,8 @@
+IBD medication
+
<!DOCTYPE html>
<html lang="en">
+
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -70,12 +73,14 @@
opacity: 0;
transition: ease-in-out 0.5s;
}
+
body {
font-family: Calibri, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
+
.content {
padding: 20px;
max-width: 800px;
@@ -85,47 +90,48 @@
</style>
<script>
- let intro = document.querySelector('.intro');
- let logo = document.querySelector('.logo-header');
- let logoSpan = document.querySelectorAll('.logo');
+ let intro = document.querySelector('.intro');
+ let logo = document.querySelector('.logo-header');
+ let logoSpan = document.querySelectorAll('.logo');
- window.addEventListener('DOMContentLoaded', ()=>{
- setTimeout(()=>{
- logoSpan.forEach((span, idx)=>{
- setTimeout(()=>{
- span.classList.add('active');
- }, (idx+1) * 400)
- });
-
+ window.addEventListener('DOMContentLoaded', ()=>{
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
- span.classList.remove('active');
- span.classList.add('fade');
- }, (idx + 1) * 50)
+ span.classList.add('active');
+ }, (idx+1) * 400)
+ });
+
+ setTimeout(()=>{
+ logoSpan.forEach((span, idx)=>{
+ setTimeout(()=>{
+ span.classList.remove('active');
+ span.classList.add('fade');
+ }, (idx + 1) * 50)
- })
- }, 2000);
+ })
+ }, 2000);
- setTimeout(()=>{
- intro.style.top = '-100vh';
- }, 2300)
+ setTimeout(()=>{
+ intro.style.top = '-100vh';
+ }, 2300)
+ })
})
- })
-</script>
+ </script>
</head>
<body>
-
<div class="intro">
<h1 class="logo-header">
<span class="logo"> Inhale, </span> <span class="logo">heal,</span><span class="logo">repeat.</span> <br>
</h1>
</div>
- <header>
- <h4>Logo.</h4>
- </header>
+
+ <header>
+ <h4>Logo.</h4>
+ </header>
</body>
</html>
+