JSFiddle

  • Base Styles #2 is the latest revision

    No-Library (pure JS), HTML, SCSS, JavaScript

    <div class="text alt">
    <h1>Typography</h1>
            <hr>
            <h1>Heading level 1</h1>
            <h2>Heading level 2</h2>
            <h3>Heading level 3</h3>
            <h4>Heading level 4</h4>
            <h5>Heading level 5</h5>
            <h6>Heading level 6</h6>
    
    
            <h2>Paragraph ...</h2></div>
  • [BDO] Sand Horse Calculator #8 is the latest revision

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    Vue.filter('pct', function (value, precision) {
      return value.toFixed(precision || 2) + "%";
    })
    
    /*
    Grid Component
    Displays a grid of result tiers for ...
  • [BDO] Stand-alone Clock

    Vue 1.0.12, HTML, SCSS, Babel + JSX

     Vue.component('clock', {
    	template: '#clock-template',
    	name: 'ClockUnit',
    
    	data: function() {
    		return {
    			isDay: false,
    			inGameHour: 0,
    			inGameMinute: 0,
    			secsUntilNightStart: 0,
    			secsUntilNightEnd: 0 ...
  • [BDO] Coordinate Mapper

    Vue 1.0.12, HTML, SCSS, Babel + JSX

    
    var app = new Vue({
      el: '#app',
      data: {
      	isReady: false,
    	  originalcoord1: null,
        newcoord1: null,
    	  originalcoord2: null,
        newcoord2: null
        
      },
      ready: function() {
      	this ...
  • [BDO] Fishing Hotspot Editor

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    var Leaflet = L;
    
    var fishes = {
    	1: 'Porgy',
    	2: 'Grunt',
    	3: 'Smokey Chromis',
    	4: 'Coelacanth',
    	5: 'Tuna',
    	//6: '',
    	7: 'Sea Bass ...
  • [BDO] Gathering Filters

    jQuery (edge), HTML, CSS, Babel + JSX

    var resourceIds = {
    	'Arrow Mushroom': {
    		'group': 'Mushrooms',
    		'id': '10403'
    	},
    	'Acacia Tree': {
    		'group': 'Trees',
    		'id': '10584'
    	},
    	'Nightshade': {
    		'group': 'Rare Plants',
    		'id': '10469 ...
  • [BDO] Crate Calculator

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    Vue.filter('num', function (value, decimals=0) {
    	if( value === undefined || value === null ) { return ''; }
      return value.toFixed(decimals);
    })
    Vue.filter('numval ...
  • Levelling Area Editor #3 is the latest revision

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    var mode = 'live';
     var devconfig = {
        apiKey: "AIzaSyCETBrTNlt1K9OozbUzah8XMpEFmjcMlqQ",
        authDomain: "leaflet-sync-test.firebaseapp.com",
        databaseURL: "https://leaflet-sync-test.firebaseio.com",
        storageBucket: "leaflet-sync-test.appspot.com ...
  • Levelling Area Editor

    No-Library (pure JS), HTML, SCSS, Babel + JSX

    var mode = 'live';
     var devconfig = {
        apiKey: "AIzaSyCETBrTNlt1K9OozbUzah8XMpEFmjcMlqQ",
        authDomain: "leaflet-sync-test.firebaseapp.com",
        databaseURL: "https://leaflet-sync-test.firebaseio.com",
        storageBucket: "leaflet-sync-test.appspot.com ...
  • BDO Villa Buffs

    Underscore 1.8.3, HTML, CSS, JavaScript

    var villas = {
    "Kunid's Villa": "Skill and Experience",
    "Karashu's Villa": "Turning Gates",
    "Amir's Villa": "Skill and Experience",
    "Shakatu ...