GithubHelp home page GithubHelp logo

colinbrislawn / cameratamusica Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 68.05 MB

:musical_keyboard: :violin: Camerata Musica website

Home Page: http://cameratamusica.com/

CSS 64.39% HTML 33.77% Python 1.84%
pelican-site arts non-profit music

cameratamusica's Introduction

CamerataMusica.com

At cameratamusica.com and https://cameratamusica.github.io/website

This is built with Pelican and deployed to GitHub pages with GitHub actions. Previews of PRs are built with Cloudflare pages.

Here's how to set up the build environment (Linux, OSX, WSL):

conda create --name pelican480 python=3.7 pelican=4.8.0 ghp-import markdown
conda activate pelican480

Then run pelican -lr to build the site and serve it at http://127.0.0.1:8000

Here's how to make those big, beautiful background images:

  • find high-def images that are wide, with artists in the center (because narrow screens crop the sides)
  • export low quality at 1950px wide, with the name slug-large.jpg
  • crop to 4:3
  • export high quality at 400px wide, with the name slug400.jpg
  • add to page with this markdown (Bannerposition is top by default)
Status: hidden
Banner: ./images/2017-2018/clancy-newman-cello-large.jpg
Bannerposition: center

cameratamusica's People

Contributors

camerata-webmaster avatar chudson416 avatar colinbrislawn avatar jcdoran avatar judithannb avatar

Stargazers

avatar

Watchers

avatar avatar avatar

cameratamusica's Issues

Build 2015-2016 season

This will allow me to estimate the build time for a season. I'm guessing 4-6 hours, but I have no idea.
This is also allow me to test #19, multiple seasons

Other people could be involved in this process, using #17

Do everything Steve currently does

We need to fully replicate Steve's web stack. This includes

  • Set up email marketing, see #32
  • Consider hosting options (currently Github pages)
  • Set up @cameratamusica.com email addresses
  • Register cameratamusica.com through a DNS

Independent Email Marketing

We need to set up our email newsletter independent of other Arts organization in Richland.

  • Pick out a service provider: MailChimp.
  • Import contact list to new service, like MailChimp.
  • Make signup forms for new service, and put them on the website.
  • Connect MailChimp with Facebook

Improve content in footer / sidebar

We need to feature Facebook and SafeSubscribe emails links. The sidebar or footer are natural places to do this.

Do we need both a footer and a sidebar?

To mirror the design of the current site, we could remove the sidebar and feature email and Facebook links in the footer.

Build 2017-2018 season

9/23/2017: Yael Weiss, piano
10/28/2017: New York Brass Arts Trio
11/18/2017: sound|counterpoint
1/27/2018: Clancy Newman, cello (+piano)
2/24/2018: Aeolus Quartet
3/24/2018: Rose City Trio - piano, violin, & cello
4/28/2018 Byron Schenkman & Friends harpsichord, flute, oboe, bassoon, violin, & cello
TBD Young Artists

The basic pages are live now. (Took 3 hours)

New Current Season is also live with images!

CM specific email signup form

The link to constant contact email signup shows a general page for Richland arts organizations. We need one which lists Camerata as the primary target, and the other ones as extras.

Set up online submission for Young Artists

Timeline, maybe 2018 season... See the work-in-progress in Google Forms.

This should integrate well into the system Carolyne uses to notify people and select performers.

Do we want a fully online solution? ✉️ vs 📡
(update: Carolyn says we do want a fully online process!)
(With submission, selection, notification, contact, everything happening online?)

improve layout

Fix #sidebar so that

  • it does not cover any of the page while on mobile. See Young-Artists
  • words are not split across multiple lines (maybe using a <br>, or better yet a css setting).

FAQ updates

  • Add space in address under 'how do I get to perform'
  • Fix spelling of neighbors
  • Add 'how do I become a patron' question with link to 'Supporting Camerata Musica'

Program table styles

Movements are indented.
Composers right aligned.
Arranged in table as in previous centers.
See Common.css in the current site.

Make banner with title and logo

Current header (with logo, title, and tagline)
headinglogo

Make a new banner that includes these elements.

Should this new banner go on all pages (like the current one) or only on the index page?

reorder menu items

Some interest has been expressed in this.

Either using a manual menu in Pelican or using tags of some sort.

update 'Artest Bios'

On all future pages, change this to "About the Musicians."
Fix spelling on Baltimore Consort page.

update footer

  • change Copyright to Camerata Musica
  • add Travis-CI and Colin Brislawn attribution

More Modern Methods

I would like to make this site as fast and accessible as possible. This has to start with cloudflare:

⚡️ 💨 💯

Articles:

The tide has turned on AMP. Online publishers need it, but local non-profits don't.

Fisher Price ®️ , my first threat model:
Assets / threats / mitigation

  • domain cameratamusica.com
    • stolen or redirected to other site
      • check and improve security of Hover (2FA and locked domain)
  • website and email newsletter
    • modified / ads injected
      • use https
      • set up CI properly (I think?)
      • use industry standard or self hosted JS
  • trust of our users
    • use https to get green lock icon 🔒 💚

SEO

Match or improve Steve's site.
Maybe tag pages?

2023 Major updates

Updates, big and small

  • Move to new domain registrar
  • Enable DKIM pinning for our emails (link to MS dashboard). Check later if anything is broken
  • Build 2023 season
  • More to new mailing list provider: Sender.net
  • Make new logo for use as site icon and GitHub org icon
  • Add iCal / GCal event links with programs

css style changes

  • Make body 100% height so that scrolling bar and width is consistent
    • element to change is probably div.row or div.col-sm-9
  • Improve vertical spacing (maybe change <h3> height or <hr> height)
  • Consider color palette similar to original (see #1)

Review MailChimp with CM Board

Review cost of MailChimp.

Review email newsletter signup. It's complicated, so I want them to vet it and approve it before it's live.

Also, set up Facebook integration with MailChimp

The process of going live!

What's the best way to do this?

  • Solution must be sustainable / stable for many years.
  • Who controls it?

Call special board meeting to review site.

keep the CNAME file when site is rebuilt

The CNAME file in the Root directory of the home site is needed. It looks like this file may be overwritten when travis-ci pushes changes to the site. I need to look into this, and possibly make the creation of the proper CNAME file part of the build process.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.