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
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-monarquefoldernote that some of the other examples of the course
can be found in thesamples/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.iomake it public
name the entry point as
index.htmlyour resume will be shortly available at
https://myid.github.io/and simply push changes to have them published
see https://
another example¶
and finally, for fun, see a much more elaborated example below ;)