putting it all together

tools = require('../js/tools'); tools.init()

assignment¶

• as a conclusion of this overview on CSS,

• review your resume to create fancier layouts

• and so it becomes responsive

  • it should display properly on a phone, tablet, and laptop

• of course this implies that

  • the content is always the same

  • but the arrangement of the various pieces changes with the viewport width

a sample cv¶

• here is one example

  • please do not try to mimick this example too closely,
    it is just there so you can get a sense of what is possible;

  • plus, it is far from perfect anyway ...

  • but make sure to open it in a separate window
    and observe its responsive behaviour

tools.sample_from_stem("../samples/26-monarque/resume", {sources_show: false})

where to find the example¶

• previous example can be found together with the course
  in the git repo https://github.com/ue22-p25/web

• specifically in the samples/26-monarque folder

• note that some of the other examples of the course
  can be found in the samples/ folder

publishing¶

• once you’re satisfied

• and provided that you have no problem with your resumé being publicly available

• you can easily publish it on github.io (see next slide)

• plus tons of other opportunities around as well

publishing on github.io¶

• this is simple and free

• only supports public pages though

assuming your github slug is myid

• create a repo on github myid/myid.github.io

• make it public

• name the entry point as index.html

• your resume will be shortly available at https://myid.github.io/

• and simply push changes to have them published

see https://pages.github.com/ for details

another example¶

and finally, for fun, see a much more elaborated example below ;)

http://www.rleonardi.com/interactive-resume/