From dbb8abe0c11b155e9c247c9056b529e2d936fc28 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=BCcahit=20K=C3=B6kdemir?= <76880536+mucahitkok@users.noreply.github.com> Date: Thu, 10 Mar 2022 17:49:59 +0300 Subject: [PATCH] =?UTF-8?q?contact=20b=C3=B6l=C3=BCm=C3=BC=20tamamland?= =?UTF-8?q?=C4=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- blog/package-lock.json | 65 ++++++++++++++++++++++++++++++- blog/package.json | 2 + blog/public/index.html | 1 + blog/src/App.css | 17 +++++++- blog/src/component/Contact.jsx | 18 ++++++++- blog/src/component/lang/Langs.js | 67 ++++++++++++++++++-------------- 6 files changed, 135 insertions(+), 35 deletions(-) diff --git a/blog/package-lock.json b/blog/package-lock.json index 8830172..8253f99 100644 --- a/blog/package-lock.json +++ b/blog/package-lock.json @@ -1,22 +1,24 @@ { "name": "blog", - "version": "0.1.0", + "version": "1.1.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "blog", - "version": "0.1.0", + "version": "1.1.0", "dependencies": { "@testing-library/jest-dom": "^5.16.2", "@testing-library/react": "^12.1.3", "@testing-library/user-event": "^13.5.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-icons": "^4.3.1", "react-intl": "^5.24.6", "react-router": "^6.2.1", "react-router-dom": "^6.2.1", "react-scripts": "5.0.0", + "react-vertical-timeline-component": "^3.5.2", "web-vitals": "^2.1.4" } }, @@ -5230,6 +5232,11 @@ "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz", "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==" }, + "node_modules/classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "node_modules/clean-css": { "version": "5.2.4", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.4.tgz", @@ -13307,6 +13314,22 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.10.tgz", "integrity": "sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA==" }, + "node_modules/react-icons": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz", + "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==", + "peerDependencies": { + "react": "*" + } + }, + "node_modules/react-intersection-observer": { + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-8.33.1.tgz", + "integrity": "sha512-3v+qaJvp3D1MlGHyM+KISVg/CMhPiOlO6FgPHcluqHkx4YFCLuyXNlQ/LE6UkbODXlQcLOppfX6UMxCEkUhDLw==", + "peerDependencies": { + "react": "^15.0.0 || ^16.0.0 || ^17.0.0|| ^18.0.0" + } + }, "node_modules/react-intl": { "version": "5.24.6", "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-5.24.6.tgz", @@ -13442,6 +13465,17 @@ } } }, + "node_modules/react-vertical-timeline-component": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/react-vertical-timeline-component/-/react-vertical-timeline-component-3.5.2.tgz", + "integrity": "sha512-Wcb85NUvmygLFF45bfxVGU4AyHOBjdQY9IqB8uLG1jXWvIthkQft1ZJOGirIlYHSYnDl9sOs8ItL1sNtqA7GUg==", + "hasInstallScript": true, + "dependencies": { + "classnames": "^2.2.6", + "prop-types": "^15.7.2", + "react-intersection-observer": "^8.26.2" + } + }, "node_modules/readable-stream": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", @@ -19963,6 +19997,11 @@ "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz", "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==" }, + "classnames": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz", + "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==" + }, "clean-css": { "version": "5.2.4", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.2.4.tgz", @@ -25683,6 +25722,18 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.10.tgz", "integrity": "sha512-mKR90fX7Pm5seCOfz8q9F+66VCc1PGsWSBxKbITjfKVQHMNF2zudxHnMdJiB1fRCb+XsbQV9sO9DCkgsMQgBIA==" }, + "react-icons": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz", + "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==", + "requires": {} + }, + "react-intersection-observer": { + "version": "8.33.1", + "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-8.33.1.tgz", + "integrity": "sha512-3v+qaJvp3D1MlGHyM+KISVg/CMhPiOlO6FgPHcluqHkx4YFCLuyXNlQ/LE6UkbODXlQcLOppfX6UMxCEkUhDLw==", + "requires": {} + }, "react-intl": { "version": "5.24.6", "resolved": "https://registry.npmjs.org/react-intl/-/react-intl-5.24.6.tgz", @@ -25782,6 +25833,16 @@ "workbox-webpack-plugin": "^6.4.1" } }, + "react-vertical-timeline-component": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/react-vertical-timeline-component/-/react-vertical-timeline-component-3.5.2.tgz", + "integrity": "sha512-Wcb85NUvmygLFF45bfxVGU4AyHOBjdQY9IqB8uLG1jXWvIthkQft1ZJOGirIlYHSYnDl9sOs8ItL1sNtqA7GUg==", + "requires": { + "classnames": "^2.2.6", + "prop-types": "^15.7.2", + "react-intersection-observer": "^8.26.2" + } + }, "readable-stream": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz", diff --git a/blog/package.json b/blog/package.json index 7f4dccf..a416e86 100644 --- a/blog/package.json +++ b/blog/package.json @@ -8,10 +8,12 @@ "@testing-library/user-event": "^13.5.0", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-icons": "^4.3.1", "react-intl": "^5.24.6", "react-router": "^6.2.1", "react-router-dom": "^6.2.1", "react-scripts": "5.0.0", + "react-vertical-timeline-component": "^3.5.2", "web-vitals": "^2.1.4" }, "scripts": { diff --git a/blog/public/index.html b/blog/public/index.html index f32d4ec..dcc9ee0 100644 --- a/blog/public/index.html +++ b/blog/public/index.html @@ -12,6 +12,7 @@ + diff --git a/blog/src/App.css b/blog/src/App.css index 684c762..4fe78f0 100644 --- a/blog/src/App.css +++ b/blog/src/App.css @@ -25,7 +25,6 @@ background-color: rgba(141, 141, 141, 0.234); border-radius: 20px; } - .noDark { isolation: isolate; } @@ -35,4 +34,18 @@ top: 5px; right: 15px; font-size: 30px; -} \ No newline at end of file +} + + +.contact a { + color: #000000; + text-decoration: none; + font-size: 5vh; +} + +.contact a:hover, a:focus { + color: #00000034; +} + +.contact { + list-style-type: none;} diff --git a/blog/src/component/Contact.jsx b/blog/src/component/Contact.jsx index 280a1e6..cc783a5 100644 --- a/blog/src/component/Contact.jsx +++ b/blog/src/component/Contact.jsx @@ -1,8 +1,22 @@ -import React from 'react' +import React from 'react'; +import { useData } from "../Context/DataContext"; +import { IntlProvider, FormattedMessage } from "react-intl"; +import { contact } from "./lang/Langs"; function Contact() { + const { data} = useData(); return ( -
Contact
+
+ +

