1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <link rel="icon" type="image/png" href="./images/newlogo.png"> 6 <link rel="apple-touch-icon" href="./images/newlogo.png"> 7 <link rel="apple-touch-icon" sizes="76x76" href="./images/newlogo.png"> 8 <link rel="apple-touch-icon" sizes="120x120" href="./images/newlogo.png"> 9 <link rel="apple-touch-icon" sizes="152x152" href="./images/newlogo.png"> 10 11 <meta charset="UTF-8"> 12 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 13 <link rel="stylesheet" href="./styles/main.css"> 14 <link rel="stylesheet" href="./styles/header.css"> 15 <link rel="stylesheet" href="./styles/home.css"> 16 <link rel="stylesheet" href="./styles/projects.css"> 17 <link rel="stylesheet" href="./styles/footer.css"> 18 <link rel="preconnect" href="https://fonts.googleapis.com"> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.
21com" crossorigin> 22 <link rel="preconnect" href="https://fonts.googleapis.com"> 23 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 24 <link 25 href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant:wght@300;500&family=Great+Vibes&family=Montserrat:wght@400;500&family=Open+Sans:wght@300;400&family=Roboto+Mono:ital,wght@0,400;1,500&family=Roboto:wght@700&family=Russo+One&family=Sarabun:wght@200&family=Signika+Negative&family=Varela+Round&display=swap" 26 rel="stylesheet"> 27 <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@200;400;600&display=swap" 28 rel="stylesheet"> 29 30 <title>Hatzakis Lab</title> 31 <!--
31<script defer src="./scripts/introSlidesFunctionallity.js"></script>
31 --> 32
32<script defer type="module" src="./scripts/scroller.js"></script>
32 33
33<script defer type="module" src="./scripts/responsive.js"></script>
33 34
34<script defer src="https://kit.fontawesome.com/005804bb5d.js" crossorigin="anonymous"></script>
34 35 36
36<script> 37 // Function to check if the device is in dark mode 38 function isDarkMode() { 39 return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; 40 } 41 42 // Function to set the favicon based on dark mode 43 function setFavicon() { 44 var favicon = document.querySelector('link[rel="icon"]'); 45 let appleList = document.querySelectorAll('link[rel="apple-touch-icon"]') 46 if (isDarkMode()) { 47 favicon.href = "./images/newlogo.png"; // Change to dark mode favicon 48 appleList.forEach(element => { 49 50 element.href = "./images/newlogo.png" 51 52 }); 53 } else { 54 favicon.href = './images/newlogo_dark.png'; // Change to light mode favicon 55 appleList.forEach(element => { 56 element.href = "./images/newlogo_dark.png" 57 58 59 }); 60 } 61 } 62 63 // Set the favicon initially 64 setFavicon(); 65 66 // Listen for changes in color scheme and update favicon accordingly 67 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () { 68 setFavicon(); 69 }); 70 </script>
70 71 72</head> 73 74<body> 75 76 <header id="header"> 77 78 <div id="wrapper"> 79 <div id="logo" onclick="window.location.href='./index.html'"> 80 <div id="logo--logo"> 81 <img src="./images/newlogo.png" alt="logo"> 82 </div> 83 <div id="logo--text"> 84 <h3 id="hatzakis--lab">Hatzakis Lab</h3> 85 </div> 86 </div> 87 88 89 90 91 <div id="menu--bar"> 92 <div class="bar"></div> 93 <div class="bar"></div> 94 <div class="bar"></div> 95 </div> 96 </div> 97 98 99 <ul> 100 <li><a href="./index.html" class="selected">Home</a></li> 101 <li><a href="./pages/projects.html">Projects</a></li> 102 <li><a href="./pages/publications.html">Publications</a></li> 103 <li><a href="./pages/members.html">Members</a></li> 104 <li><a href="./pages/software.html">Software</a></li> 105 <li><a href="./pages/gallery.html">Gallery</a></li> 106 <li><a href="./pages/news.html">News</a></li> 107 <li><a href="./pages/contact.html">Contact</a></li> 108 109 </ul> 110 111 </header> 112 113 <section id="home"> 114 115 <div id="movies"> 116 117 <video id="purple" loop autoplay playsinline muted> 118 <source src="./videos/mov1.mp4" type="video/mp4"> 119 </video> 120 </div> 121 122 123 124 <div class="movies--and--arrows "> 125 126 <div id="in--video--logo"> 127 <div id="logo--image--main"> 128 <img src="./images/newlogo.png" alt="logo"> 129 130 </div> 131 132 <div id="logo--text--main"> 133 <h3>Hatzakis Lab</h3> 134 <h2>Single Molecule | Cell Biophysics</h2> 135 </div> 136 </div> 137 138 <button id="learn--more" onclick="window.location.href='#mission'"><i 139 class="fa-solid fa-arrow-down"></i></button> 140 141 </div> 142 143 144 <div id="mission"> 145 <div id="our--mission"> 146 <h2>Our Vision</h2> 147 <p>Our vision is to understand biology one molecule at a time. We strive to provide a dynamic and 148 quantitative understanding in structural and cell biology and to utilize this information to control 149 aberrant biological function. We approach this formidable challenge with an eclectic mix of 150 quantitative single particle microscopy techniques and machine learning analysis.</p> 151 </div> 152 <img class="hidden" id="mission--image" src="./images/gallery/BBQ25.jpg"> 153 </div> 154 155 156 <div id="whoweare"> 157 <div id="whoweare--text" class="hidden"> 158 <h2>Who we are</h2> 159 <p>The main objective of my group is to augment our understanding on the molecular mechanisms that 160 underlie and control vital cellular functions. We approach this challenge by deciphering the dynamic 161 interplay between the function and spatiotemporal localization of biomolecules (virus, dug 162 nanocarrier, oligonucleotides or protein assemblies) and how this correlate to cellular and 163 organismal response. We utilize an eclectic mix of single particle te
163chniques that promises to shed 164 light on the interplays between the behaviour (dynamics, function and localisation) of biomolecules 165 and high throughput single particle screening methodologies to decipher oligonucleotide interactions 166 with membranes. 167 <br> 168 Recognizing that 4D imaging generates terabytes of data sets, that are hard to be quantitatively 169 evaluated by current semi-manual analysis, we have developed toolboxes based on machine learning to 170 rapidly and reliably, analyze the wealth of novel microscopy data we, and others, produce. Our 171 all-inclusive softwares for windows and macs, offer accelerate by 5 orders of magnitude transition 172 from raw data to quantitative analysis. These combined methodologies bridge 4D imaging with 173 sophisticate image analysis required for delving into the era of 4D cell and tissue imaging.</p> 174 </div> 175 176 </div> 177 178 179 180 <div id="funding"> 181 <div class="fund"> 182 <p> 183 184 Our <br> Funding 185 </p> 186 </div> 187 <div class="fund hidden"> 188 <img src="./images/fundings/novonordisk.png"> 189 </div> 190 <div class="fund hidden"> 191 <img src="./images/fundings/innovation.png"> 192 </div> 193 <div class="fund hidden"> 194 <img src="./images/fundings/novozymes.png"> 195 </div> 196 <div class="fund hidden"> 197 <img src="./images/fundings/lundbeck.png"> 198 </div> 199 <div class="fund hidden"> 200 <img src="./images/fundings/mariecurie.png"> 201 </div> 202 <div class="fund hidden"> 203 <img src="./images/fundings/carlsberg.png"> 204 </div> 205 <div class="fund hidden"> 206 <img src="./images/fundings/villum.png"> 207 </div> 208 209 210 </div> 211 212 213 <div id="footer"> 214 <div id="lab--info"> 215 <img src="./images/newlogo.png"> 216 <h3>Hatzakis Lab</h3> 217 <p>Thorvaldsensvej 40</p> 218 <p>Frederiksberg 1871</p> 219 </div> 220 <div id="map"> 221 222 <a href="https://maps.app.goo.gl/Mz6uHgJNsEi35NJK7" target="_blank"><img 223 src="./images/mapslocation.png"></a> 224 225 </div> 226 <!-- <div id="uni--logo"> 227 <img src="./images/ku_long.png" onclick="navigateToKULab()" style="cursor: pointer;"> 228 </div> --> 229 230
230<script> 231 function navigateToKULab() { 232 window.location.href = 'https://chem.ku.dk/research_sections/bionanochem/hatzakislab/'; 233 } 234 </script>
234 235 236 </div> 237 238 239 240 241 242 243 244 245 </section> 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264</body> 265 266</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.