cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewpoint" content="width=device-width, intial-scale=1.0" />"
  <link rel="stylesheet" href="style.css" type="text/css">
  <link rel="stylesheet" href="queries.css" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Oswald:200,400|Quattrocento+Sans:400" rel="stylesheet" type="text/css">
  <title>
    Tribute page to Andrew. T. Still
  </title>
</head>

<body>

  <header>
    <h1>Andrew Taylor Still</h1>
    <p class="subheading">
      A revolutionary that changed the medical world forever. He is the father of Osteoapthy.
    </p>
  </header>

  <section class="image-container">
    <image class="images">
      <img class="image-1" src="http://davidandsigi.com/wp-content/uploads/2017/06/Andrew-Still-tribute-picture.jpg" alt="Andrew Taylor Still">
    </image>
  </section>

  <article class="main-text">

    <div class="dates">
      <p>1828</p>
    </div>
    <div class="body-text">
      <p>A.T. Still (known as Drew by his siblings) was the third of nine children (5 boys and 4 girls) born to Abram Still a Methodist minister/circuit rider and frontier medical doctor, and Martha Poague Moore. Four of Abram and Martha’s children later
        became physicians. A. T. Still and his younger brother Thomas both apprenticed with their physician father and were trained as medical doctors. Drew’s older brother James attended allopathic medical school becoming an MD and later a DO under the
        tutelage of his younger brother. The oldest of Abram and Martha’s children, Edward also became a DO; he was in the first class at the American School of Osteopathy in 1892.</p>
    </div>
    <div class="dates">
      <p>1834</p>
    </div>
    <div class="body-text">
      <p>The Still family moves from Virginia to New Market, Tennessee.</p>
    </div>
    <div class="dates">
      <p>1836</p>
    </div>
    <div class="body-text">
      <p>The Rev. Still requests a transfer from Tennessee to Missouri. The Still family treks over 700 miles from eastern Tennessee through Kentucky across the Ohio River through the southern tip of Illinois, northwest to St. Louis, then crossing the Mississippi
        River traveling to north central Missouri in Macon County. The Still family leaves Tennessee traveling 7 weeks overland with 6 children (the youngest being less than one year old) in two covered wagons and six horses.</p>
    </div>
    <div class="dates">
      <p>1838</p>
    </div>
    <div class="body-text">
      <p>Drew fashions a rope swing to self treat headache. Dr. Still, retrospectively, proclaims this act is the first Osteopathic treatment.</p>
    </div>
    <div class="dates">
      <p>1847</p>
    </div>
    <div class="body-text">
      <p>Drew wants to enlist in the army to fight in the war between the United States and Mexico. He states, "I was boiling over with fight." His father refuses to give consent, stating that Drew was under age.</p>
    </div>
    <div class="dates">
      <p>1849</p>
    </div>
    <div class="body-text">
      <p>Andrew marries Mary Margaret Vaughn, she is about 16 years old (birth date unknown-died 1859). Mary Margaret is sick and weak during most of their marriage. Each of her five pregnancies were physically exhausting and she became increasingly feeble
        over the 10 years of their marriage.<br>Andrew's primary occupation is that of a farmer, with 60 acres of land plowed and planted in corn a hail storm destroys the crop. The family is decimated financially. Andrew teaches school that fall and
        winter for $15 per month.<br>The first child to Andrew and Mary Margaret is born, Marusha (1849-1924)<br>Andrew begins a formal two year apprenticeship with his father to study as a medical doctor.</p>
    </div>
    <div class="dates">
      <p>1852</p>
    </div>
    <div class="body-text">
      <p>The second child, and first son, to Andrew and Mary Margaret is born, Abraham Price (1852-1864).</p>
    </div>
    <div class="dates">
      <p>1853</p>
    </div>
    <div class="body-text">
      <p>Andrew serves in John Fremont's expedition that set off from Kansas City to try to find a central route across the Rocky Mountains for the transcontinental railroad. The expedition was forced by bad weather to turn back in Utah.<br>Dr. Still and
        his wife Mary follow Andrew's father, the Rev. Still, and move from Missouri to Wakarusa Mission, Kansas. A. T. Still lives in Kansas for the next 22 years. Wakarusa Mission is located, ironically, on Shawnee Indian reservation land and his father
        is assigned to preach at the Methodist Church at the reservation. The Shawnee tribe had been relocated to Kansas from the east. A. T. Still worked and plowed 90 acres of land. "Some days I broke 4 acres of sod." He farmed and helped his father
        to 'doctor to the Indians.' While at the Wakarusa Mission Andrew learns to speak Shawnee.</p>
    </div>
    <div class="dates">
      <p>1855</p>
    </div>
    <div class="body-text">
      <p>Dr. Still begins to think about "new" methods of healing and to question medical tradition after conversations with his friend and mentor Major James B. Abbott. It is thought that at this time he began his study of Magnetic Healing.</p>
    </div>
    <div class="dates">
      <p>1855</p>
    </div>
    <div class="body-text">
      <p>Andrew studies mechanics and machinery under the tutelage of Boston educated Professor Sole.<br>Andrew is fascinated with technology and mechanics. He builds and opens a steam powered sawmill in the mid 1850's. He invents a mowing machine to harvest
        wheat, but before he can submit the patent, his idea for the invention is stolen by the Wood Mowing Machine Co. In 1871 he invents an improved butter churn. Between 1904-06, while in his 70's, he invents a modern antipollution device that allows
        for smokeless combustion in coal burning furnaces; in 1910 he was issued a patent for the device.<br>The third child, to Andrew and Mary Margaret is born, George, he dies one day later.</p>
    </div>
    <div class="dates">
      <p>1856</p>
    </div>
    <div class="body-text">
      <p>The forth child, to Andrew and Mary Margaret is born, Susan (1856-1864).</p>
    </div>
    <div class="dates">
      <p>1857</p>
    </div>
    <div class="body-text">
      <p>Dr. Still is elected to the State Legislature in Kansas, serving for 5 years.</p>
    </div>
    <div class="dates">
      <p>1857 to 1861</p>
    </div>
    <div class="body-text">
      <p>A. T. Still is active in the anti-slavery movement in Kansas. He participates in the 'Bleeding Kansas' battles (between the pro and anti-slavery citizens) until Kansas was admitted into the Union as a free state in 1861. He is friends and allies
        with the famous anti-slavery leaders John Brown and Jim Lane</p>
    </div>
    <div class="dates">
      <p>1859</p>
    </div>
    <div class="body-text">
      <p>The fifth child, to Andrew and Mary Margaret is born, Lorenzo Waugh, he dies 5 days after birth.<br>Andrew's wife Mary Margaret Vaughn Still dies. He is left with 3 living children: Marusha (10), Abraham Price (9), and Susan (6).</p>
    </div>
    <div class="dates">
      <p>1860</p>
    </div>
    <div class="body-text">
      <p>Dr. Still self reports attendance at the College of Physicians and Surgeons in Kansas City, Missouri. However, no records demonstrate evidence of the existence of the school or his attendance. He self reports that he attended this medical school
        by never completed the course of study due to personal conflicts regarding the curriculum.</p>
    </div>
    <div class="dates">
      <p>1861-1864</p>
    </div>
    <div class="body-text">
      <p>Dr. Still fights in the Civil War on the side of the Union Army. He serves his entire military career in Kansas in several different militia units. His earliest rank is that of a sergeant and he is listed as a hospital steward, who functions as
        a pharmacist and surgeon's assistant). After his first militia unit is disbanded, he reorganizes a new militia and is promoted to Captain and ultimately he achieves the rank of Major. His unit is involved in the Battle of Westport (also known
        as the Gettysburg of the West). In his Autobiography he reports only his combat duty as an infantry officer, he never served in the Civil War as a physician or surgeon.</p>
    </div>
    <div class="to-be-continued">
      <p>To be continued...</p>
    </div>
  </article>

  <footer>
    <a class="button" href="https://en.wikipedia.org/wiki/Andrew_Taylor_Still">Further reading...</a>
    <p class="footer-text">Created by David Lower<a href="https://github.com/davidlower" class="github-link"> Github profile</a> | Full credit of the article goes to Steve Paulus. Check out the <a href="http://osteopathichistory.com/pagesside2/LifeChronology.html" class="article-link">original article here.</a></p>
  </footer>

