Ajout de Fontawesome

+
Changement du thème
This commit is contained in:
Anthony Dumas 2019-03-13 15:23:55 +01:00
parent 19fe0fc972
commit e8a6d4fc14
3 changed files with 316 additions and 294 deletions

View File

@ -29,21 +29,21 @@ $primary-invert: $pink-invert;
/** /**
Thème Thème
**/ **/
$orange-yellow:#F2CD60; $deep-koamaru:#2b4162;
$maize:#F2E863; $myrtle-green:#326273;
$wheat:#f5e0b7; $cadet-blue:#5c9ead;
$vivid-tangerine:#efa48b; $neon-carrot:#fa9f42;
$granite-gray:#685369; $white:#ffffff;
/** /**
Variables Bulma Variables Bulma
**/ **/
$primary:$orange-yellow; $primary:$cadet-blue;
$primary-invert:#fff; $primary-invert:#fff;
$info:$vivid-tangerine; $info:$myrtle-green;
$info-invert:#fff; $info-invert:#fff;
$footer-color:$granite-gray; $footer-color:$deep-koamaru;
$link:$orange-yellow; $link:$neon-carrot;
@import "../node_modules/bulma/bulma"; @import "../node_modules/bulma/bulma";
@ -72,4 +72,8 @@ footer {
footer strong { footer strong {
color: #fff; color: #fff;
}
.media-content {
margin-top: -6px;
} }

File diff suppressed because it is too large Load Diff

View File

@ -8,10 +8,12 @@
<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="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous">
</head> </head>
<body> <body>
<section id="menu" class="hero is-primary is-bold"> <section id="menu" class="hero is-primary">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title"> <h1 class="title">
@ -23,7 +25,7 @@
</div> </div>
</div> </div>
</section> </section>
<section id="idCard" class="hero is-medium is-primary-inverted"> <section id="idCard" class="hero is-medium is-primary-inverted is-bold">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
@ -31,7 +33,7 @@
<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">
<figure class="image"> <figure id="photoProfil" class="image">
<img src="/images/profile_opt.jpg" alt="Placeholder image"> <img src="/images/profile_opt.jpg" alt="Placeholder image">
</figure> </figure>
</div> </div>
@ -39,7 +41,20 @@
<div class="media"> <div class="media">
<div class="media-content"> <div class="media-content">
<p class="title is-4">Anthony Dumas</p> <p class="title is-4">Anthony Dumas</p>
<p class="subtitle is-6">@adamas_fr</p> <p class="buttons are-small">
<a class="button" href="https://github.com/AdamasFR">
<span class="icon is-small">
<i class="fab fa-github"></i>
</span>
<span>GitHub</span>
</a>
<a class="button" href="https://www.linkedin.com/in/anthonyyvondumas/">
<span class="icon is-small">
<i class="fab fa-linkedin"></i>
</span>
<span>LinkedIn</span>
</a>
</p>
</div> </div>
</div> </div>