Ajout des moyens de contact
+ Corrections diverses
This commit is contained in:
parent
5111261e43
commit
d89388e8ec
File diff suppressed because one or more lines are too long
18
.reactgenerator
Normal file
18
.reactgenerator
Normal file
@ -0,0 +1,18 @@
|
||||
{
|
||||
"componentDestination": "./src/components/",
|
||||
"styledComponentDestination": "./src/components/",
|
||||
"tscomponentDestination": "./components/",
|
||||
"viewDestination": "./src/view/",
|
||||
"storeDestination": "./src/store/",
|
||||
"pageDestination": "./pages/",
|
||||
"tspageDestination": "./pages/",
|
||||
"reduxDestination": "./src/",
|
||||
"setupDestination": "./src/",
|
||||
"reduxModuleDestination": "./src/store/",
|
||||
"serviceModuleDestination": "./src/services/",
|
||||
"servicesDestination": "./src/",
|
||||
"configDestination": "./src/services/",
|
||||
"requestDestination": "./src/services/config/",
|
||||
"storageDestination": "./src/services/config/",
|
||||
"templatePath": ""
|
||||
}
|
11
package-lock.json
generated
11
package-lock.json
generated
@ -10,6 +10,7 @@
|
||||
"@testing-library/jest-dom": "^5.11.6",
|
||||
"@testing-library/react": "^11.2.2",
|
||||
"@testing-library/user-event": "^12.5.0",
|
||||
"bulma": "^0.9.1",
|
||||
"react": "^17.0.1",
|
||||
"react-dom": "^17.0.1",
|
||||
"react-scripts": "4.0.1",
|
||||
@ -4769,6 +4770,11 @@
|
||||
"resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
|
||||
"integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
|
||||
},
|
||||
"node_modules/bulma": {
|
||||
"version": "0.9.1",
|
||||
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
|
||||
"integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
|
||||
},
|
||||
"node_modules/bytes": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
|
||||
@ -24898,6 +24904,11 @@
|
||||
"resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
|
||||
"integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
|
||||
},
|
||||
"bulma": {
|
||||
"version": "0.9.1",
|
||||
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
|
||||
"integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
|
||||
},
|
||||
"bytes": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
|
||||
|
@ -4,6 +4,7 @@ import './_sass/index.scss';
|
||||
import MenuComponent from './components/MenuComponent/index';
|
||||
import MainCard from './components/MainCard/MainCard';
|
||||
import ProjectsCard from './components/ProjectsCard';
|
||||
import ContactCard from './components/ContactCard';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
@ -11,6 +12,7 @@ function App() {
|
||||
<MenuComponent/>
|
||||
<MainCard/>
|
||||
<ProjectsCard/>
|
||||
<ContactCard/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
26
src/components/ContactButton/ContactButton.js
Normal file
26
src/components/ContactButton/ContactButton.js
Normal file
@ -0,0 +1,26 @@
|
||||
import React, {Component} from '../../../node_modules/react';
|
||||
import './ContactButton.scss'
|
||||
// import { connect } from "react-redux";
|
||||
// import { bindActionCreators } from "redux";
|
||||
// import * as contactButtonActions from "../../store/contactButton/actions";
|
||||
export default class ContactButton extends Component {
|
||||
// constructor(props) {
|
||||
// super(props);
|
||||
// this.state = {};
|
||||
// }
|
||||
render() {
|
||||
return <div class="column is-3">
|
||||
<a target="_blank" rel="noreferrer noopener" href={this.props.link} class="hide button is-large is-fullw-mobile"
|
||||
title={this.props.title}>
|
||||
<span class="icon">
|
||||
<i class={"fab " + this.props.icon}></i>
|
||||
</span>
|
||||
<span>{this.props.name}</span>
|
||||
</a>
|
||||
</div>;
|
||||
}
|
||||
}
|
||||
// export default connect(
|
||||
// ({ contactButton }) => ({ ...contactButton }),
|
||||
// dispatch => bindActionCreators({ ...contactButtonActions }, dispatch)
|
||||
// )( contactButton );
|
4
src/components/ContactButton/ContactButton.scss
Normal file
4
src/components/ContactButton/ContactButton.scss
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
.component-contact-button{
|
||||
|
||||
}
|
2
src/components/ContactButton/index.js
Normal file
2
src/components/ContactButton/index.js
Normal file
@ -0,0 +1,2 @@
|
||||
import ContactButton from "./ContactButton"
|
||||
export default ContactButton;
|
51
src/components/ContactCard/ContactCard.js
Normal file
51
src/components/ContactCard/ContactCard.js
Normal file
@ -0,0 +1,51 @@
|
||||
import React, {Component} from '../../../node_modules/react';
|
||||
import './ContactCard.scss'
|
||||
|
||||
import ContactButton from '../ContactButton/index';
|
||||
|
||||
// import { connect } from "react-redux";
|
||||
// import { bindActionCreators } from "redux";
|
||||
// import * as contactCardActions from "../../store/contactCard/actions";
|
||||
export default class ContactCard extends Component {
|
||||
// constructor(props) {
|
||||
// super(props);
|
||||
// this.state = {};
|
||||
// }
|
||||
render() {
|
||||
return <section class="hero is-info dontPrint" id="contact">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<h1 class="title">
|
||||
Contact
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
Vous pouvez me contacter de nombreuses façons !
|
||||
</h2>
|
||||
<div class="columns">
|
||||
<ContactButton
|
||||
name="Courriel"
|
||||
title="Contactez moi par mail a anthony arobase dumas point cc !"
|
||||
link="mailto:anthony@dumas.cc"
|
||||
icon="icon-envelope-open"/>
|
||||
|
||||
<ContactButton
|
||||
name="LinkedIn"
|
||||
title="Page LinkedIn"
|
||||
link="https://www.linkedin.com/in/anthonyyvondumas/"
|
||||
icon="icon-linke-square"/>
|
||||
|
||||
<ContactButton
|
||||
name="Telegram"
|
||||
title="Contactez moi via Telegram!"
|
||||
link="https://t.me/adamas_FR"
|
||||
icon="icon-teleg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>;
|
||||
}
|
||||
}
|
||||
// export default connect(
|
||||
// ({ ContactCard }) => ({ ...contactCard }),
|
||||
// dispatch => bindActionCreators({ ...contactCardActions }, dispatch)
|
||||
// )( contactCard );
|
4
src/components/ContactCard/ContactCard.scss
Normal file
4
src/components/ContactCard/ContactCard.scss
Normal file
@ -0,0 +1,4 @@
|
||||
|
||||
.component-contact-card{
|
||||
|
||||
}
|
2
src/components/ContactCard/index.js
Normal file
2
src/components/ContactCard/index.js
Normal file
@ -0,0 +1,2 @@
|
||||
import ContactCard from "./ContactCard"
|
||||
export default ContactCard;
|
@ -26,7 +26,7 @@ export default class MainCard extends Component {
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<figure id="photoProfil" class="image">
|
||||
<img src={photoProfil} alt="Une Photo de moi"/>
|
||||
<img src={photoProfil} alt="Anthony Dumas"/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
|
Loading…
x
Reference in New Issue
Block a user