To Do

Theme

The roll-over images on the front page are portfolio projects in the Portfolio section of the WordPress dashboard. We should aim for a multiple of four (maximum of 12 Portfolio Projects).

The full-width banner images that appear on interior pages can be the same for all pages (a single ‘Header Image’) or different for each page (the ‘Featured Image’ for the individual page). If the featured images are to appear in that banner area then let’s aim for images of around 1200×500 or larger.

The social media links appear in the footer, because the theme doesn’t have a specific location for them. Other possible locations are in the header, just under the call-to-action button, or somewhere in the main content area.

The sidebar is optional and can be applied on a page-by-page basis, (sidebar cannot be displayed on the home page).

If the movies are to appear in a grid on the home page then they will probably need to be set up as ‘posts’ in the blog. Otherwise, they can be included as pages and utilize the grid page feature.

Suggestions

Allow visitors to sign up for emails to be notified when the roster of films is announced and when tickets go on sale, since some people may visit the site early on and forget about it by the time tickets go on sale. There’s a demo of email sign-up in the footer using MailChimp.

Privacy Policy

The Government of British Columbia provides this advice to small businesses on developing a privacy policy.

GDPR!

Have we all received enough of those “we updated our privacy policy” emails yet?! VIJFF is unlikely to be in violation, but should be aware that GDPR goes into effect on May 25th. All information the festival collects (via website, PayPal, etc) should be reviewed for compliance.


Map

Theme features

thefour-feature-areas

Technical stuff

Recommended header image size is 1920 x 500.
The theme has two button classes: button and button-minimal.

Colour Palette

from Cassia as of May 31 (may change)

#51c1b1
grean/teal
background
#8f214a
burgundy/red
linework
#f27b8f
pink
graphic
#f7d6a1
yellow
other
#f26844
orange
other
#11bbbf
blue/teal
other
#ef3b5e
hot pink
other
#feffec
offwhite/yellow
text
#fdfeff
white
misc.
#d0806d
brown
other
#e54563
red
other
#e7aece
lavender
other
#5e9f9b
darker teal
other

CSS (styling)

.site-description {
font-size: 1.5em;
}

.main-menu li {
font-size: 1em;
}

.site-header::after {
background: rgba(0,0,0,0);
}

.header-inner {
padding-top: 10px;
padding-bottom: 100px;
}

.section.portfolio h2 {
display: none;
}

.filter {
display: none;
}

.section {
margin-bottom: 10px;
margin-top: 60px;
}

.site-footer {
font-size: 1em;
background: #003466;
color: rgba(255,255,255,.9);
}

/* hover over tile colour */
.project:hover .entry-text {
background-color: rgba(58,215,255,.8);
}

}
button:hover, input[type=”submit”]:hover, input[type=”reset”]:hover, input[type=”button”]:hover, .button:hover, .button-minimal:hover, button:focus, input[type=”submit”]:focus, input[type=”reset”]:focus, input[type=”button”]:focus, .button:focus, .button-minimal:focus {
background: #ffaf74;
border-color: #ffaf74;
}
button, input[type=”submit”], input[type=”reset”], input[type=”button”], .button, .button-minimal {
border: 1px solid #ff6077;
background: #ff6077;
}

/* space between header and body */
.main {
margin-top: 60px;
}

.donation-box {
border: 2px solid rgba(255,99,71,0.2) !important;
padding: 10px 0 0 10px !important;
margin: 10px 0 0 !important;
}

/* add line between the sections
.section {
border-bottom: 1px solid #eee; padding-bottom: 0px; }
.section:empty { display: none; } */
/* DivTable.com */
.divTable {
display: table;
width: 100%;
}

.divTableRow {
display: table-row;
}

.divTableHeading {
background-color: #EEE;
display: table-header-group;
}

.divTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}

.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}

.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}

.divTableBody {
display: table-row-group;
}