diff --git a/assets/css/main.css b/assets/css/main.css index bf210d9..6f3becd 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2125,6 +2125,26 @@ input[type="radio"] + label:before { font-weight: 900; } +.avatar-container { + text-align: center; + margin-top: 20px; /* Adjust as needed */ +} + +.avatar { + display: block; + margin: 0 auto; +} + +.primary { + color: #ffffff80; + border: white; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; + border-radius: 5px; + margin-top: 10px; /* Adjust as needed */ +} + .icon.brands:before { font-family: "Font Awesome 5 Brands"; } @@ -2543,10 +2563,10 @@ input[type="button"], background-color: transparent; border-radius: 0.35em; border: solid 3px #efefef; - color: #787878 !important; + color: #575757 !important; cursor: pointer; display: inline-block; - font-weight: 400; + font-weight: 500; height: 3.15em; height: calc(2.75em + 6px); line-height: 2.75em; @@ -2689,9 +2709,9 @@ input[type="button"]:disabled, -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; - background-color: #1f1815; + background-color: #110d0c; background-attachment: scroll, scroll; - background-image: url("images/overlay.png"), url("../../images/bg.jpg"); + background-image: url("../../images/mountain3.jpg"); background-position: top left, top left; background-repeat: repeat, no-repeat; background-size: auto, 150%; @@ -2735,7 +2755,7 @@ input[type="button"]:disabled, } #header h1 { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.9); font-size: 1.35em; line-height: 1.75em; margin: 0; @@ -2753,7 +2773,7 @@ input[type="button"]:disabled, } #footer .icons a { - color: rgba(255, 255, 255, 0.4); + color: rgba(255, 255, 255, 0.9); } #footer .copyright { @@ -3344,3 +3364,13 @@ body.is-touch .poptrox-popup .closer { .image.fit:hover .view-button { display: inline-block; /* Show the existing view button on hover */ } + +#header .button#downloadCV { + color: rgba(255, 255, 255, 0.9) !important; /* Force text color to white */ +} + +#header .button#downloadCV:hover { + background-color: #faf9f9; /* Fill button with white */ + color: #49bf9d !important; /* Set text color to green */ + font-weight: bold; /* Make text bold */ +} diff --git a/documents/Features.md b/documents/Features.md new file mode 100644 index 0000000..6a2eb7d --- /dev/null +++ b/documents/Features.md @@ -0,0 +1,36 @@ +# Future Features + +1. **Dark Mode Toggle Switch**: + + - Implement a dark mode toggle switch to allow users to switch between light and dark themes. + +2. **Interactive Elements**: + + - Add interactive elements such as animations, hover effects, and transitions to make the site more engaging. + +3. **Better Contact Form**: + + - Include a contact form with validation and integration with an email service to allow visitors to reach out to you directly. + +4. **Color Scheme**: + + - Improve color scheme + +5. **Better Project Showcase**: + + - Create a detailed project showcase section with descriptions, images, and links to live demos or GitHub repositories. + +6. **Testimonials**: + + - Include testimonials from colleagues, clients, or mentors to add credibility to your portfolio. + +7. **Improved SEO Optimization**: + + - Optimize your site for search engines to improve visibility and attract more visitors. + +8. **Performance Optimization**: + + - Optimize images, use lazy loading, and minimize CSS and JavaScript to improve site performance. + +9. **Multilingual Support**: + - Add support for multiple languages to reach a broader audience. diff --git a/images/bg.jpg b/images/bg.jpg deleted file mode 100644 index a3bb03c..0000000 Binary files a/images/bg.jpg and /dev/null differ diff --git a/images/mountain3.jpg b/images/mountain3.jpg new file mode 100644 index 0000000..76b5d0f Binary files /dev/null and b/images/mountain3.jpg differ diff --git a/index.html b/index.html index 2162c42..bf6e7c6 100644 --- a/index.html +++ b/index.html @@ -24,8 +24,15 @@ href="https://github.com/its-michaelroy" class="image avatar" target="_blank" - >Michael Roy + >Michael Roy
+ Download CV +

I am Michael Roy, a dedicated digital craftsman