Code Monkey home page Code Monkey logo

ieee-website's Introduction

IEEE-Website

Deploy

purdueieee.org for deployment.

old.purdueieee.org for the former site, archival purposes only (code visible at tag old-final).

Fork this repository and make a pull request for website updates. Contact [email protected] for any questions.

Basic Tech Layout

All pages are mostly static HTML with Vue (2.6.14) used to add some functionality that was handled previously by PHP.

I chose Vue because I was most comfortable with it and it wouldn't require a total npm setup with deployment pipline like React would. Each page usually has a seperate Vue JS file to minimize how much code needs to be sent for a single page - not every page uses anything other than components!

Bootstrap (5.0.2) is the CSS library. Bootstrap also uses a JS library for dropdowns and other overlapping elements.

Key Formatting Notes

  • Entire Site: PLEASE MAKE SURE INDIVIDUAL PAGES ARE <= 1MB! CROP AND RESCALE IMAGES TO REACH THIS GOAL!
  • /: committee cover images must be 500x100px with a 250-310 character descriptor
  • /awardees: awardee images must be 300x300px (not every old image follows this)
  • /studentwinners: awardee images must be 300x300px
  • /constitution: follow naming convention for PDFs established in the folder
  • /officers: officer images must be 200x200px and the json file must be a VALID json object with three keys: 'elected', 'cornerstone', 'technical'. Each key is an array of objects where each object represents one officer

ieee-website's People

Contributors

mattmolo avatar hadiahmed098 avatar stwrt avatar grantg012 avatar swagatbhattacharyya avatar erikvanderwerf avatar rakoskr6 avatar avaidyam avatar jchin6000 avatar justinjoco avatar zloy22 avatar jchoi334 avatar mikitymike avatar

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.