</body>

</html>

            
          
!
            
              
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#47395F));
  background: linear-gradient(#313131, #47395F);
  font-family: Oswald, sans-serif;
  font-weight: 200;
  font-size: 18px;
}

body {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFDD0;
  }

header {
  color: #313131;
  text-align: center;
  padding: 12% 4%;
  width: auto;
}

h1 {
  width: auto;
  font-size: 350%;
  font-family: Quattrocento Sans, serif;
  letter-spacing: -0.05rem;
}

.subheading {
  font-size: 1.1rem;
}

.image-container {
  background-color: #FFFDD0;
  padding-bottom: 8%;

}

.image-1 {
  width: 100%;
}

.main-text {
  width: 85%;
  margin: auto;
  line-height: 1.4rem;
}

.dates {
  border-bottom: 2px solid #47395F;
  display: inline-block;
  margin: 3% auto 1%;
}

.to-be-continued {
  text-align: center;
  font-size: 1.1rem;
  padding: 8% 0;
  width: auto;
}

footer {
  background-color: #313131;
  color: #FFFDD0;
  text-align: center;
}

footer a {
  text-decoration: none;
}

.button:link,
.button:visited {
  margin: 11% auto;
  font-size: 1.4rem;
  color: #FFFDD0;
  padding: 3% 6%;
  background-color: #313131;
  font-family: Quattrocento Sans, serif;
  letter-spacing: -0.05rem;
  display: inline-block;
  border-radius: 50px;
  border: 2px solid #FFFDD0;
  -webkit-transition: background-color 0.5s, border 0s, color 0.5s;
}

.button:hover,
.button:active {
  color: #313131;
  background-color: #FFFDD0;
}

.footer-text {
  font-size: 0.7rem;
  padding-bottom: 1%;
}

.github-link:link,
.article-link:link {
  color: #858585;
}

.github-link:hover,
.article-link:hover {
  color: #fff;
}



  @media only screen and (max-width: 620px) {
    html {
      font-size: 16px;
    }
    h1 {
      font-size: 250%;
    }
    .subheading: {
      font-size: 1rem;
    }
    .button:link {
      margin: 13%;
    }
  }

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console