Pen Settings

HTML

CSS

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

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <img class="bg" src="https://communitymeetings.files.wordpress.com/2014/11/storymapbg.jpg" height="800" width="500"/>
<img class="leaf" src="http://images.clipartpanda.com/weed-leaf-cannabis-leaf-PD-281x300.png"/>
<h1>Not an average business</h1>
<h2>Illinois will gain $17.5 million in the process once business operations start next year. <span>By Penny Wang</span> </h2>
<p>The Illinois River was quiet on June 15th, 2006, until a speedboat slammed into a barge. Tammy Warnke, 30 at the time, she lost her ability to talk and forgot how to walk, because of severe brain injuries as a result of the accident. She had to learn everything all over again.</p>
<p>The next few years were extremely challenging. </p>
<div class="pull">
<p class="pullquote">
  Why spend thousands of dollars of tax payers’ money on Tammy’s medications when there is a natural alternative? 
</p>
<p class="author">Fadi Rustom </p>
</div>
<p>“Have you seen the movie, Memento?” said a young lawyer and healthcare entrepreneur Fadi Rustom. “She has no short term memories. She has to write down everything just like in the movie.”</p>
<p>Rustom met Warnke in 2011. To Rustom, Warnke is a client, patient, and friend. </p>
<p>Warnke took a combination of several pain relief medications, amounting to around <strong>$1,000</strong> a month. These medicines made her drowsy and had other side effects. Later, she began to illegally medicate herself with cannabis to reduce her anxiety about the pain, according to Rustom, who believes cannabis legalization could help people like Warnke. </p>
<p>“Why spend thousands of dollars of tax payers’ money on Tammy’s medications when there is a natural alternative?” said the 35-year-old.</p>
<p>In 2013, Illinois legislature passed regulations for growing, dispensing and registering patients for legal use of medical marijuana.  A “pilot program” will allow approved applicants to start to cultivate and sell pot to registered patients. </p>
<p>The Peoria lawyer submitted two applications last month to open a cannabis cultivation center and a dispensary. He is hopeful that these plans will be approved in November.</p>
<p>When people talk about medical marijuana, they immediately think of Colorado or states where recreational marijuana is widely available, said Sara Gullickson, executive director of a consulting firm, DispensaryPermits.com, specializing in the cannabis industry nationwide. </p>
<p>In Illinois, “these are medical and wellness centers that focus on safety and quality of the drug and wellbeing of their patients,” she said. </p>
<p>Many applicants come from strong business background with a shared passion in healthcare, according to the professional who works with many applicants in Illinois. </p>
<p>Rustom is among <strong>159</strong> cultivation center applicants at the Department of Agriculture, and 214 dispensary applications at the Department of Financial and Professional Regulation. The state will eventually grant <strong>21</strong> cultivation centers that will supply quality products to <strong>60</strong> dispensaries for the pilot period. </p>
<p>Requirements for applications are complicated due to the nature of the industry. “This is definitely not an average business. Not even close,” said the 35-year-old lawyer. </p>
 <div id="pie-chart"></div>
<p>The Illinois Department of Financial and Professional Regulation breaks down its criteria for dispensary application into several areas, with the most weight on business operation, security and inventory plans. </p>
<p>Some essential elements in Rustom’s applications include 24-hour surveillance and security personnel plans, plotting plan, and proof of fund. </p>
<p>In Rustom's dispensary application, he had to show that he and his investors have enough liquid assets to support the business. The program requires a minimum of <strong>$400,000</strong> asset proof for every dispensary application and half a million for potential growers. </p>
<p>Although the state of Illinois has legalized medical cannabis, selling pot is still illegal on federal level. Transactions at a future dispensary have to be in cash. For the same reason, only state chartered banks can take cash deposits from these businesses, but dispensaries and cultivation centers cannot get any loan from banks.</p>
<p>Dispensary applicants paid a non-refundable <strong>$5,000</strong> fee each upon submission in September. Prospective planting centers paid <strong>$25,000</strong>. </p>
<p>Once approved, business owners will have to make license fee payments before they start their operations. Fees range from <strong>$30,000</strong> for dispensaries to <strong>$200,000</strong> for cultivation centers. </p>
<p>During the program, license holders will pay annual renewal fees of <strong>$25,000</strong> if the business is a dispensary, and <strong>$100,000</strong> if it is a cultivation center. </p>
<p>The math tells us the State of Illinois will profit <strong>$17.5 million</strong> in application and license fees before the end of the program. </p>
<p>The pilot program has an expiration date, said Rustom. The approved businesses will have to stop in December 2017, if the state does not pass a new law.</p>
<p>This means Rustom and other applicants will only have three years to break even and make profit to cover their initial investments. </p>
<p>“It’s a risk, but it’s an educated risk investors are taking,” said Rustom. </p>
              
            
!

CSS

              
                @import url(https://fonts.googleapis.com/css?family=Lato|Oswald);


#pie-chart {
  width: 500px;
  height: 270px;
  position: relative;
  float:left;
}
#pie-chart::before {
  content: "";
  position: absolute;
  display: block;
  width: 140px;
  height: 100px;
  left: 315px;
  top: 0;
  background: #FAFAFA;
  box-shadow: 1px 1px 0 0 #DDD;
}
#pie-chart::after {
  content: "";
  position: absolute;
  display: block;
  top: 260px;
  left: 70px;
  width: 180px;
  height: 2px;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);
}

body 
{padding: 100px;}

h1, h2
{text-align: right; }
h1
{font-size: 65px; margin-bottom: 40px; font-family: "Oswald"}
h2
{font-size: 30px; margin-bottom: 120px; font-family:"Lato"}

h2 span
{color: gray; font-style: italic;margin-top: 20px; }

p{margin: 30px; margin-left: 120px; line-height: 1.8; font-family:"Lato"; 
background:white;}

.pull{
  margin: 10px;
  float: right;
  background: #000;
  margin: 0 auto;
  width: 200px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;}
.pullquote, .author
{margin:10px; color: white; background: none;}

.leaf
{ 
  position:absolute;
  right: 60px;
  top: 50px;
  z-index:-1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  }

.bg
{
  position:fixed;
     z-index:-2;
  top:0;
  left:0;
}

strong{font-weight: bold; font-size: 18px;}

div {background:white;}


              
            
!

JS

              
                google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawCharts);
function drawCharts() {
var pieData = google.visualization.arrayToDataTable([
    ['Criteria', 'Points'],
    ['Suitability',      150],
    ['Business Operation',   200],
    ['Inventory Plan',   200],
    ['Financial Disclosure',    150],
  ['Bonus',100]
  ]);
  // pie chart options
  var pieOptions = {
    backgroundColor: 'transparent',
    pieHole: 0.4,
    colors: [ "cornflowerblue", 
              "olivedrab", 
              "orange", 
              "tomato", 
              "crimson", 
              "purple", 
              "turquoise", 
              "forestgreen", 
              "navy", 
              "gray"],
    pieSliceText: 'percentage',
    tooltip: {
      text: 'value'
    },
    fontName: 'Open Sans',
    chartArea: {
      width: '100%',
      height: '94%'
    },
    legend: {
      textStyle: {
        fontSize: 11
      }
    }
  };
  // draw pie chart
  var pieChart = new google.visualization.PieChart(document.getElementById('pie-chart'));
  pieChart.draw(pieData, pieOptions);
}
              
            
!
999px

Console