harrisj09 / personal-site Goto Github PK
View Code? Open in Web Editor NEWMy personal site (Under Construction)
Home Page: https://personalsiteharris.netlify.com/
License: Other
My personal site (Under Construction)
Home Page: https://personalsiteharris.netlify.com/
License: Other
They skew more towards the right when this site is viewed on my laptop.
A list of languages (mostly frameworks)
None of these are in order
Add an option to display someones location with Google Maps
https://swipe.js.org/ (or page transition)
After keyframes gets to 100% on the hero text they move back to original position.
`footer {
display: flex;
flex-flow: column nowrap;
}
.copyright {
margin-top: auto;
}`
This is a list of tasks I need to get done.
Move the parallax background image to the top of the page and have the nav bar still overlap the background
Add blue overlay on hero
Create a button below the text on the parallax to redirect to the about section
Have the text "Hi, I'm John" have an animation as if its being typed out
Create two more HTML files
To "What I use to Build Websites"
Take what changes you made for the desktop version of the site and apply them to the other versions.
My phones screen size is around 480 pxiels
There's a problem with loading the background image for the parallax scrolling effect.
this.addRegionEventListener("mouseup", function() {
alert("mouse up");
});
https://stackoverflow.com/questions/8020967/html-5-image-hover-resize-and-redirect/8021658#8021658
The current design from W3 isn't amazing. Try using something different.
This is for complex animations
Suggestions
When the page loads have both the icons (twitter and GitHub) fade in from the side their respected positions. For the twitter icon use this and have it be 64px
Use event listeners there's probably something for when a user reaches a page and then have css code come into place.
Itll improve managing bugs
Using object.prototype.getSummary could help with shortening it down
Use for each loop for filtering out objects.
Even though the CSS and HTML are properly linked together, I'm using the full file path that's on my desktop. Which will cause issues when working on this with my laptop.
<link href="D:\Documents\portfolio\Portfolio-Site\css\style.css" rel="stylesheet" />
<link href="css\style.css" rel="stylesheet" />
The text in the hero is behind the overlay so the text isn't the clear enough to read on any device.
SOLUTION
Just take what you did in the default layout and apply it to media queries.
Have it send links to people and have it stick to the screen https://www.w3schools.com/howto/howto_css_sticky_element.asp
Give it both an id and a class
Don't do the styling on an id
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.