Untitled

dabblet.css

@font-face {
  font-family: BrannbollNY;
  src: url('http://www.aringtypeface.com/font-test/brannboll_ny.ttf');
}

body {
  font-family: Helvetica;
}

#page {
  max-width: 700px;
  margin: 0 auto;
}

#brand {
  font-family: BrannbollNY;
  font-size: 70px;
  position: relative;
  height: 144px;
}

#brand-minor {
  font-size: 40px;
  position: absolute;
  bottom: 0;
  left: 80px;
}

.text {
  font-size: 20px;
  line-height: 25px;
}

#description {
  margin: 20px 0;
  font-size: 20px;
  line-height: 25px;
}

dabblet.html

<div id="page">
  <div id="brand">Suthrn3 <span id="brand-minor">Music</span></div>
  <p id="description" class="text">
    Founded in 2013 to finance oddball music ventures across the South Eastern United States. Look for us in Orlando, Atlanta, and New Orleans.
  </p>
  <h3>Events</h3>
  <p class="text">
  12/14/20 King Britt at Sandwich Bar, Orlando
  </p>
  <h3>Contact</h3>
  <div id="contact" class="text">
    Get in touch: sandy@suthrnmusic.com
  </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"javascript"}