Alex Villa Personal - Professional Site

Personal Site - Note: I am not a front end dev and don't plan to be. 🙂

If contributing please contribute with care.

1. Have changes? Have them on a seperate branch, named accordingly(i.e. feat/embedded-vid). Then Submit a pull request for review and ultimate merging.

-- Alex

Reyes's contributions

I wanna get better at working with GIT sites yet too lazy to start my own. Here to learn how hosting Github sites work so I could eventually make my own. 😀

How to add images

1. Inline with text (floating):

<img src="photo.jpg" alt="Description" style="float: right; width: 200px; margin: 0 0 1rem 1.5rem; border-radius: 8px;">
<p>Your text wraps around the image...</p>

2. Full-width in a section:

<img src="photo.jpg" alt="Description" style="width: 100%; border-radius: 12px; margin: 1rem 0;">

3. Image gallery grid (great for the secret page):

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 1rem 0;">
  <img src="img1.jpg" alt="" style="width: 100%; border-radius: 8px; aspect-ratio: 1; object-fit: cover;">
  <img src="img2.jpg" alt="" style="width: 100%; border-radius: 8px; aspect-ratio: 1; object-fit: cover;">
  <img src="img3.jpg" alt="" style="width: 100%; border-radius: 8px; aspect-ratio: 1; object-fit: cover;">
</div>