Giter Club home page Giter Club logo

thealgonquinensemble's Introduction

The Algonquin Ensemble Website

This is a rewrite of the official website of The Algonquin Ensemble. It can be found at the following URL: https://the-algonquin-ensemble.firebaseapp.com

Testing Locally

  1. Make sure Firebase tools are installed and configured
  2. Run firebase serve --only hosting
  3. Visit http://localhost:5000

Publishing Changes

  1. TEST LOCALLY FIRST
  2. Merge changes into master branch (either by pushing or by pull request)

thealgonquinensemble's People

Contributors

averyvine avatar jkirkyuan avatar

Watchers

James Cloos avatar  avatar

thealgonquinensemble's Issues

Move images on top of text for bios on smaller screens

Currently, the image always takes up a third of the page, even on a mobile screen. Make it so that instead of having the text wrap around an image a third of the size of the page, have the image on top with the text underneath.

Add newsletter signup form to home page

There's currently no way to sign up for the newsletter. Maybe put a small button at the bottom of the home page (maybe in the footer?) and pop up a modal with the signup form.

Fix responsive design in index.html

CD image, text, and facebook integration are all formatted weirdly as the screen size shrinks towards mobile. Probably just turn it into centered blocks on smaller screens.

This also includes desktop - some margins/padding seem a bit off

Caption for CD image in index.html

On desktop, users can hover to see the "Buy Now" button, but on mobile they don't have that option. Let users know that clicking on the image will take them to the shop by adding a caption (probably on desktop too? Makes it more obvious)

Navbar brand lowers when opening navbar menu on mobile

The brand is lowering when you open the navbar menu, and it covers the Calendar option. Fix it so that it stays fixed to the top (this most likely has to do with the use of position: absolute. Try throwing in Y dimension compensations).

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.