Skip to content

Commit

Permalink
added librchat link
Browse files Browse the repository at this point in the history
  • Loading branch information
@marfantyk
marfantyk committed Jun 13, 2024
1 parent a64bf68 commit c3a9423
Show file tree
Hide file tree
Showing 3 changed files with 79 additions and 21 deletions.
52 changes: 31 additions & 21 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,23 +20,32 @@
<body>
<!-- Header Section -->
<header class="header">
<img class="icon" src="./images/icon.png">
<img loading="lazy" class="icon" src="./images/icon.png">
<span class="header-text">
<h1>Longevity Genie</h1>
<p>Your Personal Genetics, and Longevity Research Open-Source Assistant</p>
</span>
<div id="menu" class="menu">
<div id="menu" class="menu" onclick="burgerFunc()">
<span class="line line1">
</span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<div id="menu-hamburger" class="menu-hamburger">
<div id="menu-hamburger" class="menu-hamburger" >
<a><span class="nav">Features</span></a>
<a><span class="nav">About us</span></a>
<a><span class="nav">Terms of use</span></a>
</div>
</header>
<div id="myLinks">
<a href="http://agingkills.eu:3081/" class="bold bold-libre" target="_blank" rel="noopener noreferrer"><span>NEW! </span>LibreChat Deployment</a>
<a href="https://chat.openai.com/g/g-HnvTUyFeq-genetics-genie" class="bold" target="_blank" rel="noopener noreferrer">Genetics Genie</a>
<a href="https://chat.openai.com/g/g-tpOIOEeWm-clinical-trials-genie" class="bold" target="_blank" rel="noopener noreferrer">Clinical Trials Genie</a>
<a href="https://chat.openai.com/g/g-Y7oRsdMUS-drugage-genie" target="_blank" rel="noopener noreferrer">DrugAge Genie</a>
<a href="https://chat.openai.com/g/g-I8OGEVL4X-animal-ageing-genie" target="_blank" rel="noopener noreferrer">Animal Ageing Genie</a>
</div>
</div>


<!-- Project Description Section -->
<section class="project-description">
Expand All @@ -45,29 +54,30 @@ <h2 id="textbig" class="appearing">Unlock the secrets to a longer, healthier lif
<p id="text">Explore our open-source toolbox and chatbot designed to empower large language models in unraveling the mysteries of personal health, genetics, and groundbreaking longevity research. </p>
</span>
<div class="button_beginning">
<a href="http://agingkills.eu:3081/" class="bold bold-libre" target="_blank" rel="noopener noreferrer"><span>NEW! </span>LibreChat Deployment</a>
<a href="https://chat.openai.com/g/g-HnvTUyFeq-genetics-genie" class="bold" target="_blank" rel="noopener noreferrer">Genetics Genie</a>
<a href="https://chat.openai.com/g/g-tpOIOEeWm-clinical-trials-genie" class="bold" target="_blank" rel="noopener noreferrer">Clinical Trials Genie</a>
<a href="https://chat.openai.com/g/g-Y7oRsdMUS-drugage-genie" target="_blank" rel="noopener noreferrer">DrugAge Genie</a>
<a href="https://chat.openai.com/g/g-I8OGEVL4X-animal-ageing-genie" target="_blank" rel="noopener noreferrer">Animal Ageing Genie</a>
</div>
</section>
<div class="imagess">
<img id="sun" class="sun-part appearing appearing1" src="./images/sun-part.png">
<img id="background" class="scenary" src="./images/scenary.png">
<img loading="lazy" id="sun" class="sun-part appearing appearing1" src="./images/sun-part.png">
<img loading="lazy" id="background" class="scenary" src="./images/scenary.png">
</div>
<div class = "main-container">
<!-- Project Links Section -->
<section class="navigation">
<div id="sun1" class="link-div link-div1">
<img class="sun sun-1" src="./images/sun.png">
<img loading="lazy" class="sun sun-1" src="./images/sun.png">
<a class="link link-1"><h2>Features</h2></a>
</div>
<div id="sun2" class="link-div link-div2 ">
<img class="sun sun-2" src="./images/sun.png">
<img loading="lazy" class="sun sun-2" src="./images/sun.png">
<a class=" link link-2" href="./about_us.html"><h2>About us</h2></a>
</div>
<div id="sun3" class="link-div link-div3">
<img class="sun sun-3" src="./images/sun.png">
<img loading="lazy" class="sun sun-3" src="./images/sun.png">
<a class=" link link-3" href=""><h2>Terms of Use</h2></a>
</div>
<script>
Expand Down Expand Up @@ -123,8 +133,8 @@ <h2 id="textbig" class="appearing">Unlock the secrets to a longer, healthier lif
</section>
<!-- Future Plans Section -->
<section class="future-plans">
<img class="grandpablur grandpablur2" src="./images/grandpa1.png">
<img class="grandpablur grandpablur1" src="./images/grandpa1.png">
<img loading="lazy" class="grandpablur grandpablur2" src="./images/grandpa1.png">
<img loading="lazy" class="grandpablur grandpablur1" src="./images/grandpa1.png">
<div class="container sections-wrapper">
<div class="slider sections">
<div class="slider-line">
Expand All @@ -145,25 +155,25 @@ <h3>Longevity Map</h3>
</div>
</div>
<div class="buttons sections">
<img class="slider-prev" src="./images/left-arrow1.png">
<img class="slider-next" src="./images/right-arrow1.png">
<img loading="lazy" class="slider-prev" src="./images/left-arrow1.png">
<img loading="lazy" class="slider-next" src="./images/right-arrow1.png">
</div>
</div>
<!-- Add more content as needed -->
<div class="button">
<h2 class="chat-now sections sections-wrapper">Chat Now!*</h2>
<img class="arrow sections sections-wrapper" src="./images/arrow.png">
<img loading="lazy" class="arrow sections sections-wrapper" src="./images/arrow.png">
<p class="note sections sections-wrapper">*You should have ChatGPT Plus subscription plan to be able to use agents</p>
<section class="button-itself sections-wrapper">
<img class="sun1 sections" src="./images/sun1.png">
<img loading="lazy" class="sun1 sections" src="./images/sun1.png">
<section class="sections list-gpts">
<a href="https://chat.openai.com/g/g-HnvTUyFeq-genetics-genie" target="_blank" rel="noopener noreferrer"><p>Genetics Genie</p></a>
<a href="https://chat.openai.com/g/g-Y7oRsdMUS-drugage-genie" target="_blank" rel="noopener noreferrer"><p>DrugAge Genie</p></a>
<a href="https://chat.openai.com/g/g-I8OGEVL4X-animal-ageing-genie" target="_blank" rel="noopener noreferrer"><p>Animal Ageing Genie</p></a>
<a href="https://chat.openai.com/g/g-tpOIOEeWm-clinical-trials-genie" target="_blank" rel="noopener noreferrer"><p>Clinical Trials Genie</p></a>
</section>
</section>
<img class="schema sections sections-wrapper" src="./images/schema.png">
<img loading="lazy" class="schema sections sections-wrapper" src="./images/schema.png">
</div>

