1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 6 <meta name="description" content="" /> 7 <meta name="author" content="" /> 8 <title>Evidence-Based Medicine in Psychiatry & Psychotherapy (EBMPP)</title> 9 <!-- Favicon--> 10 <link rel="icon" type="image/png" href="/assets/favicon/favicon-48x48.png" sizes="48x48" /> 11 <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg" /> 12 <link rel="shortcut icon" href="/assets/favicon/favicon.ico" /> 13 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" /> 14 <!-- Bootstrap icons--> 15 <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" /> 16 <!-- Core theme CSS (includes Bootstrap)--> 17 <link href="css/styles.css" rel="stylesheet"/> 18 <link rel="preconnect" href="https://fonts.googleapis.com"> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Orbitron&family=Signika:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 21 <!-- fontawesome icons--> 22
22<script src="https://kit.fontawesome.com/51da9bb012.js" crossorigin="anonymous"></script>
22 23 </head> 24 <body class="d-flex flex-column h-100 bg-blue"> 25 <main class="flex-shrink-0"> 26 <!-- Navigation--> 27 <nav class="navbar navbar-expand-lg navbar-light bg-light shadow"> 28 <div class="container px-4 py-2" style="margin-top: -11px;"> 29 <a class='navbar-brand signika' href='/'> 30 <div class="row"> 31 <div id="logo-cont" class="col" style="padding-left: 0.4rem;"> 32 <a href="/"><img src="assets/logo/ebmpp-logo.svg" width="130px"></a> 33 </div> 34 </div> 35 </a> 36 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> 37 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 38 <ul class="navbar-nav ms-auto mb-lg-0" style="margin-top: 10px;"> 39 <li id="navbar-home" class="nav-item"><a class="nav-link" href="/"><i class="fa-solid fa-home"></i></a></li> 40<li id="navbar-about-us" class="nav-item"><a class="nav-link" href="/about-us/">About Us</a></li> 41<li id="navbar-team" class="nav-item"><a class="nav-link" href="/team/">Team</a></li> 42<li id="navbar-projects" class="nav-item"><a class="nav-link" href="/projects/">Projects</a></li> 43<li id="navbar-collaborations" class="nav-item"><a class="nav-link" href="/collaborations/">Collaborations</a></li> 44 <li class="nav-item"> 45 <button id="languageSwitcher" class="btn" onclick="switchLanguageBtn()" title="Switch Language"> 46 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 0 8 22-8 23v23l32 54-32 54v32l32 48-32 48v32l32 54-32 54v68l22-8 23 8h23l54-32 54 32h32l48-32 48 32h32l54-32 54 32h68l-8-22 8-23v-23l-32-54 32-54v-32l-32-48 32-48v-32l-32-54 32-54V0l-22 8-23-8h-23l-54 32-54-32h-32l-48 32-48-32h-32l-54 32L68 0H0z"/><path fill="#0052b4" d="M336 0v108L444 0Zm176 68L404 176h108zM0 176h108L0 68ZM68 0l108 108V0Zm108 512V404L68 512ZM0 444l108-108H0Zm512-108H404l108 108Zm-68 176L336 404v108z"/><path fill="#d80027" d="M0 0v45l131 131h45L0 0zm208 0v208H0v96h208v208h96V304h208v-96H304V0h-96zm259 0L336 131v45L512 0h-45zM176 336 0 512h45l131-131v-45zm160 0 176 176v-45L381 336h-45z"/></g></svg> 47 </button> 48 </li> 49 </ul> 50 </div> 51 </div> 52 </nav> 53 <!-- Header--> 54 <header id="start-header" class="bg-light py-5"> 55 <div class="container"> 56 <div class="row"> 57 <!-- First column--> 58 <div id="start-first-column" class="col-lg-7 bg-team rounded mx-3 my-1 fade-in-super-short" style="padding: 2rem; position: relative; overflow: hidden;"> 59 <div class="text-center text-xl-start" style="min-height: 300px;"> 60 <div style="position: absolute; background-color: var(--dgps-blue-fade-opaque); top: 0; left: 0; width: 100%; padding: 20px"> 61 <h1 class="display-5 fw-bolder mb-0 blue signika" id="greeting">Welcome!</h1> 62 <p id="index-subtitle" class="lead fw-normal pb-0 mb-0">This is the homepage of the Section for Evidence-Based Medicine<br> in Psychiatry and Psychotherapy (EBMPP). 63 </p> 64 </div> 65 </div> 66 <a id="about-us-btn" class="btn btn-primary btn-lg px-4" style="float: right;" href="/about-us/" id="about-us-btn">About Us</a> 67 </div> 68 <!-- Second column--> 69 <div id="start-second-column" class="col-lg-4 bg-blue-fade rounded mx-3 my-1 fade-in-short hide-mobile" style="padding: 2rem; position: relative"> 70 <div class="text-center text-xl-start" style="min-height: 300px;"> 71 <h2 id="director" class="fw-bolder mb-2 signika blue">Director</h2> 72 <div style="position: absolute; top: 32px; right: 32px; font-size: 0.8rem;"> 73 <p class="hide-mobile mb-0"><i class="fa-solid fa-phone"></i> 089 4140-4249</p> 74 <p class="hide-mobile"><i class="fa-solid fa-envelope"></i> <a href="mailto:[email protected]">stefan.leucht[at]tum.de</a></p> 75 </div> 76 <div class="mb-3 hide-mobile"> 77 <img src="assets/leucht.webp" style="width: 100%; border: 1px solid lightgrey;" class="rounded" alt="Image of Prof. Dr. Stefan Leucht"> 78 </div> 79 </div> 80 <a id="director-btn" style="position: absolute; bottom: 32px; right: 32px" class="btn btn-primary btn-lg px-4" href="/team/prof-stefan-leucht/">Prof. Stefan Leucht, MD</a> 81 </div> 82 </div> 83 </header> 84 <!-- Features section--> 85 <section class="bg-light" id="ziele" style="padding-top: 2rem; padding-bottom: 4rem;"> 86 <div class="container"> 87 <div class="row" id="cont-features" > 88 <div class="col"> 89 <div class="row row-cols-1 row-cols-md-4"> 90 <div class="col mb-5 h-100"> 91 <a href="/work-with-us/"> 92 <div class="feature bg-green-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-briefcase green"></i></div> 93 </a> 94 <a href="/work-with-us/"> 95 <h2 class="h5" id="work-with-us-title">Work With Us</h2> 96 </a> 97 <p class="mb-0" id="work-with-us-text">Opportunities for national and international researchers in our section.</p> 98 </div> 99 <div class="col mb-5 h-100"> 100 <a href="/helpful-tools/"> 101 <div class="feature bg-blue-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-toolbox blue"></i></div> 102 </a> 103 <a href="/helpful-tools/"> 104 <h2 class="h5" id="helpful-tools-title">Helpful Tools</h2> 105 </a> 106 <p class="mb-0" id="helpful-tools-text" >Applications and other helpful tools developed by our team.</p> 107 </div> 108 <div class="col mb-5 h-100"> 109 <a href="/links-materials/"> 110 <div class="feature bg-green-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-folder-open green"></i></i></div> 111 </a> 112 <a href="/links-materials/"> 113 <h2 class="h5" id="links-materials-title">Links & Materials</h2> 114 </a> 115 <p class="mb-0" id="links-materials-text" >Relevant links and documents for mental health professionals.</p> 116 </div> 117 <div class="col mb-5 h-100"> 118 <a href="/publications/"> 119 <div class="feature bg-blue-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-book blue"></i></div> 120 </a> 121 <a href="/publications/"> 122 <h2 class="h5" id="publications-title">Publications</h2> 123 </a> 124 <p class="mb-0" id="publications-text">Peer-reviewed articles and other publications by our section. 125 </p> 126 </div> 127 <div class="col mb-5 h-100"> 128 <a href="/basta/"> 129 <div class="feature bg-blue-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-hand blue"></i></div> 130 </a> 131 <a href="/basta/"> 132 <h2 class="h5">BASTA</h2> 133 </a> 134 <p class="mb-0" id="basta-text">The alliance for people with mental illnesses. 135 </p> 136 </div> 137 <div class="col mb-5 h-100"> 138 <a href="/collaborations/"> 139 <div class="feature bg-green-fade bg-gradient text-white rounded-3 mb-3"><i class="fa-solid fa-circle-nodes green"></i></i></div> 140 </a> 141 <a href="/collaborations/"> 142 <h2 class="h5" id="network-title">Network</h2> 143 </a> 144 <p class="mb-0" id="network-text">International collaborations and<br> research cooperations.</p> 145 </div> 146 </div> 147 </div> 148 </div> 149 </div> 150 </section> 151 </main> 152 <!-- Footer--> 153 <footer class="bg-blue-fade py-4"> 154 <div class="container"> 155 <div class="row align-items-center justify-content-between flex-column flex-sm-row"> 156 <div class="col-auto"><div class="small m-0 text-white">© <span id="insert-year"></span> Section Evidence-Based Medicine in Psychiatry & Psychotherapy (EBMPP)</div> 157
157<script> 158 document.getElementById('insert-year').innerHTML = new Date().getFullYear(); 159 </script>
159 160 </div> 161 <div class="col-auto"> 162 <a class="link-light small" href="/imprint/">Imprint</a> 163 <span class="text-white mx-1">·</span> 164 <a href="https://www.tum.de"><img src="assets/tum_white.png" height="20px" alt=""></a> 165 <span class="text-white mx-1">·</span> 166 <a href="https://www.mri.tum.de/"><img src="assets/mri_white.png" height="20px" alt=""></a> 167 </div> 168 </div> 169 </div> 170 </footer> 171 <!-- Bootstrap core JS--> 172
172<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
172 173 <!-- Core theme JS--> 174
174<script src="js/scripts.js"></script>
174 175 <!-- Specific elements to translate --> 176
176<script> 177 // Function to change the language and update the flag icon 178 function switchLanguage(lang) { 179 180 // Update text content 181 document.getElementById('greeting').textContent = translations[lang].greeting; 182 document.getElementById('director').innerHTML = translations[lang].director; 183 document.getElementById('index-subtitle').innerHTML = translations[lang].indexSubtitle; 184 document.getElementById('about-us-btn').innerHTML = translations[lang].aboutUsBtn; 185 document.getElementById('director-btn').innerHTML = translations[lang].directorBtn; 186 document.getElementById('work-with-us-text').innerHTML = translations[lang].workWithUsText; 187 document.getElementById('helpful-tools-title').innerHTML = translations[lang].helpfulToolsTitle; 188 document.getElementById('helpful-tools-text').innerHTML = translations[lang].helpfulToolsText; 189 document.getElementById('links-materials-title').innerHTML = translations[lang].linksMaterialsTitle; 190 document.getElementById('links-materials-text').innerHTML = translations[lang].linksMaterialsText; 191 document.getElementById('publications-title').innerHTML = translations[lang].publicationsTitle; 192 document.getElementById('publications-text').innerHTML = translations[lang].publicationsText; 193 document.getElementById('basta-text').innerHTML = translations[lang].bastaText2; 194 document.getElementById('network-title').innerHTML = translations[lang].networkTitle; 195 document.getElementById('network-text').innerHTML = translations[lang].networkText; 196 197 // Update flag 198 iconSwitcher(lang); 199 } 200 </script>
200 201 </body> 202</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.