styles for carrot pages

colors

w3 color picker: https://www.w3schools.com/colors/colors_picker.asp

.

geographic locations

• reference as lng, lat list:

    var city        = [ -77.0596,    38.9383   ];
    var country     = [ -77.031414,  39.032967 ];
    var burlington  = [ -79.484851,  36.085808 ];
    var ken         = [ -82.363946,  36.439739 ];
    var david_nancy = [ -80.792724,  35.551119 ];

• as lat,lng list (used in ol5)

    var burlington  = [ 36.085808, -79.484851 ];
    var city        = [ 38.938357, -77.059672 ];
    var country     = [ 39.032967, -77.031414 ];

• as assoc. array (for H.Map()):

    center: { lng: -77.0596,   lat:  38.9383   },   // city place
    center: { lng: -77.031414, lat:  39.032967 },   // country place
    center: { lng: -79.484851, lat:  36.085808 },   // devonshire ln
    center: { lng: -82.363946, lat:  36.439739 },   // piney flats
    center: { lng: -80.792724, lat:  35.551119 },   // mooresville

icons

located in:

    local dir:
        /home/wendell/webapps/cherry/images

    http:
        https://goto.ilikecarrots.com/images/bbq.png

and the images are:

• png images:

akt_32x32.png arntz_reading.png barn_48.png bbq_grey.png bbq.png bbq-sm.png beer.png beer-sm.png blue_marker.png bookshelf_48.png bookshelf.png cart.png cart-sm.png cheese.png cheese-sm.png creamery.png creamery-sm.png diner_big.png diner.png diner_sm.png diner-sm.png flights_48.png flights_96.png garden.png garden-sm.png geolocation_marker_heading.png geolocation_marker.png gps-icon.png icons8-carrot-48.png icons8-carrot-64.png icons8-cheese-48.png icons8-corn-48.png icons8-fountain-40.png icons8-fountain-48.png icons8-map-pin-64.png icons8-marker-36.png icons8-marker-96.png icons8-tax-48.png icons8-tax-96.png leaf-green.png leaf-orange.png leaf-red.png leaf-shadow.png library-icon_48.png library-icon.png marker-gelato.png marker.png marker-sm.png mobile-loc.png museum.png museum-sm.png pho.png pho-sm.png pig_48b.png pig_48.png pig_pink.png racetrack_48.png sheep.png sheep-sm.png shopcart1.png shopcart.png thai.png thai-sm.png tire.png tire-sm.png train.png train-sm.png trolly.png trolly-sm.png

• svg images:

marker-gelato.svg

to find and use a new icon

• https://icons8.com/icon/pack/food/doodle

• https://www.flaticon.com/free-icon/bookshelf_419932?term=library&page=1&position=62

• on laptop:

  • click on icon symbol
  • Download: * pdf; * 48px
  • save to ???
  • move to Documents/angela/farmers
  • scp icons8-corn-48.png wendell@ilikecarrots.com:webapps/cherry/images/
• on webfaction
  • cd webapps/mynotes
  • ./gen_images.sh > icons.md
  • touch markup/howto-carrot-style.txt
  • make
  • cd webapps/cherry/icecream_devel
  • vim farmers.py
    • "symb" : 'icons8-corn-48' # just to get marker
  • restart cherrypy server

vue icons

howto & repo:
https://www.npmjs.com/package/vue-material-design-icons
https://github.com/robcresswell/vue-material-design-icons

the icons:
https://cdn.materialdesignicons.com/5.2.45/
https://materialdesignicons.com/

then specify that icon in 5 locations:

    <template>
        <silverware-icon />
    </template>

    import SilverwareIcon from 'vue-material-design-icons/Silverware.vue';
    Vue.component('silverware-icon', SilverwareIcon);

finished.