Skip to content

A bento style portfolio with a Cult of the Lamb theme. Made with HTML, CSS and vanilla JS

Notifications You must be signed in to change notification settings

muwudev/cult-of-the-lamb-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio Inspired by Cult of the Lamb 🐑

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

Table of Contents

  1. Project Structure
  2. Features
  3. How to Use
  4. Future Improvements
  5. Live Demo

Project Structure

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              

Features

👾 Bento Grid Layout

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

🖱️ Interactive GIF

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

✒️ Typography

The portfolio uses two Google Fonts taken from visually similiar looking fonts:

  • Eczar: Headings
  • Gowun Batang: Body text

🔗 Social Media Links

Social media icons are included for GitHub, Discord and LinkedIn

How to Use

  1. Clone the repository:
    git clone https://github.com/muwudev/cult-of-the-lamb-portfolio.git
  2. Open index.html in your browser to view the portfolio
  3. Customize the content, images, and styles to fit your own portfolio

Future Improvements

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

Live Demo

Check out the live demo of the portfolio here: Live Demo Link

Contact me on discord if you want to join my cult ;3

About

A bento style portfolio with a Cult of the Lamb theme. Made with HTML, CSS and vanilla JS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published