Code Monkey home page Code Monkey logo

project0's Introduction

Project 0

Web Programming with Python and JavaScript

I have created I webpage of my favorite things! My reintroduction into webprogramming after a few years off. https://briandouglas.github.io/Project0/

-The home page (index.html) -A short profile of me! It has an image of me and some info about my background. I first created my nav bar while working on this page. I make extensive use of bootstrap 4 grid here to layout everything dynamically. I quite happy with how the content stacks as you resize the window. Maybe the image gets too big, though.

-Favourite things page (1.html) -Here I LIST some cool things for you. :) -I experimented a bit with putting bootstrap rows in rows here and it worked out really well.

-The Toronto Maple Leafs Page (2.html) -The perfect time to put some stats in a TABLE! -I used a color matching tool to find the exact hex code for the blue in the logo :)

-Thing 3 (3.html) -I ran out of content ideas but this page is set up and ready for whatever I want to add.

-Style! (style.scss) -included variables for background color and text color -included variables for the nav bar names of the pages, as I was unsure what would go in there at first -created a boxes parent that I derived my nav box from -have multipul examples of scss nesting (#ordered-list #nav-box and table) -added some nice hover effects -most of the rearrangement due to sreensize was done with bootstrap, however I did include one @media query to shorten the page title if someone is on a small screen -added a font from google for a signature

project0's People

Contributors

briandouglas 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.