<html style='height:100%;scroll-behavior:smooth'>
<head>
<title>Safe space</title>
<link rel='icon' href='picForTab.png'>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src="https://kit.fontawesome.com/de23248495.js" crossorigin="anonymous"></script>
<script src='modules.js'></script>
<script src='guiForm.js'></script>
<script src='gui.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src='googleSheetsPortal.js'></script>
<script src='profile.js'></script>
<script src='therapistProfile.js'></script>
<script src='searchBar.js'></script>
</head>
<style>
div.autoScroll{overflow:hidden;}
div.autoScroll:hover{overflow-y:auto;scrollbar-width:thin;}
div.onHoverTherapist{background-color:whitesmoke;}
div.onHoverTherapist:hover{background-color:lightgray;}
div.onHoverHome{color:black;background-color:background-color:rgba(255,250,240,0.6);}
div.onHoverHome:hover{color:black;background-color:#00C0FF;}
div.onHover{color:black;background-color:light-gray;}
div.onHover:hover{color:white;background-color:#4F6272;}
a.onHover{color:black;background-color:light-gray;}
a.onHover:hover{color:white;background-color:#4F6272;}
div.onHoverAdmin{color:black;background-color:rgba(255,250,240,0.6);}
div.onHoverAdmin:hover{color:black;background-color:#00C0FF;}
textarea.autoScroll{overflow:hidden;}
textarea.autoScroll:hover{overflow-y:auto;}
iframe.autoScroll{overflow:hidden;}
iframe.autoScroll:hover{overflow-y:auto;}
span.yellowStar{color:#DD7596;}
@keyframes popupStatus{
0%{color:#ffb6c1;}
25%{color:#89cff0;}
50%{color:#28387f;}
75%{color:#ffcfcf;}
100%{color:#b15555;}
}
</style>
<body style='height:100%;margin:0px;' id='home' >
<div id='homeScreen' onclick='javascript:removePopup()'>
<h1 style='font:25px Calibri;position:fixed;background-color:rgba(255,185,183,0.5);color:black;width:100%;z-index:2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0px;box-shadow: 0px 4px 8px 4px rgba(10,31,87,0.2);'><img src='saceSpaceHighContrastTransparency.png' style='mix-blend-mode:multiply;height:6vh;position:absolute;left:10px;top:50%;transform:translate(0%,-50%);'/><div onclick="javascript:toggle('loginOptions')" class='onHoverHome' style="cursor:pointer;float:right;padding:20px 5px;margin-right:5px">Login</div><div style="float:right;padding:20px 3px;">|</div><div onclick="javascript:{document.location='https://advancedfunctions.co/helpwebsite/background.html#contactUs'}" class='onHoverHome' style="cursor:pointer;float:right;padding:20px 3px;">Contact</div><div style="float:right;padding:20px 3px;">|</div><div onclick="javascript:{document.location='https://advancedfunctions.co/helpwebsite/background.html#aboutUs'}" class='onHoverHome' style="cursor:pointer;float:right;padding:20px 3px;">About us</div><div style="float:right;padding:20px 0px;">|</div><div onclick="javascript:{document.location='https://advancedfunctions.co/helpwebsite/background.html#reviews'}" class='onHoverHome' style="cursor:pointer;float:right;padding:20px 3px;">Testimonials</div><div style="float:right;padding:22px 0px;">|</div><div onclick="javascript:{document.location='https://advancedfunctions.co/helpwebsite/background.html#home'}" class='onHoverHome' style="cursor:pointer;float:right;padding:20px 5px;">Home</div><div style='position:fixed;top:8vh;right:0px;display:none;' id='loginOptions'><div class='onHoverAdmin' style='-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 45px;margin:5px;cursor:pointer;' onclick="javascript:loadModule('admin');javascript:toggle('loginOptions');">As administrator</div><div class='onHoverAdmin' style='-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 45px;margin:5px;cursor:pointer;' onclick="javascript:loadModule('therapist');javascript:toggle('loginOptions')">As therapist</div><div class='onHoverAdmin' style='-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 45px;margin:5px;cursor:pointer;' onclick="javascript:loadModule('patient');javascript:toggle('loginOptions')" >As patient</div></div></h1>
<div style='padding:10px 10px;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;' ><video autoplay muted loop style='width:50vw;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow: 0px 4px 8px 4px rgba(10,31,87,0.2);'>
<source src="https://media.istockphoto.com/videos/female-psychologist-consulting-african-woman-client-during-online-video-id1219789672" type="video/mp4">
</video><div id='reviews'></div></div>
<div style="background-attachment:fixed;background-image:url('waves.jpg');height:100%;background-size:cover;filter:opacity(30%);"></div>
<div style='padding:20px 0px;position:absolute;z-index:1;background-color:#ffb6c1;color:white;width:100%;font:20px Calibri' ><div style='text-align:center; font:3vh Arial;color:white;padding:10px;'>Testimonials</div><div style='padding:20px 100px;text-align:justify;text-justify:inter-word;line-height:1.5;'><div style='display:grid;grid-template-columns: 30% 30% 30%;grid-gap:3%;'><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br><i>Jerry Paul</i><br><span><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span>☆</span></div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br><i>Kann Johana</i><br><span ><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span>☆</span></div><div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br><br><i>Gerlach Lien</i><br><span ><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span><span class='yellowStar'>★</span>☆</span></div></div></div></div>
<div style='position:relative'>
<div style="background-attachment:fixed;background-image:url('computerConferencing.jpg');height:100%;background-size:cover;filter:opacity(40%)"></div><div style='position:absolute; padding:10px 10px;z-index:1;background-color:#ffb6c1;color:white;left:50%;top:50%;transform:translate(-50%,-50%);font:4vh Arial;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:10px;' id='aboutUs'>About us</div>
<div style='padding:20px 0px;position:absolute;z-index:1;background-color:#ffb6c1;color:white;width:100%;font:22px Calibri'><div style='text-align:center; font:3vh Arial;'>About us</div><div style='padding:20px 25vw;text-align:justify;text-justify:inter-word;line-height:1.5;'>Our team of nurses are highly trained and properly certiļ¬ed to perform high complexity testing. We value customer services as a top pillar of our laboratory and pride ourselves in the continued education of our staff. We will deliver an enjoyable (minus the sometimes uncomfortable nasal swab) and professional experience every time. </div></div></div>
<div style='position:relative'>
<div style="background-attachment:fixed;background-image:url('doctorPatient.jpg');height:100%;background-size:cover;filter:opacity(40%)" ></div><div id='contactUs' style='position:absolute; padding:10px 10px;z-index:1;background-color:#ffb6c1;color:white;left:50%;top:50%;transform:translate(-50%,-50%);font:4vh Arial;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;letter-spacing:10px;'>Contact</div>
<div style='padding:20px 0px;position:absolute;z-index:1;background-color:#ffb6c1;color:white;width:100%;font:22px Calibri'><div style='text-align:center; font:3vh Arial;'>Contact</div><div style='padding:20px 25vw;text-align:justify;text-justify:inter-word;line-height:1.5;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></div>
</div>
</div>
<div id='dashboard' style='display:none;' ></div>
<font face='Arial' size='2'>
<div id='popupPanel'></div>
</font>
<div id='loginRejectionPanel'></div>
<div id='adminPatientRejectionPanel'></div>
<div id='adminTherapistRejectionPanel'></div>
</body>
<script>
function loadModule(mode){
setMode(mode);
document.getElementById('dashboard').innerHTML=getBody(getMyProfile(),getPartnerProfile(),getContacts(),getWorksheets([]),getChat(chatArray),getPatients(),getTherapists(),getLive(),getPatientsProfile());
displayCorrectBlocks();
setTimeout(function(){getLogin('popupPanel');},100);
}
function displayDashboard(){
document.getElementById('homeScreen').style.display='none';
document.getElementById('dashboard').style.display='block';
}
function removePopup(){
document.getElementById('popupPanel').innerHTML='';}
</script>
</html>