diff --git a/wiki/footer.html b/wiki/footer.html index d6c56e050b4920447ceba100dccaf30ec5df050d..d2ca2aec4a9a8726490a97f6c41f08bb1386d3a9 100644 --- a/wiki/footer.html +++ b/wiki/footer.html @@ -7,6 +7,8 @@ .sponsor { width: 12vw; min-width: 200px; + cursor:pointer; + margin: 5px 0; } </style> @@ -36,30 +38,38 @@ </div> </div> <hr> !--> - <div class="row mt-4" style="padding-bottom:1vh"> - <div class="col-lg-6"> - <h2> - <a href="https://www.instagram.com/radboud.igemteam/"> - <img src="https://static.igem.wiki/teams/5342/images/footer/insta-logo-small.png" class="img-fluid" alt="Instagram logo" style="max-height:40px"> - Instagram - </a> - </h2> + <div class="row mt-2" style="padding-bottom:1vh"> + <div class="col-lg-6" style="margin:auto;"> + <div style="display:flex; flex-wrap:wrap; justify-content:space-evenly"> + <h1> + <a href="https://www.instagram.com/radboud.igemteam/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/insta-logo-small.png" class="img-fluid" alt="Instagram logo" style="max-height:60px"> + Instagram + </a> + </h1> + <h1> + <a href="https://www.linkedin.com/company/radboud-igem-team/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/linkedin2.webp" class="img-fluid" alt="Instagram logo" style="max-height:60px"> + LinkedIn + </a> + </h1> + </div> </div> <div class="col-lg-6"> <div style="max-height:100px; display:flex;"> <div style="flex:33.3; padding:15px"> - <a href="https://igem.org/" class="center-x"> + <a href="https://igem.org/" class="center-x" target=â€_blankâ€> <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> <div style="flex:33.3; padding:15px"> - <a href="https://www.ru.nl/" class="center-x"> + <a href="https://www.ru.nl/" class="center-x" target=â€_blankâ€> <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> <div style="flex:33.3; padding:15px"> - <a href="https://2024.igem.wiki/radboud-university/" class="center-x"> - <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center-x" style="max-height:100px"> + <a href="https://2024.igem.wiki/radboud-university/" class="center-x" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/infinityf-logos.webp" alt="InfinityF Logo" class="img-fluid, center-x" style="max-height:100px"> </a> </div> </div> @@ -69,21 +79,36 @@ <div style="display:flex;"> <h1 style="margin:auto; max-width:80vw;">Thank you to all of our sponsors!</h1> </div> - <div style="display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:2vh; margin-bottom:2vh;"> + <div style="display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:2vh; margin-bottom:2vh; align-items:baseline"> + <div class="sponsor"> + <a href="https://www.idtdna.com/page" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/idt-full.webp" class="img-fluid" alt="Integrated Data Technologies"> + </a> + </div> <div class="sponsor"> - <img src="https://static.igem.wiki/teams/5342/images/footer/idt.webp" class="img-fluid" alt="Integrated Data Technologies"> + <a href="https://www.pivotpark.com/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/pivotpark-full.webp" class="img-fluid" alt="Pivot Park"> + </a> </div> <div class="sponsor"> - <img src="https://static.igem.wiki/teams/5342/images/footer/pivot-park.webp" class="img-fluid" alt="Pivot Park"> + <a href="https://purivise.com/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/purivise-full.webp" class="img-fluid" alt="Purivise"> + </a> </div> <div class="sponsor"> - <img src="https://static.igem.wiki/teams/5342/images/footer/purivise.webp" class="img-fluid" alt="Purivise"> + <a href="https://worldwide.promega.com/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/promega.webp" class="img-fluid" alt="Promega"> + </a> </div> <div class="sponsor"> - <img src="https://static.igem.wiki/teams/5342/images/footer/promega.webp" class="img-fluid" alt="Promega"> + <a href="https://www.reset.bg/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/reset-full.webp" class="img-fluid" alt="Reset"> + </a> </div> <div class="sponsor"> - <img src="https://static.igem.wiki/teams/5342/images/footer/reset.webp" class="img-fluid" alt="Reset"> + <a href="https://www.ru.nl/" target=â€_blankâ€> + <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-full.webp" class="img-fluid" alt="Radboud"> + </a> </div> </div> <hr> diff --git a/wiki/layout.html b/wiki/layout.html index f43bae2de1ea0100b9506cb14140d0dd62c877b3..6eb8542acfe9208802a4d30d0839443aaa46ac17 100644 --- a/wiki/layout.html +++ b/wiki/layout.html @@ -4,7 +4,7 @@ <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/> + <link rel="shortcut icon" href="https://static.igem.wiki/teams/5342/images/infinityf-icon.ico"/> <link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/> <!-- Bootstrap CSS --> diff --git a/wiki/menu.html b/wiki/menu.html index 737083ca45be0276520dfbe0783f37a8fdd9af6a..fd817908fa90ce0e99e2d57dadd8e377934ad96b 100644 --- a/wiki/menu.html +++ b/wiki/menu.html @@ -3,8 +3,8 @@ <!---- TEAM NAME ----> <a class="navbar-brand" href="{{ url_for('home') }}"> - <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radoud University Team Logo" style="height:70px;"> - Radboud-University + <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="InfinityF Team Logo" style="height:70px;"> + Radboud University: Project InfinityF∞ </a> <!---- SMALL SCREEN MENU ICON ----> @@ -56,7 +56,11 @@ <a class="nav-link" href="{{ url_for('pages', page='human-practices') }}">Human Practices</a> </li> - <!---- AWARDS ----> + <!---- INCLUSIVITY AWARD ----> + <li class="nav-item"> + <a class="nav-link" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a> + </li> + <!---- REST OF AWARDS (NOT NEEDED) <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Awards @@ -73,7 +77,7 @@ <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable</a></li> </ul> </li> - + ----> </ul> </div> </div> diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html index 826eac3949e59d493d7377efd84c2f885c4bc2d2..572e2fa588040dfdbe45c48c047d45a1ba7dcf0d 100644 --- a/wiki/pages/attributions.html +++ b/wiki/pages/attributions.html @@ -1,10 +1,10 @@ {% extends "layout.html" %} {% block title %}Attributions{% endblock %} -{% block lead %}In the iGEM Competition, we celebrate student effort and achievement. The Attributions form helps the judges differentiate between what students accomplished from how their external collaborators supported them. Therefore, teams must clearly explain on the standard Project Attributions form what work they have conducted by themselves and what has been done by others.{% endblock %} +{% block lead %}Team InfinityF's Contributions and Attributions{% endblock %} {% block page_content %} - +<!-- <div class="row mt-4"> <div class="col"> <div> @@ -18,7 +18,7 @@ </div> </div> </div> - +--> <!-- ====================================================================== == VERY IMPORTANT == diff --git a/wiki/pages/description.html b/wiki/pages/description.html index 0e11991591d2441a5b56e59d358e6267466cea76..91a53a0ca36ebc61a7940aef90dcefa0cfb23026 100644 --- a/wiki/pages/description.html +++ b/wiki/pages/description.html @@ -1,7 +1,7 @@ {% extends "layout.html" %} -{% block title %}Radboud-University: Project Description{% endblock %} -{% block lead %}Radboud-University{% endblock %} +{% block title %}InfinityF: Project Description{% endblock %} +{% block lead %}Synthesizing a better future together!{% endblock %} {% block page_content %} @@ -15,7 +15,7 @@ <div class="row mt-4"> <div class="col-lg-8"> <p> - The Radboud University iGEM team is dedicated to addressing the daily challenges faced by patients with hemophilia A. + The 2024 Radboud iGEM Team, the first team of our university, is dedicated to addressing the daily challenges faced by patients with hemophilia A. This condition is caused by a genetic mutation in the FVIII gene on the X-chromosome, which prevents liver sinusoidal endothelial cells (LSECs) from producing coagulation factor VIII, a crucial protein in the blood clotting process. Our project aims to develop a more effective and comfortable treatment for this genetic disorder compared to current methods. </p> @@ -25,66 +25,58 @@ </div> </div> - <div class="row mt-4"> - <p> - We propose the creation of a niosome vesicle containing mRNAs that encode the coagulation factor VIII protein. - These vesicles will be administered into the bloodstream, travel to the liver, and target LSECs with the help of surface proteins. - Once inside the cells, the vesicles will release the mRNAs, leading to the production of coagulation factor VIII. - This approach enables patients to produce their own coagulation factor VIII, eliminating the need for frequent injections of plasma-derived or recombinant proteins. - A visual representation of the vesicle structure is provided below. - </p> - </div> - - <div class="row mt-4 d-flex justify-content-center align-items-center"> - <img src="https://static.igem.wiki/teams/5342/images/description/desc2.png" alt="Vesicle structure" class="img-fluid w-50"> - </div> - <div class="row mt-4"> <div class="col-lg-8"> <p> - Our innovative treatment aims to address significant issues with current hemophilia therapies. - Presently, patients experience large fluctuations in blood coagulation factor VIII levels after injections, leading to brief stable periods followed by rapid declines. - This necessitates frequent injections and risks sudden drops in coagulation factor VIII protein levels, which can trigger hemophilia symptoms. - Our mRNA delivery system is expected to provide more stable and prolonged protein levels, reducing the frequency of treatments and associated anxieties. + We propose the creation of LNP containing mRNAs that encode the coagulation factor VIII protein. + LNPs administered into the bloodstream travel to the liver and target LSECs with the help of surface proteins. + Once inside the cells, the vesicles will release the mRNAs, leading to the production of coagulation factor VIII. + This approach enables patients to produce their own coagulation factor VIII, eliminating the need for frequent injections of plasma-derived or recombinant proteins. </p> </div> <div class="col-lg-4"> - <img src="https://static.igem.wiki/teams/5342/images/description/desc3.png" alt="Graph that demonstrates rapid declines" class="img-fluid"> + <img src="https://static.igem.wiki/teams/5342/images/description/desc2.png" alt="Vesicle structure" class="img-fluid"> </div> </div> <div class="row mt-4"> <div class="col-lg-8"> <p> - Additionally, our vesicle-based system offers an alternative to intravenous administration. - Recognizing the discomfort of this method, we propose a nasal spray delivery system using hydrogel and vesicles, which allows mRNA absorption through the nasal epithelium. - This method promises greater comfort for patients. + Presently, patients experience large fluctuations in blood coagulation factor VIII levels after injections, leading to brief stable periods followed by rapid declines. + This necessitates frequent injections and risks sudden drops in coagulation factor VIII protein levels, which can trigger hemophilia symptoms. + Our mRNA delivery system is expected to provide more stable and prolonged protein levels, reducing the frequency of treatments. </p> </div> <div class="col-lg-4"> - <img src="https://static.igem.wiki/teams/5342/images/description/desc4.jpg" alt="Nasal spray" class="img-fluid w-50"> + <img src="https://static.igem.wiki/teams/5342/images/description/desc3.png" alt="Graph that demonstrates rapid declines" class="img-fluid"> </div> </div> <div class="row mt-4"> <div class="col-lg-8"> <p> - Another critical advantage of our approach is the elimination of the risk of viral infections, such as HIV and HCV, which can occur with human plasma-derived treatments. + Additionally, our system offers an alternative to intravenous administration. + Recognizing the discomfort of this method, we propose a nasal spray delivery system using hydrogel and LNPs, which allows mRNA absorption through the nasal epithelium. + We also try to eliminate the risk of viral infections, such as HIV and HCV, which can occur with human plasma-derived FVIII treatments. While rare, such infections are possible. - By avoiding human-derived components, our treatment ensures safety from these risks. </p> </div> <div class="col-lg-4"> - <img src="https://static.igem.wiki/teams/5342/images/description/desc5.jpg" alt="Human holding heart, symbolically representing safety" class="img-fluid"> + <img src="https://static.igem.wiki/teams/5342/images/description/desc4.jpg" alt="Nasal spray" class="img-fluid w-50"> </div> </div> <div class="row mt-4"> + <div class="col-lg-8"> <p> Hemophilia is a widespread condition affecting approximately 1,125,000 people worldwide and we, as a group of young scientists, are committed to enhancing the quality of life for these patients. In severe cases, hemophilia can lead to fatal blood loss, but even minor inconveniences, like restricted physical activities, significantly impact patients' lives. Our project aspires to contribute to a better quality of life for those affected by hemophilia, addressing both major and minor challenges of the current treatment landscape. </p> + </div> + <div class="col-lg-4"> + <img src="https://static.igem.wiki/teams/5342/images/description/desc5.jpg" alt="Human holding heart, symbolically representing safety" class="img-fluid"> + </div> </div> <div class="row mt-4"> diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html index bb66c779ba036a629b97dca8e77d3de8a3c07849..85b53065ad441d3248f97e1896bcf47722e44f1e 100644 --- a/wiki/pages/notebook.html +++ b/wiki/pages/notebook.html @@ -57,6 +57,7 @@ top: 0; right: 0; display: none; + cursor: pointer; } .retrievable { display: none; @@ -85,6 +86,7 @@ this.cell.style.backgroundColor = '#ff424bff'; this.cell.style.color = '#ffffff'; this.cell.style.border = '1px solid black'; + this.cell.style.cursor = 'pointer'; } hoverOnColour() { diff --git a/wiki/pages/team.html b/wiki/pages/team.html index 902e996578aaeaa31bc3d960cb40b6c85860ab98..83eb95103adfdd4c80e5a3b1f86e207211605b74 100644 --- a/wiki/pages/team.html +++ b/wiki/pages/team.html @@ -1,6 +1,6 @@ {% extends "layout.html" %} -{% block title %}Team InfinityF{% endblock %} +{% block title %}Team Radboud University{% endblock %} {% block lead %}Synthesize a better future together!{% endblock %} {% block page_content %} @@ -104,7 +104,7 @@ <div class="row" style="margin-bottom:3vh; display:flex; justify-content: space-evenly;"> <img src="https://static.igem.wiki/teams/5342/images/team/team-drinks-2.webp" style="max-width:100%; max-height: 60vh; width:auto; height:auto;" alt="InfinityF - Together!"> <h5 style="text-align:center;"> - We're <b>InfinityF</b>! We are based in Radboud University in Nijmegen, and we work to synthesize a better future! + We're team <b>Radboud University</b>! We are based in Radboud University in Nijmegen, and we work to synthesize a better future! </h5> </div> <h2 style="text-align:center">Our members:</h2> @@ -189,7 +189,7 @@ This is precisely the reason I decided to join iGEM - It's a unique way to diversify my skill-sets and help create a project with real-world implications. I knew close to nothing about web development before joining iGEM, but when I was offered to help make the wiki I couldn't refuse trying. From then on, I've learnt so much about not only HTML, CSS, and Javascript implementation in the wiki, but also about hemophilia, synthetic biology as a whole, and about working efficiently in a team. - I can say with certainty that I'm proud to be a member of our InfinityF team, and hope that I inspire future Radboud Computing Science students to take on this interdisciplinary challenge in future years! + I can say with certainty that I'm proud to be a member of our Radboud University team, and hope that InfinityF and I inspire future Radboud Computing Science students to take on this interdisciplinary challenge in future years! </p> </div> <div class="grid-child" id = "card_luc-jan">