adamas/curriculum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout de classes pour l'impression "simple" de la page

Browse Source
This commit is contained in:
Anthony Dumas 2019-03-15 11:50:24 +01:00
parent a189be2dae
commit 3e6db7e375
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/print.css Normal file
View File

@ -0,0 +1,9 @@
.dontPrint,
a.button,
p.buttons {
display: none;
}
.displayOnlyOnPrint {
display: inline-block;
}

15
index.html
View File

@ -8,12 +8,13 @@
<title>Anthony Dumas - Portfolio</title> <title>Anthony Dumas - Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/print.css" media="print">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous"> crossorigin="anonymous">
</head> </head>
<body> <body>
<section id="menu" class="hero is-primary"> <section id="menu" class="hero is-primary dontPrint">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title"> <h1 class="title">
@ -29,7 +30,7 @@
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
<div class="column is-offset-1"></div> <div class="column is-offset-1 dontPrint"></div>
<div id="idCard" class="column is-3 is-hidden-mobile"> <div id="idCard" class="column is-3 is-hidden-mobile">
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
@ -64,7 +65,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column is-7" id="experiences"> <div class="column is-narrow" id="experiences">
<span class="title">Experience</span> <span class="title">Experience</span>
<div class="card-content" id="harvest"> <div class="card-content" id="harvest">
<div class="media"> <div class="media">
@ -137,11 +138,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column is-offset-1 dontPrint"></div>
</div>
</div>
</section>
<div class="column is-offset-1"></div> <div class="column is-offset-1"></div>
</div> </div>
</div> </div>
</section> </section>
<section class="hero is-info"> <section class="hero is-info dontPrint">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title"> <h1 class="title">
@ -154,7 +159,7 @@
</div> </div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="footer has-text-centered"> <footer class="footer has-text-centered dontPrint">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
<div class="column is-8-desktop is-offset-2-desktop"> <div class="column is-8-desktop is-offset-2-desktop">