amcnulty/basic-portfolio

Basic portfolio template

Hi there 👋

• 🔭 I’m currently working on Spirelands.
  • More information about the game -> Spirelands
• 🌱 I’m currently learning about the Salesforce ecosystem.
• 👯 I’m looking to collaborate on web projects, android apps, video game development.
• 🤔 I’m looking for help with art for Spirelands.
• 💬 Ask me about the video game I'm developing.
• 📫 How to reach me: Aaron Michael's Portfolio
• ⚡ Fun fact: I can tell you what day of the week you were born on!

basic-portfolio's Issues

Thumbnail label possitioning.

The labels for the thumbnails on the profile page are not positioned correctly when viewed on Firefox or IE.

When viewed in chrome it is correct.

Social Icon Hovering

I want a clean way to have two icon images stacked on top of each other and when they are hovered over the top one transitions it's opacity to 0 revealing the bottom one. Currently this is working and is cross-browser compatible, however, it is hard coded for this site. I want something that will work cross-browser and is easily duplicated for future projects.

Form labels not activating input.

On the contact me page the labels for the input fields are not able to be focused by clicking on their respective labels.

Expected Response: When a label is clicked on it's respective input should be focused. For example: when the word 'Email' is clicked above the email input field the field should become highlighted and ready for the user to type their email.

Here is my HTML:

 <form>
     <label for="name">Name</label><br>
     <input type="text" name="name" placeholder="Your Name"><br>
     <label for="email">Email</label><br>
     <input type="email" name="email" placeholder="[email protected]"><br>
     <label for="message">Message</label><br>
     <textarea name="message" id="myTextArea" cols="30" rows="10"></textarea><br>
     <input id="submitButton" type="submit" value="Submit">
 </form>