Craigslists

Craigslists.markdown

Craigslists

A Pen by Justin on CodePen.

License.

index.html

<div ng-app="craigsLists" ng-controller='mainController'>
<div id="weatherSection" class="mainSection">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 mainContentPanel"></div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 mainImage"></div>
    </div>
  </div>
</div>
<div id="ImportantPricesSection" class="mainSection">
  sugar
  <br /> ascendis
  <br /> bitcoin
  <br /> Set price warning
</div>
<div id="jokeOftheDaySection" class="mainSection">
</div>
<div id="famousPeopleBornTodaySection" class="mainSection">
</div>
<div id="controlsSection" class="mainSection">
  email this list
  <br /> Make funny sound
  <br />
</div>
</div>

script.js

var apiKey = "ebe08609f4bd837284605ecc7d0f3324";
var iconPrefix = "http://openweathermap.org/img/w/";
var realTime = true;
var app = angular.module('craigsLists', []);

app.controller('mainController', function($scope, $http) {
  setUpWeather($scope,$http);
  setupPrices($scope,$http);
  setupJokeOfTheDay($scope,$http);
  setupFamousPeopleBornTodaySection($scope,$http);
});

var setUpWeather = function(scope,http){ //including sea temp

};

var setupPrices = function(scope,http){
 
};

var setupJokeOfTheDay = function(scope,http){
 
};

var setupFamousPeopleBornTodaySection = function(scope,http){
 
};

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.min.js"></script>

style.css

.mainSection{
      border:1px dotted blue;
  display:block;
  .container-fluid{
    .row{
      div{
          height:400px;
          border:1px solid red;
      }
      .mainContentPanel{
        
      }
      .mainImage{
        
      }
    }
  }
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />