diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 00000000..da2d3988 --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +14 \ No newline at end of file diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md deleted file mode 100644 index 2dcd3cfd..00000000 --- a/CODE_OF_CONDUCT.md +++ /dev/null @@ -1,128 +0,0 @@ -# Contributor Covenant Code of Conduct - -## Our Pledge - -We as members, contributors, and leaders pledge to make participation in our -community a harassment-free experience for everyone, regardless of age, body -size, visible or invisible disability, ethnicity, sex characteristics, gender -identity and expression, level of experience, education, socio-economic status, -nationality, personal appearance, race, religion, or sexual identity -and orientation. - -We pledge to act and interact in ways that contribute to an open, welcoming, -diverse, inclusive, and healthy community. - -## Our Standards - -Examples of behavior that contributes to a positive environment for our -community include: - -* Demonstrating empathy and kindness toward other people -* Being respectful of differing opinions, viewpoints, and experiences -* Giving and gracefully accepting constructive feedback -* Accepting responsibility and apologizing to those affected by our mistakes, - and learning from the experience -* Focusing on what is best not just for us as individuals, but for the - overall community - -Examples of unacceptable behavior include: - -* The use of sexualized language or imagery, and sexual attention or - advances of any kind -* Trolling, insulting or derogatory comments, and personal or political attacks -* Public or private harassment -* Publishing others' private information, such as a physical or email - address, without their explicit permission -* Other conduct which could reasonably be considered inappropriate in a - professional setting - -## Enforcement Responsibilities - -Community leaders are responsible for clarifying and enforcing our standards of -acceptable behavior and will take appropriate and fair corrective action in -response to any behavior that they deem inappropriate, threatening, offensive, -or harmful. - -Community leaders have the right and responsibility to remove, edit, or reject -comments, commits, code, wiki edits, issues, and other contributions that are -not aligned to this Code of Conduct, and will communicate reasons for moderation -decisions when appropriate. - -## Scope - -This Code of Conduct applies within all community spaces, and also applies when -an individual is officially representing the community in public spaces. -Examples of representing our community include using an official e-mail address, -posting via an official social media account, or acting as an appointed -representative at an online or offline event. - -## Enforcement - -Instances of abusive, harassing, or otherwise unacceptable behavior may be -reported to the community leaders responsible for enforcement at -realstoman@gmail.com. -All complaints will be reviewed and investigated promptly and fairly. - -All community leaders are obligated to respect the privacy and security of the -reporter of any incident. - -## Enforcement Guidelines - -Community leaders will follow these Community Impact Guidelines in determining -the consequences for any action they deem in violation of this Code of Conduct: - -### 1. Correction - -**Community Impact**: Use of inappropriate language or other behavior deemed -unprofessional or unwelcome in the community. - -**Consequence**: A private, written warning from community leaders, providing -clarity around the nature of the violation and an explanation of why the -behavior was inappropriate. A public apology may be requested. - -### 2. Warning - -**Community Impact**: A violation through a single incident or series -of actions. - -**Consequence**: A warning with consequences for continued behavior. No -interaction with the people involved, including unsolicited interaction with -those enforcing the Code of Conduct, for a specified period of time. This -includes avoiding interactions in community spaces as well as external channels -like social media. Violating these terms may lead to a temporary or -permanent ban. - -### 3. Temporary Ban - -**Community Impact**: A serious violation of community standards, including -sustained inappropriate behavior. - -**Consequence**: A temporary ban from any sort of interaction or public -communication with the community for a specified period of time. No public or -private interaction with the people involved, including unsolicited interaction -with those enforcing the Code of Conduct, is allowed during this period. -Violating these terms may lead to a permanent ban. - -### 4. Permanent Ban - -**Community Impact**: Demonstrating a pattern of violation of community -standards, including sustained inappropriate behavior, harassment of an -individual, or aggression toward or disparagement of classes of individuals. - -**Consequence**: A permanent ban from any sort of public interaction within -the community. - -## Attribution - -This Code of Conduct is adapted from the [Contributor Covenant][homepage], -version 2.0, available at -https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. - -Community Impact Guidelines were inspired by [Mozilla's code of conduct -enforcement ladder](https://github.com/mozilla/diversity). - -[homepage]: https://www.contributor-covenant.org - -For answers to common questions about this code of conduct, see the FAQ at -https://www.contributor-covenant.org/faq. Translations are available at -https://www.contributor-covenant.org/translations. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md deleted file mode 100644 index 6db2babc..00000000 --- a/CONTRIBUTING.md +++ /dev/null @@ -1,20 +0,0 @@ -# Contributing - -Thank you for considering to contribute to `react-tailwindcss-portfolio` 💖 - -Please note that this project is released with a [Code of Conduct](https://github.com/realstoman/react-tailwindcss-portfolio/blob/main/CODE_OF_CONDUCT.md). By participating you agree to abide by its terms. - -## Setup - -### Fork this repo - -[https://github.com/realstoman/react-tailwindcss-portfolio](https://github.com/realstoman/react-tailwindcss-portfolio) - -### Check the issues section if there are already issues and see if you can fix them - - -[https://github.com/realstoman/react-tailwindcss-portfolio/issues](https://github.com/realstoman/react-tailwindcss-portfolio/issues) - -### If the issue is new, add the code to the fork of the repository and then create a pull request - -### Add Feat or Fix to the pull request title so maintainer understand what this issue is diff --git a/LICENSE b/LICENSE deleted file mode 100644 index ce2fa60f..00000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2022 Nangialai Stoman - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/SECURITY.md b/SECURITY.md deleted file mode 100644 index 63dd97a6..00000000 --- a/SECURITY.md +++ /dev/null @@ -1,5 +0,0 @@ -# Security Policy - -## Reporting a Vulnerability - -Please report security issues to `realstoman@gmail.com` diff --git a/package.json b/package.json index e1a6fc14..d83a58b7 100644 --- a/package.json +++ b/package.json @@ -1,53 +1,55 @@ { - "name": "react-tailwindcss-portfolio", - "version": "0.1.0", - "private": true, - "dependencies": { - "@testing-library/jest-dom": "^5.16.5", - "@testing-library/react": "^13.4.0", - "@testing-library/user-event": "^14.4.3", - "framer-motion": "4.1.17", - "postcss-cli": "^10.1.0", - "react": "^18.1.0", - "react-countup": "^6.1.1", - "react-dom": "^18.1.0", - "react-icons": "^4.3.1", - "react-router-dom": "^6.0.2", - "react-scripts": "4.0.3", - "react-scroll": "^1.8.4", - "styled-components": "^5.3.3", - "web-vitals": "^1.0.1" - }, - "scripts": { - "start": "react-scripts --openssl-legacy-provider start", - "build": "yarn run react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject", - "build:css": "postcss src/css/tailwind.css -o src/css/main.css" - }, - "eslintConfig": { - "extends": [ - "react-app", - "react-app/jest" - ] - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] - }, - "devDependencies": { - "@tailwindcss/forms": "^0.5.2", - "@testing-library/dom": "^8.20.0", - "autoprefixer": "^10.4.7", - "postcss": "^8.4.21", - "tailwindcss": "^3.0.24" - } + "name": "react-tailwindcss-portfolio", + "version": "0.1.0", + "private": true, + "dependencies": { + "@testing-library/jest-dom": "^5.16.5", + "@testing-library/react": "^13.4.0", + "@testing-library/user-event": "^14.4.3", + "framer-motion": "4.1.17", + "postcss-cli": "^10.1.0", + "react": "^18.1.0", + "react-countup": "^6.1.1", + "react-dom": "^18.1.0", + "react-icons": "^4.3.1", + "react-router-dom": "^6.0.2", + "react-scripts": "4.0.3", + "react-scroll": "^1.8.4", + "styled-components": "^5.3.3", + "web-vitals": "^1.0.1" + }, + "scripts": { + "start": "react-scripts --openssl-legacy-provider start", + "build": "yarn run react-scripts build", + "test": "react-scripts test", + "eject": "react-scripts eject", + "build:css": "postcss src/css/tailwind.css -o src/css/main.css", + "preinstall": "nvm install", + "prepare": "nvm use" + }, + "eslintConfig": { + "extends": [ + "react-app", + "react-app/jest" + ] + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + }, + "devDependencies": { + "@tailwindcss/forms": "^0.5.2", + "@testing-library/dom": "^8.20.0", + "autoprefixer": "^10.4.7", + "postcss": "^8.4.21", + "tailwindcss": "^3.0.24" + } } diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 00000000..04094225 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/favicon.png b/public/favicon.png deleted file mode 100644 index 03d88ec1..00000000 Binary files a/public/favicon.png and /dev/null differ diff --git a/public/files/DMC-CV.pdf b/public/files/DMC-CV.pdf new file mode 100644 index 00000000..d2018e05 Binary files /dev/null and b/public/files/DMC-CV.pdf differ diff --git a/public/files/Stoman-Resume.pdf b/public/files/Stoman-Resume.pdf deleted file mode 100644 index c09d0fe6..00000000 Binary files a/public/files/Stoman-Resume.pdf and /dev/null differ diff --git a/public/index.html b/public/index.html index bbf198b3..5460026b 100644 --- a/public/index.html +++ b/public/index.html @@ -2,7 +2,7 @@ - + - Stoman + Donncha Mac Cóil diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a3..00000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a65..00000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/src/components/contact/ContactDetails.jsx b/src/components/contact/ContactDetails.jsx index 7fd02032..3e9eb7a6 100644 --- a/src/components/contact/ContactDetails.jsx +++ b/src/components/contact/ContactDetails.jsx @@ -3,17 +3,17 @@ import { FiPhone, FiMapPin, FiMail } from 'react-icons/fi'; const contacts = [ { id: 1, - name: 'Your Address, Your City, Your Country', + name: 'Ráth Cairn, Athboy, Co. Meath, Ireland', icon: , }, { id: 2, - name: 'email@domain.com', + name: 'maccoild@tcd.ie', icon: , }, { id: 3, - name: '555 8888 888', + name: '+353 85 820 9931', icon: , }, ]; diff --git a/src/components/shared/AppBanner.jsx b/src/components/shared/AppBanner.jsx index aab7dca9..8ae6cdd9 100644 --- a/src/components/shared/AppBanner.jsx +++ b/src/components/shared/AppBanner.jsx @@ -1,82 +1,73 @@ -import useThemeSwitcher from '../../hooks/useThemeSwitcher'; -import { FiArrowDownCircle } from 'react-icons/fi'; -import developerLight from '../../images/developer.svg'; -import developerDark from '../../images/developer-dark.svg'; -import { motion } from 'framer-motion'; +import useThemeSwitcher from "../../hooks/useThemeSwitcher"; +import { FiArrowDownCircle } from "react-icons/fi"; +import penGray from "../../images/penGray.svg" +import { motion } from "framer-motion"; const AppBanner = () => { - const [activeTheme] = useThemeSwitcher(); + const [activeTheme] = useThemeSwitcher(); - return ( - -
- - Hi, Iam Stoman - - - A Full-Stack Developer & Design Enthusiast - - - - - - Download CV - - - -
- - Developer - -
- ); + return ( + +
+ + Donncha Mac Cóil + + + Technical Writer | Journalist | Writer + + + + + + Download CV + + + +
+ + Developer + +
+ ); }; export default AppBanner; diff --git a/src/components/shared/AppFooter.jsx b/src/components/shared/AppFooter.jsx index 3f473245..60f2288d 100644 --- a/src/components/shared/AppFooter.jsx +++ b/src/components/shared/AppFooter.jsx @@ -10,28 +10,8 @@ import AppFooterCopyright from './AppFooterCopyright'; const socialLinks = [ { id: 1, - icon: , - url: 'https://www.stoman.me/', - }, - { - id: 2, - icon: , - url: 'https://github.com/realstoman', - }, - { - id: 3, - icon: , - url: 'https://twitter.com/realstoman', - }, - { - id: 4, icon: , - url: 'https://www.linkedin.com/in/realstoman', - }, - { - id: 5, - icon: , - url: 'https://www.youtube.com/c/realstoman', + url: 'https://www.linkedin.com/in/donncha-mac-c%C3%B3il-463190265/', }, ]; diff --git a/src/components/shared/AppFooterCopyright.jsx b/src/components/shared/AppFooterCopyright.jsx index 2eaf0ab4..09cfa683 100644 --- a/src/components/shared/AppFooterCopyright.jsx +++ b/src/components/shared/AppFooterCopyright.jsx @@ -1,26 +1,12 @@ function AppFooterCopyright() { - return ( -
-
- © {new Date().getFullYear()} - - React & Tailwind CSS Portfolio - - . - - Stoman - -
-
- ); + return ( +
+
+ © {new Date().getFullYear()} + Donncha Mac Cóil +
+
+ ); } export default AppFooterCopyright; diff --git a/src/components/shared/AppHeader.jsx b/src/components/shared/AppHeader.jsx index 0abc8bab..ccede085 100644 --- a/src/components/shared/AppHeader.jsx +++ b/src/components/shared/AppHeader.jsx @@ -5,6 +5,7 @@ import useThemeSwitcher from '../../hooks/useThemeSwitcher'; import HireMeModal from '../HireMeModal'; import logoLight from '../../images/logo-light.svg'; import logoDark from '../../images/logo-dark.svg'; +import logo from '../../images/logo.svg'; import { motion } from 'framer-motion'; import Button from '../reusable/Button'; @@ -49,13 +50,13 @@ const AppHeader = () => { {activeTheme === 'dark' ? ( Dark Logo ) : ( Dark Logo diff --git a/src/data/projects.js b/src/data/projects.js index 12480268..2a8cdde0 100644 --- a/src/data/projects.js +++ b/src/data/projects.js @@ -1,51 +1,46 @@ // Import images -import WebImage1 from '../images/web-project-1.jpg'; -import WebImage2 from '../images/web-project-2.jpg'; -import MobileImage1 from '../images/mobile-project-1.jpg'; -import MobileImage2 from '../images/mobile-project-2.jpg'; -import UIImage1 from '../images/ui-project-1.jpg'; -import UIImage2 from '../images/ui-project-2.jpg'; +import UserDesign from '../images/01-user-design.jpg'; +import Podcast from '../images/02-podcast.jpg'; +import Graph from '../images/03-graph.jpg'; +import Topic from '../images/04-topic.jpg'; +import XML from '../images/05-xml.jpg'; +import Program from '../images/06-programming.jpg'; export const projectsData = [ { id: 1, - title: 'Google Health Platform', - category: 'Web Application', - img: WebImage2, - ProjectHeader: { - title: 'Project Management UI - From Context', - publishDate: 'Jul 26, 2021', - tags: 'UI / Frontend', - }, + title: 'User Design Manual', + category: 'Technical Writing', + img: UserDesign, }, { id: 2, - title: 'Phoenix Digital Agency', - category: 'Mobile Application', - img: MobileImage2, + title: 'Instructional Podcast', + category: 'Media', + img: Podcast, }, { id: 3, - title: 'Project Management UI', - category: 'UI/UX Design', - img: UIImage1, + title: 'Graph Redesign', + category: 'Technical Writing', + img: Graph, }, { id: 4, - title: 'Cloud Storage Platform', - category: 'UI/UX Design', - img: UIImage2, + title: 'Topic Based Writing', + category: 'Writing', + img: Topic, }, { id: 5, - title: 'React Social App', - category: 'Mobile Application', - img: MobileImage1, + title: 'DITA-XML', + category: 'Programming', + img: XML, }, { id: 6, - title: 'Apple Design System', - category: 'Web Application', - img: WebImage1, + title: 'Programming Projects', + category: 'Programming', + img: Program, }, ]; diff --git a/src/images/01-user-design.jpg b/src/images/01-user-design.jpg new file mode 100644 index 00000000..4037ed6d Binary files /dev/null and b/src/images/01-user-design.jpg differ diff --git a/src/images/02-podcast.jpg b/src/images/02-podcast.jpg new file mode 100644 index 00000000..f4c5ea74 Binary files /dev/null and b/src/images/02-podcast.jpg differ diff --git a/src/images/03-graph.jpg b/src/images/03-graph.jpg new file mode 100644 index 00000000..84dd83bd Binary files /dev/null and b/src/images/03-graph.jpg differ diff --git a/src/images/04-topic.jpg b/src/images/04-topic.jpg new file mode 100644 index 00000000..5b35cee6 Binary files /dev/null and b/src/images/04-topic.jpg differ diff --git a/src/images/05-xml.jpg b/src/images/05-xml.jpg new file mode 100644 index 00000000..9aefa12b Binary files /dev/null and b/src/images/05-xml.jpg differ diff --git a/src/images/06-programming.jpg b/src/images/06-programming.jpg new file mode 100644 index 00000000..4e92aece Binary files /dev/null and b/src/images/06-programming.jpg differ diff --git a/src/images/developer-dark.svg b/src/images/developer-dark.svg deleted file mode 100644 index cfdc3a34..00000000 --- a/src/images/developer-dark.svg +++ /dev/null @@ -1,341 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/images/developer.svg b/src/images/developer.svg deleted file mode 100644 index 88ee09d7..00000000 --- a/src/images/developer.svg +++ /dev/null @@ -1,341 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/images/logo.png b/src/images/logo.png new file mode 100644 index 00000000..f662f015 Binary files /dev/null and b/src/images/logo.png differ diff --git a/src/images/logo.svg b/src/images/logo.svg new file mode 100644 index 00000000..d2623bf4 --- /dev/null +++ b/src/images/logo.svg @@ -0,0 +1,15 @@ + + + + + + + + diff --git a/src/images/penGray.svg b/src/images/penGray.svg new file mode 100644 index 00000000..864643a6 --- /dev/null +++ b/src/images/penGray.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + diff --git a/src/images/profile.jpeg b/src/images/profile.jpeg index 7cbe9d36..34eab7d7 100644 Binary files a/src/images/profile.jpeg and b/src/images/profile.jpeg differ diff --git a/src/pages/AboutMe.jsx b/src/pages/AboutMe.jsx index 53273d02..ca28855d 100644 --- a/src/pages/AboutMe.jsx +++ b/src/pages/AboutMe.jsx @@ -15,24 +15,6 @@ const About = () => { > - - {/** Counter without paddings */} - - - - - - - ); }; diff --git a/tailwind.config.js b/tailwind.config.js index 7aa7df4e..bb4c5346 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,32 +1,32 @@ -const colors = require('tailwindcss/colors'); +const colors = require("tailwindcss/colors"); module.exports = { - content: ['./src/**/*.{js,jsx,ts,tsx}'], - darkMode: 'class', - theme: { - extend: { - colors: { - 'primary-light': '#F7F8FC', - 'secondary-light': '#FFFFFF', - 'ternary-light': '#f6f7f8', + content: ["./src/**/*.{js,jsx,ts,tsx}"], + darkMode: "class", + theme: { + extend: { + colors: { + "primary-light": "#F7F8FC", + "secondary-light": "#FFFFFF", + "ternary-light": "#f6f7f8", - 'primary-dark': '#0D2438', - 'secondary-dark': '#102D44', - 'ternary-dark': '#1E3851', - }, - container: { - padding: { - DEFAULT: '1rem', - sm: '2rem', - lg: '5rem', - xl: '6rem', - '2xl': '8rem', - }, - }, - }, - }, - variants: { - extend: { opacity: ['disabled'] }, - }, - plugins: ['@tailwindcss/forms'], + "primary-dark": "#FF0000", + "secondary-dark": "#102D44", + "ternary-dark": "#1E3851", + }, + container: { + padding: { + DEFAULT: "1rem", + sm: "2rem", + lg: "5rem", + xl: "6rem", + "2xl": "8rem", + }, + }, + }, + }, + variants: { + extend: { opacity: ["disabled"] }, + }, + plugins: ["@tailwindcss/forms"], };