Ajout des moyens de contact

+ Corrections diverses
This commit is contained in:
Anthony Dumas 2020-12-27 22:43:02 +01:00
parent 5111261e43
commit d89388e8ec
12 changed files with 9091 additions and 8577 deletions

File diff suppressed because one or more lines are too long

18
.reactgenerator Normal file
View 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
View File

@ -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",

View File

@ -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>
);
}

View 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 );

View File

@ -0,0 +1,4 @@
.component-contact-button{
}

View File

@ -0,0 +1,2 @@
import ContactButton from "./ContactButton"
export default ContactButton;

View 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 );

View File

@ -0,0 +1,4 @@
.component-contact-card{
}

View File

@ -0,0 +1,2 @@
import ContactCard from "./ContactCard"
export default ContactCard;

View File

@ -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">

17544
yarn.lock

File diff suppressed because it is too large Load Diff