1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="description" content="Digital History of Science"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> 8 <title>Digital History of Science</title> 9 10 <!-- Page styles --> 11 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en"> 12 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 13 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" /> 14 <link rel="stylesheet" href="material.min.css"> 15 <link rel="stylesheet" href="styles.css"> 16 </head> 17 <body> 18 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> 19 20 <div class="header mdl-layout__header mdl-layout__header--waterfall"> 21 <div class="mdl-layout__header-row"> 22 <span class="title mdl-layout-title app-title" style="color:#00a658;font-family: cursive;font-size:175%;"> 23 <!-- Digital History of Science --> 24 </span> 25 <!-- Add spacer, to align navigation to the right in desktop --> 26 <div class="header-spacer mdl-layout-spacer"></div> 27 <div class="search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width"> 28 <div class="mdl-textfield__expandable-holder"> 29 <input class="mdl-textfield__input" type="text" id="search-field"> 30 </div> 31 </div> 32 <!-- Navigation --> 33 <div class="navigation-container"> 34 <nav class="navigation mdl-navigation"> 35 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="#about">About</a> 36 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="#contact">Contact</a> 37 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://twitter.com/claveau_f"><i class="fa fa-twitter"></i></a> 38 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://www.facebook.com/epistemologiepratique/"><i class="fa fa-facebook-square"></i></a> 39 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="/fr" style="color: #e4232c;"> | FR</a> 40 <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://www.linkedin.com/in/fran%C3%A7ois-claveau-43196224"><i class="fa fa-linkedin"></i> --> 41 </a> 42 </nav> 43 </div> 44 </div> 45 </div> 46 47 <div class="drawer mdl-layout__drawer"> 48 <span class="mdl-layout-title" style="color:#fff;font-family: cursive;padding: 10px;text-align: center;"> 49 Digital History of Science 50 </span> 51 <nav class="mdl-navigation"> 52 <a class="mdl-navigation__link" href="#about">About</a> 53 <a class="mdl-navigation__link" href="#contact">Contact</a> 54 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://twitter.com/claveau_f"><i class="fa fa-twitter"></i></a> 55 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://www.facebook.com/epistemologiepratique/"><i class="fa fa-facebook-square"></i></a> 56 <a class="mdl-navigation__link mdl-typography--text-uppercase" href="/fr" style="color: #e4232c;"> | FR</a> 57 <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://www.linkedin.com/in/fran%C3%A7ois-claveau-43196224"><i class="fa fa-linkedin"></i> --> 58 </a> 59 </nav> 60 </div> 61 62 <div class="content mdl-layout__content"> 63 <a name="top"></a> 64 <div class="be-together-section mdl-typography--text-center"> 65 <div class="logo-font slogan">Digital History of Science</div> 66 <div class="logo-font sub-slogan"> <!-- Web Apps ... --> </div> 67 </div> 68 <div class="screen-section mdl-typography--text-center"> 69 <div id="about" class="wear-band"> 70 <div class="wear-band-text"> 71 <div class="mdl-typography--display-2 mdl-typography--font-thin about">About</div> 72 <p class="mdl-typography--headline mdl-typography--font-thin description">
73 On this site are hosted web apps contributing to the history of science. These apps are produced by 74 the <a href="http://www.fclaveau.org/en/">Canada Research Chair in Applied Epistemology</a> and collaborators. 75 </p> 76 </div> 77 </div> 78 </div> 79 <div class="more-section"> 80 <div class="section-title mdl-typography--display-1-color-contrast">Our web apps</div> 81 <div class="card-container mdl-grid"> 82 <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp"> 83 <div class="mdl-card__media"> 84 <a href="http://www.digitalhistoryofscience.org/economics/"> <img src="assets/img/economics.png"></a> 85 </div> 86 <div class="mdl-card__title"> 87 <h4 class="mdl-card__title-text">The Bibliometric History of Specialties in Economics</h4> 88 </div> 89 <div class="mdl-card__supporting-text"> 90 <span class="mdl-typography--font-light mdl-typography--subhead">This web application allows you to explore the specialty structure of economics from the late 1950s to 2014.</span> 91 </div> 92 <div class="mdl-card__actions"> 93 <a class="link mdl-button mdl-js-button mdl-typography--text-uppercase" href="http://www.digitalhistoryofscience.org/economics/"> 94 View Web Application 95 <i class="material-icons">chevron_right</i> 96 </a> 97 </div> 98 </div> 99 <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp"> 100 <div class="mdl-card__media"> 101 <a href="http://www.digitalhistoryofscience.org/ssh/"> <img src="assets/img/ssh.png"></a> 102 </div> 103 <div class="mdl-card__title"> 104 <h4 class="mdl-card__title-text">The Bibliometric History of the Social Sciences</h4> 105 </div> 106 <div class="mdl-card__supporting-text"> 107 <span class="mdl-typography--font-light mdl-typography--subhead">Beta version</span> 108 </div> 109 <div class="mdl-card__actions"> 110 <a class="link mdl-button mdl-js-button mdl-typography--text-uppercase" href="http://www.digitalhistoryofscience.org/ssh/"> 111 View Web Application 112 <i class="material-icons">chevron_right</i> 113 </a> 114 </div> 115 </div> 116 </div> 117 <div class="card-container mdl-grid"> 118 <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp"> 119 <div class="mdl-card__media"> 120 <a href="http://www.digitalhistoryofscience.org/dhm/"> <img src="assets/img/dhm.jpg"></a> 121 </div> 122 <div class="mdl-card__title"> 123 <h4 class="mdl-card__title-text">Digital history of macroeconomics</h4> 124 </div> 125 <div class="mdl-card__supporting-text"> 126 <span class="mdl-typography--font-light mdl-typography--subhead"></span> 127 </div> 128 <div class="mdl-card__actions"> 129 <a class="link mdl-button mdl-js-button mdl-typography--text-uppercase" href="http://www.digitalhistoryofscience.org/dhm/"> 130 View Web Application 131 <i class="material-icons">chevron_right</i> 132 </a> 133 </div> 134 </div> 135 </div> 136 </div> 137 <div class="screen-section mdl-typography--text-center"> 138 <div id="contact" class="wear-band"> 139 <div class="wear-band-text"> 140 <div class="mdl-typography--display-2 mdl-typography--font-thin">Contact Us</div> 141 </div> 142 </div> 143 </div> 144 <div class="more-section"> 145 <div class="card-container mdl-grid"> 146 <div class="mdl-card__supporting-text"> 147 <form id="form" action="../mail.php" method="POST" class="card-container mdl-grid"> 148 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 149 <input class="mdl-textfield__input" required type="text" name="first_name"> 150 <label class="mdl-textfield__label">Your First Name *</label> 151 </div> 152 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 153 <input class="mdl-textfield__input" required type="text" name="last_name"> 154 <label class="mdl-textfield__label" >Your Last Name *</label> 155 </div> 156 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 157 <input class="mdl-textfield__input" required type="email" name="email"> 158 <label class="mdl-textfield__label">Your Email Adress *</label> 159 </div> 160 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 161 <input class="mdl-textfield__input" type="text" name="company"> 162 <label class="mdl-textfield__label">Your Company</label> 163 </div> 164 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 165 <input class="mdl-textfield__input" type="phone" name="phone"> 166 <label class="mdl-textfield__label">Your Phone</label> 167 </div> 168 <div class="mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 169 <input class="mdl-textfield__input" required type="text" name="object"> 170 <label class="mdl-textfield__label" for="object">Subject *</label> 171 </div> 172 <div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--4-col-phone mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> 173 <textarea class="mdl-textfield__input" type="text" required rows="5" name="message"></textarea> 174 <label class="mdl-textfield__label" for="message">Your Message *</label> 175 </div> 176 <p> 177 <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary" style="background: #00a658;color: #fff;" type="submit"> 178 Submit 179 </button> 180 </p> 181 </form> 182 </div> 183 <div id="success-message" class="alert alert-dismissible alert-success success_message" style="display:none;">
184 Thank you ! your message has been sent successfully.<button type="button" class="close" data-dismiss="alert">Ã</button> 185 </div> 186 187 </div> 188 </div> 189 <div class="customized-section"> 190 <div class=""> 191 <!-- <div class="mdl-typography--font-light mdl-typography--display-1-color-contrast">Thank you for supporting us!</div> 192 <br> --> 193 <div class=""> 194 <a href="http://www.usherbrooke.ca" style="text-decoration: none;"> 195 <img src="/economics/images/UdeS_nouveau_coul.72dpi.png" alt="Rounded Image" class="img-rounded img-raised img-responsive" style='width: 30%;'> 196 </a> 197 <a href="http://www.cirst.uqam.ca/" style="text-decoration: none;"> 198 <img src="/economics/images/CIRST.png" alt="Rounded Image" class="img-rounded img-raised img-responsive" style='background:#fff; width: 36%;'> 199 </a> 200 <a href="http://www.fclaveau.org/" style="text-decoration: none;"> 201 <img src="/economics/images/logo_chaire_epistemo_pratique.png" alt="Rounded Image" class="img-rounded img-raised img-responsive" style='background:#fff; width: 19%;'> 202 </a> 203 </div> 204 </div> 205 </div> 206 <footer class="mdl-mini-footer"> 207 <div class="mdl-mini-footer__left-section"> 208 <div class="mdl-logo">Digital History of Science</div> 209 <ul class="mdl-mini-footer__link-list"> 210 <li><a href="#about">About</a></li> 211 <li><a href="#contact">Contact</a></li> 212 <li><a class="mdl-navigation__link mdl-typography--text-uppercase" href="/fr" style="color: #e4232c;"> | FR</a></li> 213 214 </ul> 215 </div> 216 <div class="mdl-mini-footer__right-section"> 217 <ul class="mdl-mini-footer__link-list"> 218 <li>© 2016 Digital History of Science</li> 219 </ul> 220 </div> 221 </footer> 222 </div> 223 </div> 224
224<script src="assets/js/jquery.min.js" type="text/javascript"></script>
224 225
225<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
225 226
226<script src="https://code.getmdl.io/1.1.3/material.min.js"></script>
226 227
227<script type="text/javascript"> 228 $().ready(function(){ 229 $('#form').submit(function(event) { 230 // process the form 231 $.ajax({ 232 type : 'POST', // define the type of HTTP verb we want to use (POST for our form) 233 url : 'mail.php', // the url where we want to POST 234 data : $("#form").serialize(), // our data object 235 dataType : 'json', // what type of data do we expect back from the server 236 encode : true 237 }) 238 // using the done promise callback 239 .done(function(res) { 240 // log data to the console so we can see 241 document.getElementById("form").reset(); 242 $("#success-message").show(); 243 //$('#showDialogButton').click(); 244 //console.log(res); 245 // here we will handle errors and validation messages 246 }); 247 248 // stop the form from submitting the normal way and refreshing the page 249 event.preventDefault(); 250 return false; 251 }); 252 }); 253 </script>
253 254 </body> 255</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.