Browse Source

A few more print adjustments

master
Julio Biason 6 years ago
parent
commit
13408f9116
  1. 10
      cv.css
  2. 19
      index.html
  3. 113
      print.css

10
cv.css

@ -167,15 +167,23 @@ a {
min-height: 23em; min-height: 23em;
} }
#projects .columns.header {
min-height: 0px;
}
/* -------------------------------------------------- */ /* -------------------------------------------------- */
/* Projects */ /* Projects */
/* -------------------------------------------------- */ /* -------------------------------------------------- */
.presentations .columns { #presentations .columns {
/* border: 1px dashed gray; */ /* border: 1px dashed gray; */
min-height: 10em; min-height: 10em;
} }
#presentations .columns.header {
min-height: 0px;
}
/* -------------------------------------------------- */ /* -------------------------------------------------- */
/* Generic */ /* Generic */

19
index.html

@ -445,8 +445,9 @@
</div> <!-- skills --> </div> <!-- skills -->
</div> </div>
<div id="projects">
<div class="row"> <div class="row">
<div class="columns medium-12"> <div class="columns medium-12 header">
<h2> <h2>
<i class="fa fa-angle-right blue" aria-hidden="true"></i> <i class="fa fa-angle-right blue" aria-hidden="true"></i>
Personal Projects Personal Projects
@ -454,7 +455,7 @@
</div> </div>
</div> </div>
<div class="row" id="projects"> <div class="row">
<div class="columns small-12 medium-6 large-4"> <div class="columns small-12 medium-6 large-4">
<h3> <h3>
<i class="fa fa-angle-right blue"></i> <i class="fa fa-angle-right blue"></i>
@ -601,9 +602,11 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div id="presentations">
<div class="row"> <div class="row">
<div class="columns medium-12"> <div class="columns medium-12 header">
<h2> <h2>
<i class="fa fa-angle-right blue" aria-hidden="true"></i> <i class="fa fa-angle-right blue" aria-hidden="true"></i>
Presentations Presentations
@ -612,14 +615,14 @@
</div> </div>
<div class="row"> <div class="row">
<div class="columns small-12"> <div class="columns small-12 header">
<h3> <h3>
<i class="fa fa-angle-right blue" aria-hidden='true'></i> <i class="fa fa-angle-right blue" aria-hidden='true'></i>
2018 2018
</h3> </h3>
</div> </div>
</div> </div>
<div class="presentations">
<div class="row"> <div class="row">
<div class="columns small-12 medium-6 large-4"> <div class="columns small-12 medium-6 large-4">
<i class="fa fa-angle-right blue"></i> <i class="fa fa-angle-right blue"></i>
@ -630,10 +633,9 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="columns small-12"> <div class="columns small-12 header">
<h3> <h3>
<i class="fa fa-angle-right blue" aria-hidden='true'></i> <i class="fa fa-angle-right blue" aria-hidden='true'></i>
2017 2017
@ -641,7 +643,6 @@
</div> </div>
</div> </div>
<div class="presentations">
<div class="row"> <div class="row">
<div class="columns small-12 medium-6 large-4"> <div class="columns small-12 medium-6 large-4">
<i class="fa fa-angle-right blue"></i> <i class="fa fa-angle-right blue"></i>
@ -693,6 +694,7 @@
</div> </div>
</div> </div>
<div id="events">
<div class="row"> <div class="row">
<div class="columns medium-12"> <div class="columns medium-12">
<h2> <h2>
@ -799,5 +801,6 @@
<a href="http://rsjs.org/2016/" target="_blank">RSJS 2016</a> <a href="http://rsjs.org/2016/" target="_blank">RSJS 2016</a>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>

113
print.css

@ -1,73 +1,88 @@
@media print { .large-1,
.large-1, .medium-1,
.medium-1, .small-1 {
.small-1 {
width: 8.33333%; width: 8.33333%;
} }
.large-2, .large-2,
.medium-2, .medium-2,
.small-2 { .small-2 {
width: 16.66667%; width: 16.66667%;
} }
.large-3, .large-3,
.medium-3, .medium-3,
.small-3 { .small-3 {
width: 25%; width: 25%;
} }
.large-4, .large-4,
.medium-4, .medium-4,
.small-4 { .small-4 {
width: 33.33333%; width: 33.33333%;
} }
.large-5, .large-5,
.medium-5, .medium-5,
.small-5 { .small-5 {
width: 41.66667%; width: 41.66667%;
} }
.large-6, .large-6,
.medium-6, .medium-6,
.small-6 { .small-6 {
width: 50%; width: 50%;
} }
.large-7, .large-7,
.medium-7, .medium-7,
.small-7 { .small-7 {
width: 58.33333%; width: 58.33333%;
} }
.large-8, .large-8,
.medium-8, .medium-8,
.small-8 { .small-8 {
width: 66.66667%; width: 66.66667%;
} }
.large-9, .large-9,
.medium-9, .medium-9,
.small-9 { .small-9 {
width: 75%; width: 75%;
} }
.large-10, .large-10,
.medium-10, .medium-10,
.small-10 { .small-10 {
width: 83.33333%; width: 83.33333%;
} }
.large-11, .large-11,
.medium-11, .medium-11,
.small-11 { .small-11 {
width: 91.66667%; width: 91.66667%;
} }
.large-12, .large-12,
.medium-12, .medium-12,
.small-12 { .small-12 {
width: 100%; width: 100%;
} }
#projects {
display: none; /* hiding till I figure out how to print them properly */
}
#events {
display: none; /* same as above */
}
body {
font-weight: 100 !important;
font-size: 0.8em;
}
#skills {
font-size: 0.8em;
} }

Loading…
Cancel
Save