+ + +
) } diff --git a/blog/src/component/lang/Langs.js b/blog/src/component/lang/Langs.js index c02e895..59dc4a3 100644 --- a/blog/src/component/lang/Langs.js +++ b/blog/src/component/lang/Langs.js @@ -1,31 +1,40 @@ -export const nav = { - "tr-TR" : { - home : "Ana Sayfa", - about : "Hakkımda", - projects : "Projeler", - contact : "İletişim" - }, - "en-US" : { - home : "Home", - about : "About", - projects : "Projects", - contact : "Contact" - } +export const nav = { + "tr-TR": { + home: "Ana Sayfa", + about: "Hakkımda", + projects: "Projeler", + contact: "İletişim" + }, + "en-US": { + home: "Home", + about: "About", + projects: "Projects", + contact: "Contact" } +} -export const home = { - "tr-TR" : { - hii : "Merhaba, Ben Mücahit KÖKDEMİR", - bio : "Türkiye'den tutkulu Jr. Frontend Developer ", - learning : "Şuan React.js öğreniyorum", - askMe : "Bana html,css,js,react,vue hakkında soru sorabilirsin.", - reachMe : "Bana Mail yoluyla ulaşabilirsiniz" - }, - "en-US" : { - hii : "Hi, I'm Mucahit KOKDEMIR", - bio : "A passionate Jr. frontend developer from Turkey", - learning : " I’m currently learning React.js", - askMe : "Ask me about html,css,js,react,vue", - reachMe : "You can reach me via Mail" - } - } \ No newline at end of file +export const home = { + "tr-TR": { + hii: "Merhaba, Ben Mücahit KÖKDEMİR", + bio: "Türkiye'den tutkulu Jr. Frontend Developer ", + learning: "Şuan React.js öğreniyorum", + askMe: "Bana html,css,js,react,vue hakkında soru sorabilirsin.", + reachMe: "Bana Mail yoluyla ulaşabilirsiniz" + }, + "en-US": { + hii: "Hi, I'm Mucahit KOKDEMIR", + bio: "A passionate Jr. frontend developer from Turkey", + learning: " I’m currently learning React.js", + askMe: "Ask me about html,css,js,react,vue", + reachMe: "You can reach me via Mail" + } +} + +export const contact = { + "tr-TR": { + reachMe: "Bana ulaş" + }, + "en-US": { + reachMe: "Reach me" + } +} \ No newline at end of file