Responsive Layout

A responsive design automatically adapts itself to a particular viewing environment such as desktop, tablet or mobile, without the need for separate layouts for varying platforms

image

Terrestrial Invasive Plants

gianthogweed
APIPP

Giant Hogweed

Giant hogweed, a noxious, invasive plant, was confirmed for the first time in Hamilton County in the summer of 2013. This plant can threaten public health and safety and the environment.

Look-alikes


 

purple loosestrife opt

 


Purple Loosestrife

Purple loosestrife is established throughout Hamilton County, especially along transportation corridors, gardens, and riparian areas . It spreads by seeds and rhizomes. Showy, magenta flowers bloom in the summer. Stems are square and leaves are lance-shaped. Manage by pulling or digging small plants. For large plants, first clip flowers, then cut stems close to the ground in July and August.

Plant Profile


japanese knotweed opt
Japanese Knotweed

Japanese knotweed is established throughout Hamilton County, especially along transportation corridors and riparian areas. Cascading flowers bloom in the summer, stems are hollow and notched, and leaves are leathery and heart shaped. It spreads by rhizomes. Manage by applying herbicide to cut stems in early summer and early fall. For more information, visit the Regional Inlet Invasive Plant Program: http://www.noknotweed.org/

Plant Profile


garlic mustard opt
Garlic Mustard

Garlic mustard is established throughout Hamilton County, especially in campgrounds. First year plants look like kidney beans that grow low to the ground. Second year plants are erect and can grow to 4 feet. Toothed, triangular flowers give off a garlicky smell when crushed. Tiny white flowers appear in May. It spreads by seeds. Manage by pulling or cutting stems in late spring. In the fall, pull first year plants.

Plant Profile


common reed opt
Common Reed Grass

Common reed grass is established throughout Hamilton County, especially along transportation corridors. Plumes are feathery and plants can reach 15 feet high. It spreads by seeds and rhizomes. Manage by applying herbicide to cut stems.

Plant Profile


yellow flag opt
Yellow Flag

Yellow flag is established in ponds on private property as well as the Siamese Ponds Wilderness that is linked to Hamilton County watersheds. Showy yellow flowers bloom in late spring and early summer. Leaves are sword-shaped and ribbed. It spreads by rhizomes and seeds. Manage by first clipping flowers, then applying herbicide to cut stems. Wear gloves as plant causes skin irritation.

Plant Profile


Responsive Layouts

image

Oculus's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode. The table above shows the breakdown of screen resolutions and associated devices, and what layout characters are then applied to each.

Responsive Classes

image

Another useful feature available, via Bootstrap, is the collection of responsive utility classes that can be used to help tweak layouts by providing a simple method of showing or hiding modules. Insert the above module class suffixes into your settings to show/hide a module for a particular mode.

The District’s accomplishments would not be possible without the support of the State of New York, Hamilton County, and FLLOWPA.

Media Queries

In terms of media queries, the breakdown is:

/* Smartphones */
@media (max-width: 480px) { ... }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }

Navigation

image

For mobile devices, there are two options, a dropdown panel menu with items in a tree format or a select box using the browsers own UI elements. Chose a format in the template's menu settings.

The Dropdown Menu is a CSS driven dropdown menu, offering such features as multiple columns, inline icons, subtext, modules and positions, custom column widths, item distribution and menu offsets.

SplitMenu displays 1st level items in the navigation bar and children in the Sidebar.