Welcome to my cotl bento-style portfolio!
This project is a personal portfolio inspired by my love for the aesthetics of the game Cult of the Lamb
Below, you'll find details about the project structure, features and how to use or customize it
bento-portfolio/
├── index.html # Main HTML file
├── cotl-style.css # CSS file for styling the bento grid and components
├── effects.js # JS file for interactivity
├── images/ # GIF and img src
│ ├── cotl-eye.ico
│ ├── Lighthouse_Follower-animation-big.gif # Animated GIF for hover effect
│ ├── Lighthouse_Follower-still-big.png # Static image for default state
│ ├── github-brands-solid.svg
│ ├── discord-brands-solid.svg
│ └── linkedin-brands-solid.svg
The portfolio uses a bento-style grid layout to organize content into visually distinct sections. The grid is responsive and adjusts based on screen size, ensuring a seamless experience across devices
The follower image changes from a static PNG to an animated GIF when hovered over, adding to the cutesy jiggly movement as seen in Cult of the Lamb
The portfolio uses two Google Fonts taken from visually similiar looking fonts:
- Eczar: Headings
- Gowun Batang: Body text
Social media icons are included for GitHub, Discord and LinkedIn
- Clone the repository:
git clone https://github.com/muwudev/cult-of-the-lamb-portfolio.git
- Open
index.html
in your browser to view the portfolio - Customize the content, images, and styles to fit your own portfolio
Here are some ideas for future enhancements:
- Add more sections or expand existing ones (e.g., detailed project descriptions, blog links)
- Create CTA section
- Include a dark mode toggle
Check out the live demo of the portfolio here: Live Demo Link
Contact me on discord if you want to join my cult ;3