Code Monkey home page Code Monkey logo

Personal Website

Author: London Joseph
Deployed at https://elondonj.github.io/

This web page is the final project for the CS410 Intro to Web Developement at Portland State University. The site utilizes a single-page layout with a navigation bar at the top and about, resume, project and contact sections.

The site is built using CSS, HTML, Boostrap and JavaScript.

Navbar

The navigation bar is built Boostrap classes and the Boostrap JavaScript bundle were used for the navbar. The navbar also uses the google font Modak for the logo.

Animation

On large and medium screen an interactive partical animation is displayed. I followed a tutorial by Franks Laboratory for the animation. The code for the animation is found in anima.js

About

The about section has a short bio and picture of myself. This section uses a combination of custom CSS and Boostrap for formatting and design.

Resume

The resume section summerizes my relevant course work and technical skill set. This section uses a combination of custom CSS and Boostrap for formatting and design.

Projects

The projects section displays previous projects in a carousel slider. The slider was built with Bootstrap classes and operated utilizing the Boostrap JavaScript bundle.

Contact

The contact section takes was built with Bootstrap form classes. Messages sent from form to my email via Formsubmit.co

Footer

A small footer with a randomly selected insirational quote. Quotes are sourced from (https://type.fit/api/quotes) api. Quotes.js contains the code for fetching from the api.

References

elondonj's Projects

webdev-exercises icon webdev-exercises

This repo contains the starter files for all the assignments in CS 465P/565.

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.