Skip to content

Commit

Permalink
Ditch collections
Browse files Browse the repository at this point in the history
  • Loading branch information
8hantanu committed Oct 30, 2024
1 parent 32ce383 commit ccd9a48
Show file tree
Hide file tree
Showing 3 changed files with 0 additions and 136 deletions.
54 changes: 0 additions & 54 deletions _includes/collection.html

This file was deleted.

45 changes: 0 additions & 45 deletions _sass/mold.scss
Original file line number Diff line number Diff line change
Expand Up @@ -259,48 +259,3 @@ iframe[loading="lazy"] {
}
}
}

// IMAGES GRID
.collection-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: $grid-gap;
}

@media (max-width: 80ch) { /* Adjust for mobile devices */
.collection-item .overlay {
display: none; // Hide overlay on mobile
}
}

.collection-item {
position: relative;
padding-top: 100%; // Square aspect ratio
overflow: hidden;

img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.overlay {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
transform: translate(-50%, -50%);
background: white; // Semi-transparent background for the title
color: black;
padding: 5px 10px;
font-size: 14px;
opacity: 0;
text-align: center;
}

&:hover .overlay {
opacity: 1;
}
}
37 changes: 0 additions & 37 deletions features.md
Original file line number Diff line number Diff line change
@@ -1,35 +1,5 @@
---
layout: default

cars:
- title: Porsche 911
image: https://upload.wikimedia.org/wikipedia/commons/7/7a/1000pistestoivonen84.jpg
about: A classic sports car known for its iconic design and high performance.
refer: https://en.wikipedia.org/wiki/Porsche_911
- title: Suzuki Jimny
image: https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/2019_Suzuki_Jimny_SZ5_4X4_Automatic_1.5.jpg/1920px-2019_Suzuki_Jimny_SZ5_4X4_Automatic_1.5.jpg
about: A compact, rugged SUV known for its off-road capabilities and distinctive boxy design.
refer: https://en.wikipedia.org/wiki/Suzuki_Jimny

places:
- title: Kyoto, Japan
image: https://upload.wikimedia.org/wikipedia/commons/9/9c/Kan%C5%8D_Eitoku_-_Rakuch%C5%AB_rakugai_zu_%28Uesugi%29_-_right_screen.jpg
about: An ancient city filled with temples, shrines, and beautiful cherry blossoms.
refer: https://en.wikipedia.org/wiki/Kyoto
- title: Santorini, Greece
image: https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Santorini_island_in_Greece.jpg/1280px-Santorini_island_in_Greece.jpg
about: A stunning island with white-washed buildings, blue domes, and breathtaking views.
refer: https://en.wikipedia.org/wiki/Santorini

movies:
- title: Inception
image: https://upload.wikimedia.org/wikipedia/en/2/2e/Inception_%282010%29_theatrical_poster.jpg
about: A sci-fi thriller that explores the complexities of dreams within dreams.
refer: https://en.wikipedia.org/wiki/Inception
- title: The Shawshank Redemption
image: https://upload.wikimedia.org/wikipedia/en/8/81/ShawshankRedemptionMoviePoster.jpg
about: A powerful story of hope and friendship set within a prison.
refer: https://en.wikipedia.org/wiki/The_Shawshank_Redemption
---

# 🌟 Features
Expand Down Expand Up @@ -191,13 +161,6 @@ graph TD;
A-->C;"
%}

## Collections

Define your collection in the YAML front matter and have it displayed as a collection grid.

{% assign collections = page.cars | concat: page.places | concat: page.movies %}
{% include collection.html collection = collections randomize = true %}

## Buttons

Here are some buttons:
Expand Down

0 comments on commit ccd9a48

Please sign in to comment.