create new blog structure
codecalm
19
preview/pages/blog/index.html
Normal file
@@ -0,0 +1,19 @@
|
||||
---
|
||||
layout: blog
|
||||
title: Blog
|
||||
permalink: /blog/index.html
|
||||
---
|
||||
|
||||
<section class="bg-surface">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{% for image in instagram-photos %}
|
||||
<div class="col-3">
|
||||
<a class="ratio ratio-1x1" href="#">
|
||||
<img alt="{{ image.alt }}" src="{{ image.path }}" class="img-fluid object-fit-cover">
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
149
shared/data/instagram-photos.json
Normal file
@@ -0,0 +1,149 @@
|
||||
[
|
||||
{
|
||||
"file": "kaboompics_aerial-view-of-sorrento-city-amalfi-coast-italy-12432.jpg",
|
||||
"path": "/static/instagram/kaboompics_aerial-view-of-sorrento-city-amalfi-coast-italy-12432.jpg",
|
||||
"src": "https://kaboompics.com/photo/12432/aerial-view-of-sorrento-city-amalfi-coast-italy",
|
||||
"alt": "Aerial view of sorrento city amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy-12811.jpg",
|
||||
"path": "/static/instagram/kaboompics_changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy-12811.jpg",
|
||||
"src": "https://kaboompics.com/photo/12811/changing-rooms-at-the-beach-in-sorrento-tyrrhenian-sea-amalfi-coast-italy",
|
||||
"alt": "Changing rooms at the beach in sorrento tyrrhenian sea amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_a-police-police-car-on-the-street-in-naples-12701.jpg",
|
||||
"path": "/static/instagram/kaboompics_a-police-police-car-on-the-street-in-naples-12701.jpg",
|
||||
"src": "https://kaboompics.com/photo/12701/a-police-police-car-on-the-street-in-naples",
|
||||
"alt": "A police police car on the street in naples",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_naples-marina-with-boats-12533.jpg",
|
||||
"path": "/static/instagram/kaboompics_naples-marina-with-boats-12533.jpg",
|
||||
"src": "https://kaboompics.com/photo/12533/naples-marina-with-boats",
|
||||
"alt": "Naples marina with boats",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_naples-italy-tyrrhenian-sea-12547.jpg",
|
||||
"path": "/static/instagram/kaboompics_naples-italy-tyrrhenian-sea-12547.jpg",
|
||||
"src": "https://kaboompics.com/photo/12547/naples-italy-tyrrhenian-sea",
|
||||
"alt": "Naples italy tyrrhenian sea",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_galleria-umberto-i-a-public-shopping-gallery-in-naples-12676.jpg",
|
||||
"path": "/static/instagram/kaboompics_galleria-umberto-i-a-public-shopping-gallery-in-naples-12676.jpg",
|
||||
"src": "https://kaboompics.com/photo/12676/galleria-umberto-i-a-public-shopping-gallery-in-naples",
|
||||
"alt": "Galleria umberto i a public shopping gallery in naples",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere-39202.jpg",
|
||||
"path": "/static/instagram/kaboompics_malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere-39202.jpg",
|
||||
"src": "https://kaboompics.com/photo/39202/malaga-spain-travel-photos-with-urban-charm-and-seaside-atmosphere",
|
||||
"alt": "Malaga spain travel photos with urban charm and seaside atmosphere",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_malaga-travel-photos-with-urban-charm-and-seaside-atmosphere-38753.jpg",
|
||||
"path": "/static/instagram/kaboompics_malaga-travel-photos-with-urban-charm-and-seaside-atmosphere-38753.jpg",
|
||||
"src": "https://kaboompics.com/photo/38753/malaga-travel-photos-with-urban-charm-and-seaside-atmosphere",
|
||||
"alt": "Malaga travel photos with urban charm and seaside atmosphere",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe-38122.jpg",
|
||||
"path": "/static/instagram/kaboompics_yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe-38122.jpg",
|
||||
"src": "https://kaboompics.com/photo/38122/yellow-vintage-car-in-front-of-an-elegant-italian-building-with-a-classic-mediterranean-vibe",
|
||||
"alt": "Yellow vintage car in front of an elegant italian building with a classic mediterranean vibe",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_male-finger-showing-a-part-of-the-world-on-an-globe-9474.jpg",
|
||||
"path": "/static/instagram/kaboompics_male-finger-showing-a-part-of-the-world-on-an-globe-9474.jpg",
|
||||
"src": "https://kaboompics.com/photo/9474/male-finger-showing-a-part-of-the-world-on-an-globe",
|
||||
"alt": "Male finger showing a part of the world on an globe",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_beautiful-turquoise-water-crashing-into-rocks-12813.jpg",
|
||||
"path": "/static/instagram/kaboompics_beautiful-turquoise-water-crashing-into-rocks-12813.jpg",
|
||||
"src": "https://kaboompics.com/photo/12813/beautiful-turquoise-water-crashing-into-rocks",
|
||||
"alt": "Beautiful turquoise water crashing into rocks",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_bicycle-with-basket-on-the-pier-in-bright-sunset-light-8040.jpg",
|
||||
"path": "/static/instagram/kaboompics_bicycle-with-basket-on-the-pier-in-bright-sunset-light-8040.jpg",
|
||||
"src": "https://kaboompics.com/photo/8040/bicycle-with-basket-on-the-pier-in-bright-sunset-light",
|
||||
"alt": "Bicycle with basket on the pier in bright sunset light",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_bright-colored-buildings-in-sorrento-italy-12508.jpg",
|
||||
"path": "/static/instagram/kaboompics_bright-colored-buildings-in-sorrento-italy-12508.jpg",
|
||||
"src": "https://kaboompics.com/photo/12508/bright-colored-buildings-in-sorrento-italy",
|
||||
"alt": "Bright colored buildings in sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_interior-of-the-passenger-airplane-8092.jpg",
|
||||
"path": "/static/instagram/kaboompics_interior-of-the-passenger-airplane-8092.jpg",
|
||||
"src": "https://kaboompics.com/photo/8092/interior-of-the-passenger-airplane",
|
||||
"alt": "Interior of the passenger airplane",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy-12457.jpg",
|
||||
"path": "/static/instagram/kaboompics_pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy-12457.jpg",
|
||||
"src": "https://kaboompics.com/photo/12457/pier-with-umbrellas-at-the-seaside-sorrento-beaches-italy",
|
||||
"alt": "Pier with umbrellas at the seaside sorrento beaches italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_restaurant-tables-by-the-sea-petunia-flowers-12904.jpg",
|
||||
"path": "/static/instagram/kaboompics_restaurant-tables-by-the-sea-petunia-flowers-12904.jpg",
|
||||
"src": "https://kaboompics.com/photo/12904/restaurant-tables-by-the-sea-petunia-flowers",
|
||||
"alt": "Restaurant tables by the sea petunia flowers",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_sorrento-italy-12419.jpg",
|
||||
"path": "/static/instagram/kaboompics_sorrento-italy-12419.jpg",
|
||||
"src": "https://kaboompics.com/photo/12419/sorrento-italy",
|
||||
"alt": "Sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_sorrento-italy-12451.jpg",
|
||||
"path": "/static/instagram/kaboompics_sorrento-italy-12451.jpg",
|
||||
"src": "https://kaboompics.com/photo/12451/sorrento-italy",
|
||||
"alt": "Sorrento italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_statue-villa-cimbrone-ravello-amalfi-coast-campania-italy-12406.jpg",
|
||||
"path": "/static/instagram/kaboompics_statue-villa-cimbrone-ravello-amalfi-coast-campania-italy-12406.jpg",
|
||||
"src": "https://kaboompics.com/photo/12406/statue-villa-cimbrone-ravello-amalfi-coast-campania-italy",
|
||||
"alt": "Statue villa cimbrone ravello amalfi coast campania italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12850.jpg",
|
||||
"path": "/static/instagram/kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12850.jpg",
|
||||
"src": "https://kaboompics.com/photo/12850/views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy",
|
||||
"alt": "Views from amalfi drive strada statale 163 amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
},
|
||||
{
|
||||
"file": "kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12866.jpg",
|
||||
"path": "/static/instagram/kaboompics_views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy-12866.jpg",
|
||||
"src": "https://kaboompics.com/photo/12866/views-from-amalfi-drive-strada-statale-163-amalfi-coast-italy",
|
||||
"alt": "Views from amalfi drive strada statale 163 amalfi coast italy",
|
||||
"author": "Karolina Grabowska"
|
||||
}
|
||||
]
|
||||
62
shared/layouts/blog.html
Normal file
@@ -0,0 +1,62 @@
|
||||
---
|
||||
layout: base
|
||||
---
|
||||
|
||||
|
||||
{{ content }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container text-center">
|
||||
<h3 class="h2 mb-2">Subscribe to our newsletter</h3>
|
||||
<p class="text-muted">Join our monthly newsletter and never miss out on new stories and promotions.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-9 col-md-7 col-lg-5 ms-auto me-auto">
|
||||
<div class="input-group mt-3">
|
||||
<input type="text" class="form-control" placeholder="Email address" aria-label="Email address">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn" type="button">Subscribe</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="action">
|
||||
<a class="btn" href="#">
|
||||
Follow us @ Instagram
|
||||
</a>
|
||||
</div>
|
||||
<div class="row g-0">
|
||||
<div class="col-sm-6">
|
||||
<div class="row row-cols-5 g-0">
|
||||
{% for image in instagram-photos limit: 5 %}
|
||||
<div class="col">
|
||||
<a class="ratio ratio-1x1" href="#">
|
||||
<img class="img-fluid object-fit-cover" src="{{ image.path }}" alt="{{ image.alt }}">
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="row row-cols-5 g-0">
|
||||
{% for image in instagram-photos limit: 5, offset: 10 %}
|
||||
<div class="col">
|
||||
<a class="ratio ratio-1x1" href="#">
|
||||
<img class="img-fluid object-fit-cover" src="{{ image.path }}" alt="{{ image.alt }}">
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="py-4 bg-surface" data-bs-theme="dark">
|
||||
<div class="container text-center">
|
||||
<div class="text-muted">© 2023 Your Company. All rights reserved.</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 269 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 313 KiB |
|
After Width: | Height: | Size: 292 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 220 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 216 KiB |
|
After Width: | Height: | Size: 267 KiB |
|
After Width: | Height: | Size: 262 KiB |
BIN
shared/static/instagram/kaboompics_sorrento-italy-12419.jpg
Normal file
|
After Width: | Height: | Size: 238 KiB |
BIN
shared/static/instagram/kaboompics_sorrento-italy-12451.jpg
Normal file
|
After Width: | Height: | Size: 175 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 173 KiB |
|
After Width: | Height: | Size: 153 KiB |