From 91f3afeea05cbd3245838784a1000a8d12d0410e Mon Sep 17 00:00:00 2001 From: Isobel Redelmeier Date: Sun, 24 Mar 2019 01:23:34 -0700 Subject: [PATCH] Flesh out basic template a bit It's, ahem, still really ugly. [#10] --- templates/basic/resume.pug | 45 +++++++++++++++++++++++++++++++-- templates/basic/style.scss | 51 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 94 insertions(+), 2 deletions(-) diff --git a/templates/basic/resume.pug b/templates/basic/resume.pug index 701dbaf..bf0e9da 100644 --- a/templates/basic/resume.pug +++ b/templates/basic/resume.pug @@ -8,10 +8,51 @@ html h1 Madame Tout-le-Monde h2 you@example.com | github.com/you main + section + h2 Education + hr + article + .columns + h3.left School of Mom and Pop + .right Springfield + .columns + .left Bachelor in Birdwatching + .right 1872-1876 + ul + li Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua + li Elit at imperdiet dui accumsan + li Etiam sit amet nisl purus in mollis + section + h2 Skills + hr + p Programming languages: Whitespace, LOLCODE, ArnoldC, Brainfuck + p Technologies: Flying through the clouds section h2 Work Experience hr article .columns - h3.left Acme Co. - .right Anytown, Ruritania + h3.left Acme Corporation + .right Anytown + ul + li Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae faucibus lorem, vel efficitur est. Donec elementum eget elit sit amet mollis. + li Proin sed nibh consequat, faucibus urna vitae, tempus nibh. Aliquam quis diam magna. Quisque eu dignissim mi, vel sagittis felis. Nullam lacinia lacus ut urna efficitur, a varius sapien interdum. + li Fusce et lectus ac est interdum ullamcorper. Nulla ac purus vel justo fringilla venenatis. Sed et purus hendrerit, pulvinar justo sed, porta nunc. + article + .columns + h3.left Ace Inc. + .right Somewhere Over the Rainbow + ul + li Euismod elementum nisi quis eleifend + li Neque sodales ut etiam sit amet nisl purus in + li Iaculis eu non diam phasellus vestibulum lorem + li Arcu risus quis varius quam quisque + article + .columns + h3.left Nozama + .right Main Street + ul + li Ipsum faucibus vitae aliquet nec + li Quis lectus nulla at volutpat + li Massa ultricies mi quis hendrerit dolor magna eget est + li Maecenas ultricies mi eget mauris pharetra et ultrices. diff --git a/templates/basic/style.scss b/templates/basic/style.scss index 291da0f..17eae7f 100644 --- a/templates/basic/style.scss +++ b/templates/basic/style.scss @@ -1,3 +1,54 @@ +html { + font-size: 18px; +} + +body { + margin: 2.5rem; +} + header { text-align: center; } + +h1 { + text-transform: uppercase; + font-size: 2rem; +} + +h2, h3 { + font-size: 1rem; +} + +h1, h2, h3, p, ul { + margin: 0; +} + +ul { + padding-left: 1rem; +} + +main { + h2 { + text-transform: uppercase; + } +} + +section { + margin-top: 1rem; +} + +.columns { + width: 100%; +} + +.columns, ul { + clear: both; +} + +.left { + float: left; +} + +.right { + float: right; +}