Repeat after me: Dogs off leash. Dogs off leash. Dogs off leash.

I sent this to the company that manages my apartment complex:

I just came back from an errand and as I sloshed out of the car  (crutches, ya know), a guy came out with his dog off leash, and the dog  started coming over to me. He called the dog back, and it obeyed, but  he should have been on a leash. Once when Shirley and I were walking Callie, an off leash dog ran towards us barking, and not in a nice way.  His owner looked over at us, smiling, and said “He’s aggressive”. We keep telling people to keep their dogs on a leash, but they ignore us.

I had polio when I was 20 months old, so when I’m not on crutches, I wear a brace on my left leg that goes up to my hip. Because of this, I’m not so stable on my feet, and worry about dogs that run towards me.  In the summer of last year, I was knocked flat on my butt by a dog.  This resulted in a herniated disk which cost me around $2500 for surgery, not to mention excruciating pain for several weeks until the source of the problem was found (the disk was pushing on my sciatic nerve). I was bedridden for a week and on crutches for a month after  that. Imagine if a dog were to knock down 82 year old Aurelia, or 73 year old Serban, a nice Rumanian couple who live in my apartment complex. There goes a pelvis. I don’t want this to happen to them, to me (again), or to anyone else.

What can you do? Follow up on your threats. About a month ago, a flyer was put on our doors warning us that we may be fined for not having our dog on a leash or not picking up after them. When any employee here (or at any other apartment complex that you manage) is out and they see a dog off leash, warn them. Write down their apartment number and the date. Put it on a list for all of your employees to see. On a third offense within 30 days, fine them, just as they were warned.

Assholes.

 

Skematik Flex Slider – Doesn’t work like I expected

Pretty slick, and it looks better in a jumbotron, but I don’t have it all figured out yet. I did mine like this:

[jumbotron background=”#ffd2e8″ color=”#ffd2e8″][flexslider group=”Home Page Slider” animation=”slide” position=”left” width=”600″ height=”200″][/jumbotron]

Test slider: Title is just a title; it doesn’t show up anywhere.

Slide Heading: shown at the top of the slide.

Slide Link: What’s this for?  See below.

Slide Content: If I put a picture into the body of the slider, it shows up on the slide.  If I don’t, then it doesn’t, even if I put the link to the image into the Slide Link field.

If I set the picture in the slide content to align left or right, it makes no difference.  The pictures show up at the top.

In FireFox, the slides seem to take up the entire width of the content area.  I turned the sidebar off and reloaded the page, and it took up the entire container width.are 748px high and 540px wide, even though the flexslider is sized at 600×200.  Of course in MSIE8, theresponsive design built into the theme just doesn’t work.

The images are not clickable, when the flexslider is in a jumbotron.  Remove the jumbotron, and they are, but they’re not in a lightbox, they open in “_self” (the same window).

About the clickable images

When you put a picture into a post in WordPress, you can tell it what size to show it in the post; thumbnail, medium large, or full size.  I put all of the pictures in at medium size, so WordPress makes a smaller image link like this:

/wp-content/uploads/2013/05/IMG_1104-Copy-300×200.jpg

This is the image that gets shown in the slider.  When you click on the image to “see it full size”, it uses the link that you selected when you inserted the image: Link To Custom URL, Media File, Attachment Page, None.  That’s a good thing, however…since the thing takes up the entire container width, the images get pixelated.  Trying to avoid that, I used this image link instead:

/wp-content/uploads/2013/05/IMG_1104-Copy.jpg

This was a mistake.  The server sent the huge original size image, which took a few seconds to load.  Eh…go back to the smaller image.

In FireFox, the navigation arrows only show up when you move your mouse over the slide container when you’re NOT using a jumbotron.  The circles are the color of the page background, only a bit darker, and the arrows are the same color as the page background. I have a dark background, and they barely show up.  Inside a jumbotron, they only show up when you mouse over the actual arrows, but they look better.  The circles are the color of the page background, only a bit lighter.  The arrows themselves are colored the same as the background color of the jumbotron.  With or without a jumbotron, in MSIE8 they’re always visible, and they are colored the same as in FireFox. FireFox: smooth sliding.  MSIE8: jerky sliding.

 Skematik Flex Slider – Not what I expected.

 

 

 

Skematik theme framework shortcodes and their attributes

Button Group
no options: [button_group][/button_group]

Buttons – 3 sizes, 7 colors and 140 icons)
[button url=”URL to launch to launch” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse” text=”Button Text” icon=”whichever icon you want” iconcolor=”white or black” target=”_self or _blank”][/button]

