feat: links should look like link

This commit is contained in:
Anthony Dumas 2024-02-12 22:18:47 +01:00
parent 6db8878b3d
commit d7a9029a42
4 changed files with 9 additions and 39 deletions

View File

@ -1,37 +0,0 @@
@charset "utf-8"
// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700')
// Set your brand colors
$purple: #8a4d76
$pink: #fa7c91
$brown: #757763
$beige-light: #d0d1cd
$beige-lighter: #eff0eb
// Update Bulma's global variables
$family-sans-serif: 'Nunito', sans-serif
$grey-dark: $brown
$grey-light: $beige-light
$primary: $purple
$link: $pink
$widescreen-enabled: false
$fullhd-enabled: false
// Update some of Bulma's component variables
$body-background-color: $beige-lighter
$control-border-width: 2px
$input-border-color: transparent
$input-shadow: none
// Import only what you need from Bulma
@import '../node_modules/bulma/sass/utilities/_all.sass'
@import '../node_modules/bulma/sass/base/_all.sass'
@import '../node_modules/bulma/sass/elements/button.sass'
@import '../node_modules/bulma/sass/elements/container.sass'
@import '../node_modules/bulma/sass/elements/form.sass'
@import '../node_modules/bulma/sass/elements/title.sass'
@import '../node_modules/bulma/sass/components/navbar.sass'
@import '../node_modules/bulma/sass/layout/hero.sass'
@import '../node_modules/bulma/sass/layout/section.sass'

View File

@ -8,6 +8,7 @@ $myrtle-green: #1d353a;
$cadet-blue: #25444b;
$neon-carrot: #142225;
$white: #ffffff;
$admink-brand: #f38d68;
/**
Variables Bulma
@ -111,3 +112,7 @@ footer small {
text-align: left;
font-size: 20px;
}
p.title a {
color: $admink-brand !important;
}

View File

@ -13,7 +13,7 @@ import ExperienceCard from '../ExperienceCard/index';
class MainCard extends Component {
componentDidMount() {
PowerGlitch.glitch('img',
PowerGlitch.glitch('#photoProfil img',
{
playMode: 'hover',
hideOverflow: true,

View File

@ -11,7 +11,9 @@ export default class ProjectCard extends Component {
<div className="tile">
<div className="tile is-parent">
<article className="tile is-child notification is-info">
<p className="title">{data.title}</p>
<p className="title">
<a href={data.url} rel="noopener noreferrer" target="_blank">{data.title}</a>
</p>
<a href={data.url} rel="noopener noreferrer" target="_blank">
<figure className="image is-4by3">
<img src={data.image}