Skip to content

kiraoyd/kira-klingenberg

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

kira-klingenberg: a personal website

A static 'about me' website built for CS510 at Portland State University.

This project is intended to showcase the HTML, CSS and JAVASCRIPT skills I built over the course of the 10-week Spring 2022 term in CS510: Intro to Web Development.

I am restarting development on this site as of July 2023. There are a number of known issues that still need fixing:

  1. The contact form does not send emails on submit
  2. Some accessibility issues remain
  3. Some Responsive Web Design issues remain
  4. HTML and CSS design choices need to be gone over and refactored
  5. Javascript code is very basic and I'd like to boost this part up

This site is deployed via Github Pages, and can be seen live at: https://kiraoyd.github.io/kira-klingenberg/

Citations

Javascript code snippets cited in the myPage.js file include:

TEXT ANIMATION SNIPPET: https://speckyboy.com/css-javascript-text-animation-snippets/

SLIDESHOW SNIPPET: https://www.w3schools.com/howto/howto_js_slideshow.asp

Other outside sources used to build this page:

NAVBAR COLLAPSE: https://getbootstrap.com/docs/5.0/components/navbar/

KEYFRAMES COLORCHANGE CSS ANIMATION: https://www.w3schools.com/css/css3_animations.asp

GIF SITE giphy.com

CSS REFERENCE: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

FLEXBOX: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

https://flexbox.malven.co/

MEDIA QUERIES: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

GRID: https://css-tricks.com/snippets/css/complete-guide-grid/

https://grid.malven.co/

About

A personal website built for CS510 at Portland State University

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published