GithubHelp home page GithubHelp logo

newtheatre / website Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 7.0 63.49 MB

:globe_with_meridians: The New New Theatre Website

Home Page: https://newtheatre.org.uk

Ruby 1.25% HTML 79.99% Vim Snippet 0.46% SCSS 18.30%
jekyll theatre website

website's People

Contributors

abbiemary09 avatar benwoodford76 avatar cae2k avatar davidtaylorhq avatar dependabot[bot] avatar eliax28 avatar harry-bridge avatar jb3 avatar nhyty avatar samozzy avatar wjdp avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

website's Issues

Use of typefaces (Myriad Pro --> Akkurat)

Theatre seem to be using Myriad Pro for things (bottom of posters). The logotype is Akkurat (SU has licence)

Myriad is a commercial font, Adobe TypeKit licence will be required to use on site ($50 USD/year) bit of a PITA.

I seem to remember SU has some licence for Akkurat, we should investigate this.

Home page content

If there aren't any shows there should probably be some content on the home page...

Page for display screens

Make a page, hidden from robots & with no navigation, which is designed for displaying on the screens in the foyer. Should have show information, and pretty pictures (maybe a smugmug slideshow of some description).

Show data files

For show data we will use a collection of pages and mirror a subset of the fields used for history project pages (https://history.newtheatre.org.uk/docs/shows/).

What additional data would be nice to have for the "online programme"?

  • Images
  • Director/producer notes
  • Cast notes
  • Cast(/crew) headshots
  • Sponsors

Advantage of using same data file as HP is easy migration from website to HP.

Show blurbs full width?

Pushing the poster and title info into its own row, and the .card-body its own row would probably make better use of the page.
image

Ticket Pricing

Display a link to a Bootstrap modal under 'Reserve tickets' displaying a table as per pricing.yml
Conditional relating to the season of the show
modal:
if in house
display in house and all
if fringe
display fringe and all
if stuff
display stuff
else
display please email foh@ for ticket pricing information

SU Website Content

The SU website can handle iframes. Is it stupid levels of overkill to incorporate this into a Jekyll page for better formatting, consistent date and committee management, and better version control?

Make the reserve button less terrible

It is currently hard-coded twice to appear in a different position within the card depending on the device width. This is really awful and requires updating things twice for a single change.

Need to figure out a way to improve this.

Ticket Mini List vs Multi-Day Shows

Current behaviour: Has a day heading with the single occurrence
Desired behaviour: Distribute the occurrences over the days

This feels non-trivial and particularly niche.

Multi Occurrence Mini List

Don't break links

image

We're not allowed to break links between the current and the new site. All links should be kept the same or redirect to the new link.

  • Build a list of links
  • Don't break them

Site meta description

Write a description of the site for SEO copy, must be between 150 - 160 characters.

Link to gallery

There should be a way to get to the gallery on the website, don't know where exactly though

Constitution

Display the constitution on the website (the full text, not a link to a pdf)

New NSDF graphics

Emma is going to creat one for Ritual from last year, will then replace on homepage and can it be added to the footer.

LX catalogue

Gels site http://gels.newtheatre.org.uk could be rebuilt as a very minimal jekyll site in a separate repo built and run completely with GitHub pages (i.e. no travis, no staircase server)

Single file _data/gels.yml would look like:

- gel:
  code: L201
  color: #C3E1FB
  stock:
    - sheet: 3
    - cut: 17

&c

Site would be built, either a pure HTML output or same with JavaScript fun added in.

Could be extended for gobos.

Address

Add a google map link for us in the footer so people know where we are, also add directions to nearest car parks and where the car parks are.

Identify and address user groups

User Groups

  • NNT members, acting as punters
  • NNT members, acting as members
  • Prospective NNT members
  • Non-members as punters
  • Staff as punters
  • Public as punters
  • Alumni as alumni
  • Alumni as punters

List non-exhaustive. Each one of these groups has specific needs and will want different information. This was partially the reason for the members site - separation of members and punters. Decision will have to be made where on the spectrum the site is 'pitched at'.

Ticket Listing Content

Allow the option to have content before and/or after the ticket listing.

This should be by means of an include {% include ticket-listing.html %} which inserts a div with the appropriate id (mini-list or whats-on), so it can be included in between content sections, should that be desired.

The ticket JS should then work out if that div already exists: populate it if so, or add a new div at the end of the content section if not.

Season styling

External, StuFF and In House are all the same colour. This should be improved; Fringe currently sticks out as an odd one out.

Logo assets

The following need making

  • SVG of NNT Logo, white on black
  • SVG of NNT Logo, black on white
  • Big PNGs of above

Plan the redesign / evolution

1. Identify users, set any brand changes, research

  • See #8 (user groups).
  • Research those user groups (talk to them)
  • Explore and identify any brand changes early.

2. Plan / Wireframe

Lo-fi design steps, using research gathered in 1

3. Design and build

We'll get to that later, do some more planning.

4. Launch

5. Tune

Site is built well so later changes are easy to so. Site lasts a long time!

/rant, I may add to this later, http://www.smashingmagazine.com/ has some great articles on this process

UoNSU Icon on iPad

Pressing the SU icon in the footer, and then pressing back results in a blank icon. Seemingly iPad-only.
(Suggestion: iPad hasn't found the rollover image)
image

Ticking site integration

With the rebuild being a static site (probably) the current method of connecting www to ticketing won't work (is a server side thing). Ticketing site should output to JSON (rather than the current HTML), www site should load this content client side via an AJAX call.

newtheatre/nt-tickets#8

Room Bookings

Make it look prettier, looks rather balls at the moment

Member's site

Decide on what it should be and update all information

"To top" link

Add a link after h1s on pages with a ToC to go back to the top of the page

Set up staging branch to build to subdomain

Commit to a staging branch, this is built and published to dev.newtheatre or similar. Then merged into master when approved/checked nothing has broken. Thoughts?

  • Set up travis
  • Set debug var on site, switches robots.txt to deny all

Documentation

Update and improve the documentation for lay-editors.

Technical specs

Empty page exists here. Didn't feel like converting the existing page into markdown right now.

@nhyty Can you have a read over and edit while transpiling into markdown?

Pages to be edited

Will add a list f pages being rewritten/updated by committee, hopefully done by start of the new season.

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.