risamaki / risamaki.github.io Goto Github PK

Right now if you make the window / screen smaller, the white space becomes too big and pretty unproportioned.

• since I am not explicitly putting a technical skills section, should mention what languages are used in the courses since are those I "know" but in a school sense

Done Criteria:

• The bootstrap version of the template is shown on the website
• All the code is read through and understood

Child of #13

Choosen Template = https://html5up.net/twenty

See notes from #9

• Change the Tell me More button to one of those icons that is a mouse that scrolls downwards OR to a simple Icon

• alot of sites still do have that landing page
  • I could change the picture to something more minimalistic
  • instead of clicking my name - keep the name there / photoshop it on and click a button to go down
• fnd some good header animation
• jumbotron? landing page? header?
• alot of time the navbar is incorporated into the background

Do this by creating 5 different images that fit the image proportions given in the css specs

Reference the links down in the comments below and implement them into my website so we have some color / base that loads first then the banner image will load

• also includes a more interesting way for my name to load

Currently is white - make black or gray

If the page is uncached (?) and it is the very first reload after building, the pink box will flash before the name does

• need to investigate to see what cases this happens and how to fix it

• Add more social media links / an interest section
• Maybe something to do with photographs? Lettering?

• Add this information to the about me section

Done Criteria: Decide on a template to use and incorporate it into my code

What I want in a portfolio:

• A cool landing page with some animation
• A place to have an About me + technical skills sections - don't need photos
• A place to talk about Employment History -- can be similar to the About Me since I only have one previous work place
• An area I can talk about projects - preferably some animation that moves the boxes -- not too keen on having the projects open up to specific boxes but I suppose writing more is good too
• navigation bar is nice but not necessary

Final Contenders:

• https://bootstrapious.com/p/designer-bootstrap-3-portfolio-template
• https://bootstrapious.com/p/agency-portfolio-theme - really good but the landing page doesn't have as much impact as I would like, also do not like the navigation bar
• https://bootstrapious.com/p/screen-onepage-scroll-theme - don't like the individual page scrolling

https://dcrazed.com/free-responsive-html5-css3-templates/

• Bodo - really good for a Portoflio to website -- a bit too much though
• Snow - (http://blog.themearmada.com/demos/snow/) - not really good for my purpose
• Mobirise (https://mobirise.com/bootstrap-template/one-page.html) -- too choppy

https://html5up.net/

• Spectral (https://html5up.net/spectral) - Too dark for my usual style
• Twenty (https://html5up.net/twenty)
• Highlights (https://html5up.net/highlights) - too simple
• Big Picture (https://html5up.net/big-picture)

See notes from (#9)

• remove the current stuff that's in the template
• change it so you can click to the individual sections

• To be worked on after [#1] is fully completed

• It would be nice if there was not such a big space between the different < p> points

• would also be nice to see if the Technologies Used Lines could all be equal, whether that means being on a new separate row or somehow figuring out a way to keep them equal

• Make all the fonts smaller / more proportioned (#4)
• Change the pictures behind the text - especially the banner image
• Change the color scheme of the sections if possible - make sure you keep the triangles everywhere

UI wise:

• Make everything on one page, instead of clicking and a modal appears
• add screenshots of the projects
• Have some animations(?) for when you hover OR just have the information written in the screen shot etc

Update projects list:

• This Website
• nwHacks Project x2
• Chat IO Project
• Pomodoro App
• 310 Project?
• Take out 210 Project

Info from #9:

• Decide if I want to put the about me part in the landing page or in seperate section on the bottom -- if i do decide to do that, will I photo shop it on??
• Update the information -- changing my year etc .
• Add information on the stuff I know, technical skills etc here

or alternatively, decide if I wanna write "contact me" and if that needs a separator because right now it is a bit awkward that it jumps directly to the social media section

Part of the Banner: #10

• Needs to be responsive
• Needs to be clickable / more interesting way to incdicate you should scroll down

Done Criteria: Create new issues from the notes and/or rename the current ones so there is an issue to refresh each section