Labels – Text surrounded by a solid color for importance
[label style=”primary, default, info, success, danger, warning, or inverse” text=”whatever”][/label]

Badges – Text surrounded by a solid color for importance.
[badge style=”primary, default, info, success, danger, warning, or inverse” text=”whatever”][/badge]

Code – Code box for showing code.
[code scroll=”true or false”]Code goes here[/code]

Row – This is just a div to put things into.  The grid system used is 12 columns wide.  You can use the column shortcode to divide the page like text going 3 columns wide, then text next to that which is 4 columns wide, and a picture that’s 5 columns wide, or just something that takes up an entire row. Put column shortcodes between the start and end.
[row][/row]

Column – Empty space with adjustable width (the code mistakenly says “height”)
[column span=”from 1 to 12″]Content goes here[/column]

Lead – Lead Parargaph
[lead align=”default, left, center, or right”]Content goes here[/lead]

Page Header
[header text=”Heading Text” subtext=”Sub Text”]

Divider
[divider]

Jumbotron
[jumbotron background=”#ffffff” color=”#333333″]Content goes here[/jumbotron]
Alert – Alert box with optional padding and close button
[alert heading=”Alert Heading” type=”alert-info, alert-success, or alert-failure” block=”true or false” close=”true or false”]your alert message here[/alert]

Blockquote -Blockquote quotation with citation
[blockquote cite=”Author or source name” float=”no-float, left, or right” align=”left or right”]quoted text[/blockquote]

Popovers – 3 sizes, 7 colors and 140 icons
[popover text=”text” title=”title” desc=”description” link=”URL to launch” target=”_self or _blank” button=”true or false” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse”]

Tooltips – 3 sizes, 7 colors and 140 icons

[tooltip text=”text” title=”description” link=”URL to launch” target=”_self or _blank” icon=”glass (oor any other icon listed below)” iconcolor=”white or black” button=”true or false” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse”]

Progress Bar
[progress width=”25″ striped=”on or off” animate=”on or off (requires striped)” type=”primary, info, success, danger, warning”]

Carousel – A Carousel of your gallery’s images.  You must enter the actual IDs of the images.
[carousel_gallery include=”1,2,3″ exclude=”4,5,6″]

Menu – Display any of your menus.  How do you tell it which menu?
[menu style=”pills or tabs” stacked=”true or false”]

Accordion Group
[accordion][/accordion]

Accordion
[accordion title=”Title here” id=”id-here”]Content goes here[/accordion]

Icons – Button Icons and really, anywhere you want one.
[icon type=”any of the icon names below” size=”default” float=”none” color=”default”]

Icon Names
none,glass,music,search,envelope,heart,star,star-empty,user,film,th-large,th,th-list,ok,remove,zoom-in,zoom-out,off,signal,cog,trash,home,file,time,road,download-alt,download,upload,inbox,play-circle,repeat,refresh,list-alt,lock,flag,headphones,volume-off,volume-down,volume-up,qrcode,barcode,tag,tags,book,bookmark,print,camera,icon-font,bold,italic,text-height,text-width,align-left,align-center,align-right,align-justify,list,indent-left,indent-right,facetime-video,picture,pencil,map-marker,adjust,tint,edit,share,check,move,step-backward,fast-backward,backward,play,pause,stop,forward,fast-forward,step-forward,eject,chevron-left,chevron-right,plus-sign,minus-sign,remove-sign,ok-sign,question-sign,info-sign,screenshot,remove-circle,ok-circle,ban-circle,arrow-left,arrow-right,arrow-up,arrow-down,share-alt,resize-full,resize-small,plus,minus,asterisk,exclamation-sign,gift,leaf,fire,eye-open,eye-close,warning-sign,plane,calendar,random,comment,magnet,chevron-up,chevron-down,retweet,shopping-cart,folder-close,folder-open,resize-vertical,resize-horizontal,hdd,bullhorn,bell,certificate,thumbs-up,thumbs-down,hand-right,hand-left,hand-up,hand-down,circle-arrow-right,circle-arrow-left,circle-arrow-up,circle-arrow-down,globe,wrench,tasks,filter,briefcase,fullscreen