Ajout de Github sur mobile + meilleure gestion de l'affichage
This commit is contained in:
parent
7972c5bc4f
commit
49dc04ec25
@ -44,6 +44,7 @@ $info:$myrtle-green;
|
||||
$info-invert:#fff;
|
||||
$footer-color:$deep-koamaru;
|
||||
$link:$neon-carrot;
|
||||
$link-hover:"";
|
||||
|
||||
html {
|
||||
background-color: $primary;
|
||||
@ -92,6 +93,14 @@ div.hero-body {
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.button.is-fullwidth-mobile {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "icomoon";
|
||||
src: url("../font/fonts/icomoon.eot");
|
||||
|
13
css/main.css
13
css/main.css
@ -346,7 +346,7 @@ a {
|
||||
a strong {
|
||||
color: currentColor; }
|
||||
a:hover {
|
||||
color: #363636; }
|
||||
color: ""; }
|
||||
|
||||
code {
|
||||
background-color: whitesmoke;
|
||||
@ -1215,7 +1215,7 @@ a.box:active {
|
||||
margin-right: calc(-0.375em - 1px); }
|
||||
.button:hover, .button.is-hovered {
|
||||
border-color: #b5b5b5;
|
||||
color: #363636; }
|
||||
color: ""; }
|
||||
.button:focus, .button.is-focused {
|
||||
border-color: #3273dc;
|
||||
color: #363636; }
|
||||
@ -3685,7 +3685,7 @@ a.tag:hover {
|
||||
justify-content: center;
|
||||
padding: 0 0.75em; }
|
||||
.breadcrumb a:hover {
|
||||
color: #363636; }
|
||||
color: ""; }
|
||||
.breadcrumb li {
|
||||
align-items: center;
|
||||
display: flex; }
|
||||
@ -5021,7 +5021,7 @@ a.navbar-item,
|
||||
.pagination-next:hover,
|
||||
.pagination-link:hover {
|
||||
border-color: #b5b5b5;
|
||||
color: #363636; }
|
||||
color: ""; }
|
||||
.pagination-previous:focus,
|
||||
.pagination-next:focus,
|
||||
.pagination-link:focus {
|
||||
@ -6983,6 +6983,11 @@ div.hero-body {
|
||||
.btn-centered div.column.hasContent {
|
||||
padding-left: 5%; }
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.button.is-fullwidth-mobile {
|
||||
display: flex;
|
||||
width: 100%; } }
|
||||
|
||||
@font-face {
|
||||
font-family: "icomoon";
|
||||
src: url("../font/fonts/icomoon.eot");
|
||||
|
21
index.html
21
index.html
@ -28,7 +28,7 @@
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
<div class="column is-offset-1 dontPrint"></div>
|
||||
<div class="column is-offset-1 is-narrow-tablet dontPrint"></div>
|
||||
<div id="idCard" class="column is-3 is-hidden-mobile">
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
@ -64,7 +64,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-narrow" id="experiences">
|
||||
<div class="column is-narrow-desktop" id="experiences">
|
||||
<span class="title">Experience</span>
|
||||
<div class="card-content" id="harvest">
|
||||
<div class="media">
|
||||
@ -137,7 +137,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-offset-1 dontPrint"></div>
|
||||
<div class="column is-offset-1 is-narrow-tablet dontPrint"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -157,7 +157,7 @@
|
||||
<div class="columns btn-centered">
|
||||
<div class="column is-offset-1"></div>
|
||||
<div class="column is-3 hasContent">
|
||||
<a class="button is-large" href="mailto:anthony@dumas.cc">
|
||||
<a class="button is-large is-fullwidth-mobile" href="mailto:anthony@dumas.cc">
|
||||
<span class="icon">
|
||||
<i class="fab icon-envelope-open"></i>
|
||||
</span>
|
||||
@ -165,7 +165,8 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3 hasContent">
|
||||
<a class="button is-large" href="https://www.linkedin.com/in/anthonyyvondumas/" target="_blank">
|
||||
<a class="button is-large is-fullwidth-mobile" href="https://www.linkedin.com/in/anthonyyvondumas/"
|
||||
target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-linke-square"></i>
|
||||
</span>
|
||||
@ -173,13 +174,21 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3 hasContent">
|
||||
<a class="button is-large" href="https://t.me/adamas_FR" target="_blank">
|
||||
<a class="button is-large is-fullwidth-mobile" href="https://t.me/adamas_FR" target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-teleg"></i>
|
||||
</span>
|
||||
<span>Telegram</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-3 hasContent is-hidden-desktop">
|
||||
<a class="button is-large is-fullwidth-mobile" href="https://t.me/adamas_FR" target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab icon-github-alt"></i>
|
||||
</span>
|
||||
<span>Github</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-offset-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user