<head> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> <style> .container-fluid { background-color: #FFEACE; } .thin-black-border { border-color: black; border-width: 8px; border-style: solid; } .thin-black-circular-border { border-color: black; border-width: 8px; border-style: solid; border-radius: 50%; } .text-primary { font-family: "Roboto Condensed", sans-serif; color: black; } .text-secondary { font-family: "Roboto Condensed", sans-serif; color: black; font-size: 125%; } .early-life-text { font-size: 16px; margin: 10px 200px 50px 200px; } .contributions-text { font-size: 16px; margin: 10px 200px 50px 200px; } .footer-text { font-size: 16px; margin: 10px 200px 10px 200px; } .signature-text { font-size: 12px; margin: 10px 200px 10px 200px; } #quote-text-large { font-family: "Roboto Condensed", sans-serif; color: black; font-size: 200%; font-style: italic; } #quote-text-small { font-family: "Roboto Condensed", sans-serif; color: black; font-size: 130%; } .main { text-align: center; } h1 { font-size: 90px; } h2 { font-size: 60px; } h3 { font-size: 45px; } .main-image { width: 500px; margin: 20px; } .early-life-img { width: 500px; margin: 20px; } .early-life { background-color: #FBC57F; border-style: solid; text-align: center; margin: 50px; } .quote { background-color: #B5792B; border-style: solid; text-align: center; margin: 100px; padding: 20px; } .contributions-img { width: 400px; margin: 20px; } .contributions { background-color: #FBC57F; border-style: solid; text-align: center; margin: 50px; } .footer { background-color: #FBC57F; border-style: solid; text-align: center; margin: 50px; } .signature { background-color: #FBC57F; border-style: solid; text-align: center; margin: 50px; } </style> </head> <div class="container-fluid"> <div class="row"> <div class="col-xs-12"> <div class="main"> <h1 class="text-primary">Ada Lovelace</h1> <h4 class="text-primary">10 December 1815 - 27 November 1852</h4> <img class="main-image thin-black-circular-border" src="https://www.biography.com/.image/c_fill%2Ccs_srgb%2Cg_face%2Ch_300%2Cq_80%2Cw_300/MTE4MDAzNDEwODQwOTQ2MTkw/ada-lovelace-20825279-1-402.jpg" alt="Color illustration of Ada Lovelace."> <h2 class="text-primary">"Mother of Computer Programming"</h2> </div> <div class="early-life"> <h3 class="text-primary">Early Life</h3> <img class="early-life-img thin-black-border" src="http://enblocdesigndotcom.files.wordpress.com/2012/02/in-search-of-my-ancestors-by-john-fall_img_7.jpg" alt="Black and white drawing of 1800's London."> <div class="early-life-text"> <p class="text-secondary">Born in 1816 in London, England to poet George Lord Byron and his wife Anne Isabella Milbanke. Ada and her mother left Byron early in Ada's childhood and was primarily raised by her grandmother, Judith. Often ill, beginning in early childhood, suffering from vision impairing headaches and a bout with measles that left her briefly paralysed. She later was able to walk with the assistance of crutches. <br><br> Throughout her illnesses, Ada focused on her education. Her mother's obssession with avoiding the insanity that she believed inflicted Byron, was one of the reasons Ada was taught mathematics at an early age. She was privately schooled in mathematics and science by William Frend, William King, Mary Somerville, and Augustus De Morgan. In her late teens, De Morgan wrote to her mother regarding her potential in mathematics stating Ada was "an original mathematical investigator, prehaps of first-rate eminence". <br><br> Lovelace believed that intuition and imagination were critical to effectively apply mathematical and scientific concepts. She valued metaphysics as much as mathematics, viewing both as tools for exploring "the unseen worlds around us". </p> </div> </div> <div class="quote"> <p id="quote-text-large">Forget this world and all its troubles and if possible its multitudinous Charlatans—every thing in short but the Enchantress of Number.</p> <footer id="quote-text-small">Charles Babbage regarding Ada Lovelace "The Enchantress of Number".</footer> </div> <div class="contributions"> <h3 class="text-primary">Contributions to Computer Programming</h3> <img class="contributions-img thin-black-border" src="http://www.kerryr.net/images/pioneers/gallery/analytical_engine_lg.jpg" alt="Black and white photo of the analytical engine." <br> <div class="contributions-text"> <p class="text-secondary">Lovelace first met Charles Babbage in 1833, through their mutual friend and Ada's former teacher Mary Somerville. Babbage invited Lovelace to see the prototype of his "Difference Engine". The "Difference Engine" was an automatic mechanical calculator designed to tabulate polynomial functions. It is considered to be an example of the earliest computer. Lovelace became fascinated with the machine. <br><br> In 1842-43, Babbages friend Charles Wheatstone commissioned Ada to translate a transcript of one of Babbage's lectures, originally written in French, into English. Babbage's lecture regarded his newly proposed machine, the "Analytical Engine", given at the University of Turin. Ada not only translated the lecture, but supplemented it with additional notes that were around three times the length of the orinial text. Her notes included a method for calculating a sequence of Bernoulli numbers with the Engine, which some consider the world's first computer program. These notes and the original text were initially published in Taylor's "Scientific Memoirs" and later in 1953, where they were recognised as an early model for a computer and her notes as a description of a computer and software. </p> </div> </div> <div class="footer"> <div class="footer-text"> <p class="text-secondary">If you'd like to read more about Ada Lovelace, head on over to <a href="https://en.wikipedia.org/wiki/Ada_Lovelace">Wikipedia</a>. <br><br> Want to support future Ada Lovelace's? Why not check out out <a href="https://girlswhocode.com/">Girls Who Code</a> and consider supporting the future women of computer programming! </p> </div> </div> <div class="signature"> <div class="signature-text"> <p class="text-secondary">Written & Designed by Andrew Yurkovic for <a href="https://www.freecodecamp.com">FreeCodeCamp</a> </p> </div> </div> </div> </div> </div>

!