</section>
Expand All @@ -172,19 +182,19 @@ <h2 class="chat-now sections sections-wrapper">Chat Now!*</h2>
<h2>Sponsors and Collaborators</h2>
<p>Special thanks to our generous donors and affiliations who support our mission.</p>
<div class="logos-div">
<a target="_blank" rel="noopener noreferrer" href="https://heales.org/"><img class="heales" src="./images/heales.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.vitadao.com/"><img class="zuzalu" src="./images/vitadao.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://cellfabrik.bio/"><img class="cellfabric" src="./images/cellfabric.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.healome.one/"><img class="heales" src="./images/healome.webp"></a>
<a target="_blank" rel="noopener noreferrer" href="https://heales.org/"><img loading="lazy" class="heales" src="./images/heales.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.vitadao.com/"><img loading="lazy" class="zuzalu" src="./images/vitadao.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://cellfabrik.bio/"><img loading="lazy" class="cellfabric" src="./images/cellfabric.png"></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.healome.one/"><img loading="lazy" class="heales" src="./images/healome.webp"></a>
<a target="_blank" rel="noopener noreferrer" href="https://asklongevitygpt.com/"><span class="longevitygpt">Longevity GPT</span></a>
</div>
<!-- Add donor and affiliation information here -->
<img class="footer-image" src="./images/wave.png">
<img loading="lazy" class="footer-image" src="./images/wave.png">
</section>

<!-- Project Links Section -->
<section class="project-links">
<img class="footer-image reversed" src="./images/wave_reversed.png">
<img loading="lazy" class="footer-image reversed" src="./images/wave_reversed.png">
<a class="link-header" target="_blank" rel="noopener noreferrer" href="https://github.com/longevity-genie">
<svg class="github-logo" width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
</a>
Expand Down
11 changes: 11 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,17 @@ function rollSlider(){
sliderLine.style.transform = "translate(-" + count*width + "px)";
}

function burgerFunc() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.height = "0";
x.style.display = "none";
} else {
x.style.display = "block";
x.style.height = "fit-content";
}
}

/*document.addEventListener("touchstart", handleTouchStart, false);
document.addEventListener("touchmove", handleTouchMove, false);
Expand Down
37 changes: 37 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,9 @@ body {
position: relative;
z-index: 14;
}
.button_first{
display: none;
}
.header-text{
text-align: left;
margin-left: 30px;
Expand Down Expand Up @@ -261,12 +264,22 @@ section h2 {
margin-right: 100px;
transition: background-color 0.5s;
display: none;
z-index: 100;
}
#myLinks a{
color: rgb(101, 67, 102);
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
background-color: rgba(176, 110, 196, 0.8);
}
.menu-hamburger{
display: flex;
justify-content: end;
margin-left: auto;
flex-wrap: wrap;
z-index: 100;
}
.nav{
height: 50px;
Expand All @@ -281,6 +294,11 @@ section h2 {
background-color: rgb(241, 194, 241, 0.8);
border-radius: 20px;
}
#myLinks{
display: none;
height: 0px;
transition: height 0.4s;
}
.menu:hover{
background-color: #ad74ad;
}
Expand Down Expand Up @@ -512,6 +530,12 @@ a:hover{
color:#513a58;
transition: color 0.5s;
}
a.bold.bold-libre{
font-size: 1.9em;
}
.bold.bold-libre span{
color: rgb(238, 181, 250);
}
.button_beginning a:hover{
color: #c5afec;
}
Expand Down Expand Up @@ -639,6 +663,7 @@ align-items:end;
.header{
flex-direction: column;
align-items: center;
z-index: 0;
}
.header h1{
margin-top: 0px;
Expand Down Expand Up @@ -829,6 +854,7 @@ align-items:end;
.donors-affiliations h2{
font-size: 3em;
}

.link-header{
left: 0%;
margin-right: auto;
Expand All @@ -838,6 +864,17 @@ align-items:end;
right: 0%;
margin-left: auto;
}
.button_first{
display:contents;
}
.button_first a{
display: block;
text-align: right;
font-size: 1.5em;
font-weight: 200;
color:#513a58;
transition: color 0.5s;
}
.buttons{
margin-left: auto;
margin-right: auto;
Expand Down

0 comments on commit c3a9423

Please sign in to comment.