Coder Social home page Coder Social logo

xdanny41 / lferefresh Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 87.84 MB

University of Oklahoma Lambda Phi Epsilon Refresh Site 2024

Home Page: http://www.oklahomalambdas.org/

HTML 92.45% CSS 5.33% SCSS 1.87% PHP 0.35%
bootstrap5 css html javascript sass-framework ui-design web webdesign webdevelopment webmaster lambdaphiepsilon

lferefresh's Introduction

LFE Refresh Site 2024 Created By Danny Nguyen

Contributors: Sujal S.

HELLO LAMBDA CS NERDS. This is the Official Repository for Lambda Phi Epsilon | Alpha Phi Chapter at THE University of Oklahoma.

General Advice:

  • This site is setup in a way where novice CS Lambda Students can learn how to effectively:
  • Manage a site, Learn how cloud containerization works, general git practice, Learn new languages such as, HTML, CSS, JavaScript. Learn how to use frameworks & styling: Bootstrap5 and how to generally make new additions/modules & pages to the existing website.
  • If you want to make your own site, I highly recommend you make it from scratch with more people so that you can have something on your resume.
  • Active house will sometimes make retarded request. You may choose to uphold the request at your own risk.

How this repo works & what it contains:

  • Created with:
  • Html
  • CSS
  • Bootstrap5 Framework
  • Sass (SCSS)
  • PHP

Bootstrap5:

What needs work:

Brothers Page -

  • Responsive Issue
  • Videos not loading on devices with low ram/processing speed
  • Solution: For screens lower than mobile size px by px change video to image.

Lineage Page -

  • Needs an overhaul from old website
  • Issue: Making a new tree responsive may be difficult :skull-emoji:

For Webmster:

  • Learn how Bootstrap5 styling framework works (please read docs).
  • Learn how HTML, CSS, JS works
  • Learn how site responsiveness works (most important)
  • Right now just focus on how to update the website and make basic changes. Later we will figure out the google bucket situation and other stuff.

Site Responsiveness:

  • Not how fast a site reacts but how a site reacts to changes in screen size.
  • Most website designs may look terrible on mobile if site isnt responding reponsively.

Task for Webmaster:

  • For brothers page, when screen size changes to mobile, remove video and add class photo (refer to Example file).
  • Add links to social buttons on front-page.

General Maintainence:

  • Have google crawl new site.
  • Update Site XML.
  • Figure out how to send in a contact-form to an email using PHP. Having issues with GCP so not sure if this is possible on cloud storage :sad-face:

Contact Me:

lferefresh's People

Contributors

xdanny41 avatar

Watchers

 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.