Skip to content

Commit a47c364

Browse files
willtheorangeguywilltheorangeguy
authored
Merge pull request #73 from Daniela-and-Will-Travel/claude/travel-blog-style-redesign-ul2kto
Claude/travel blog style redesign ul2kto
2 parents 1a88e83 + cff813c commit a47c364

12 files changed

Lines changed: 237 additions & 150 deletions

File tree

‎.eleventy.js‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,10 @@ module.exports = eleventyConfig => {
2525
eleventyConfig.addGlobalData('settings', {
2626
// these get merged with _data/settings.js
2727
url: process.env.URL || process.env.CF_PAGES_URL || 'https://daniela-and-will-travel.github.io',
28-
isProduction: process.env.NODE_ENV === 'production',
28+
// `npm run build` sets ELEVENTY_PRODUCTION; NODE_ENV is only exported for
29+
// the Tailwind step that follows it, so checking NODE_ENV alone left the
30+
// deployed site with unminified HTML, CSS and JS.
31+
isProduction: process.env.NODE_ENV === 'production' || process.env.ELEVENTY_PRODUCTION === 'true',
2932
// github.io is this site's production domain, so never treat it as staging
3033
isStaging: (process.env.CF_PAGES_URL && process.env.CF_PAGES_URL.includes('pages.dev')) || false
3134
});

‎src/_config/filters/dates.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
1+
// Front matter dates are bare `YYYY-MM-DD`, which Eleventy reads as UTC
2+
// midnight. Formatting those in the build machine's local zone shifts every
3+
// post a day earlier anywhere west of Greenwich, so format in UTC too.
14
const formatDate = function (date, format = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }) {
25
const d = new Date(date);
3-
return d.toLocaleDateString(this.ctx.locales[this.page.lang || this.ctx.lang].locale, format);
6+
const locale = this.ctx.locales[this.page.lang || this.ctx.lang].locale;
7+
return d.toLocaleDateString(locale, { timeZone: 'UTC', ...format });
48
}
59

610
module.exports = {

‎src/_config/filters/taglabel.js‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Turn a tag slug into the label shown on a pill or an archive heading.
2+
// {{ 'southeast-asia' | tagLabel }} → 'Southeast Asia'
3+
//
4+
// Acronyms and other words that don't survive plain title casing go in the
5+
// overrides map, keyed by the slug.
6+
const OVERRIDES = {
7+
diy: 'DIY',
8+
rv: 'RV',
9+
seo: 'SEO',
10+
vpn: 'VPN'
11+
};
12+
13+
module.exports = function (tag) {
14+
if (typeof tag !== 'string') return '';
15+
16+
return tag
17+
.split('-')
18+
.map((word) => OVERRIDES[word] || word.charAt(0).toUpperCase() + word.slice(1))
19+
.join(' ');
20+
};

‎src/_includes/affiliates.njk‎

Lines changed: 99 additions & 117 deletions
Large diffs are not rendered by default.

‎src/_layouts/base.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
<!-- set theme before page renders to stop fouc -->
5757
<script>document.documentElement.dataset.theme = localStorage.getItem('theme') === null ? window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' : localStorage.getItem('theme')</script>
5858
</head>
59-
<body class="{{tags or [] | join(' ') }}">
59+
<body class="{{ (tags or []) | join(' ') }}">
6060
<!-- header -->
6161
{% include "header.njk" %}
6262

‎src/_layouts/post.njk‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,8 @@ layout: base
8282

8383
</article>
8484

85+
<button id="return-to-top" class="return-to-top" aria-label="{{ 'post.backToTop' | translate }}" onclick="scrollToTop()">↑</button>
86+
8587
<script>
8688
window.addEventListener('scroll', function () {
8789
const button = document.getElementById('return-to-top');

‎src/en/posts/asia/diy-lombok-loop.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ While we don't think our _Lombok Loop_ will get ever as popular as the [Ha Giang
3434

3535
{% image "/assets/img/posts/asia/lombokget.jpeg", "Multiple ferries in a port, viewed from the side of another ferry", "100vw", "The view from one of the many ferries in Bali", "rounded", "lazy", "auto", "async", "", "" %}
3636

37-
<h2 id="#get-there">How to Get There</h2>
37+
<h2 id="get-there">How to Get There</h2>
3838

3939
You can get to Lombok via plane or boat. We recommend arriving via ferry from Bali, since it is quicker and significantly cheaper. Ferry tickets from Padbangi Port (Bali) to Bangsal Port (Lombok), can be purchased online from [12go Asia](https://12go.asia/?z=11258902). You can choose from speedboats (which get you there in under an hour) or ferries (which take around three). There is also the option to leave from Benoa or Sanur Ports (in Bali), and tickets can also be purchased from [12go Asia](https://12go.asia/?z=11258902), however we have no experience with this journey.
4040

@@ -48,7 +48,7 @@ If you choose to arrive via plane, flights will arrive at Lombok's only airport:
4848
4949
{% image "/assets/img/posts/asia/lombokmotor.png", "Arial footage of a motorcycle driving down the coast", "100vw", "Our trusty, fuel efficient motorbike along the coast", "rounded", "lazy", "auto", "async", "", "" %}
5050

51-
<h2 id="#get-around">How to Get Around</h2>
51+
<h2 id="get-around">How to Get Around</h2>
5252

5353
The best way to get around Lombok is via motorbike - they are fuel efficient, go at a decent speed, and let you enjoy the scenery while on the move. We took a ferry to and from Lombok, arriving at the Bangsal Port. There are a bunch of motorbike rental places nearby:
5454

@@ -60,7 +60,7 @@ We rented from **Bangsal Rent Car + Scooter** and had a great experience. The ow
6060

6161
> ❕ Tip: Roads throughout Lombok were good quality, except for the road going down to the Semeti Hills.
6262
63-
<h2 id="#length">How Many Days</h2>
63+
<h2 id="length">How Many Days</h2>
6464

6565
The amount of time you spend on the Lombok Loop is very flexible - we recommend spending **3 nights, 4 days at a minimum**!. However, you can add more depending on how many days your itinerary allows, and what activities you want to do.
6666

@@ -76,7 +76,7 @@ There are also **26 Gillies around Lombok**. The most famous are Gili Trawangan,
7676

7777
{% image "/assets/img/posts/asia/lombokwaves.png", "Arial view of blue waves crashing over cliffs", "100vw", "Beautiful blue waves crashing over the Semeti Hills", "rounded", "lazy", "auto", "async", "", "" %}
7878

79-
<h2 id="#stay">Where to Stay</h2>
79+
<h2 id="stay">Where to Stay</h2>
8080

8181
Staying in homestays while on your loop gives you the best opportunity to visit the more rural parts of Lombok, learn from the locals, and in most cases, experience great company and food! Here are the places we stayed while on our loop:
8282

@@ -85,7 +85,7 @@ Staying in homestays while on your loop gives you the best opportunity to visit
8585

8686
If you are staying a night (or more) in **Koeta**, homestays are no longer your best option due to the large number of tourists. We opted for the quiet [Puri Rinjani](https://www.tkqlhce.com/click-101819299-17293132?url=https%3A%2F%2Fwww.booking.com%2Fhotel%2Fid%2Fpuri-rinjani-bungalows.en-gb.html) resort, minutes away from the beach, with a pool and buffet breakfast.
8787

88-
<h2 id="#packing">What to Bring</h2>
88+
<h2 id="packing">What to Bring</h2>
8989

9090
- Motorbike
9191
- Helmet: make sure it fits well
@@ -102,7 +102,7 @@ If you are staying a night (or more) in **Koeta**, homestays are no longer your
102102

103103
{% image "/assets/img/posts/asia/lombokfalls.jpeg", "Two people standing in front of a waterfall", "100vw", "One of the beautiful, multi-level waterfalls you will see", "rounded", "lazy", "auto", "async", "", "" %}
104104

105-
<h2 id="#route">The Route</h2>
105+
<h2 id="route">The Route</h2>
106106

107107
### Day 1
108108

‎src/en/posts/asia/diy-the-ha-giang-loop.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,15 +35,15 @@ Everything you need to know before doing this incredible ride on your own.
3535

3636
{% image "/assets/img/posts/asia/howtogetthere.jpg", "Windy road carving through the mountains", "100vw", "Windy road carving through the mountains", "rounded", "lazy", "auto", "async", "", "" %}
3737

38-
<h2 id="#get-there">How to Get There</h2>
38+
<h2 id="get-there">How to Get There</h2>
3939

4040
Odds are if you’re reading this, you already know how to get there and are most likely coming from Hanoi or Sa Pa. Both have buses going directly to Ha Giang, use [12go.asia](https://12go.asia/?z=11258902).
4141

4242
> ❕ Tip: Arrive at least one day before with enough time to get everything you need sorted - no later than 4pm is our advice.
4343
4444
{% image "/assets/img/posts/asia/tourvsdiy.jpg", "Daniela hanging over the Death Rock", "100vw", "Daniela hanging over the Death Rock", "rounded", "lazy", "auto", "async", "", "" %}
4545

46-
<h2 id="#tour-vs-diy">Tour vs DIY</h2>
46+
<h2 id="tour-vs-diy">Tour vs DIY</h2>
4747

4848
Many people opt to take an EasyRider tour to make things easier and leave the planning to someone else. If you are not comfortable riding a motorbike, this may be the choice for you. But if you are on the fence, we had a fantastic time doing it ourselves. Just make sure you have a bit of motorcycle riding experience. If you don't, another good option is to rent the bike a day or two beforehand and get some practice runs in around Ha Giang - even more so if you do not have experience with a semi-automatic motorbike.
4949

@@ -67,7 +67,7 @@ Many people opt to take an EasyRider tour to make things easier and leave the pl
6767
| Significantly cheaper (however more likely to get fined) | Less photo opportunities while on the bike |
6868
| Cultural immersion | Will be very tired at the end of the day/loop |
6969

70-
<h2 id="#length">How Many Days</h2>
70+
<h2 id="length">How Many Days</h2>
7171

7272
There are three length options to choose from when doing the Ha Giang Loop:
7373

@@ -77,7 +77,7 @@ There are three length options to choose from when doing the Ha Giang Loop:
7777

7878
We chose to do it in **4 days and 3 nights** since, as somewhat inexperienced riders, we thought it would give us a chance to go at our own pace, and really experience all that the loop had to offer. We found that we were 100% right!
7979

80-
<h2 id="#motorbike">Motorbike Info</h2>
80+
<h2 id="motorbike">Motorbike Info</h2>
8181

8282
When renting a motorbike to complete the Ha Giang Loop, you have two options: semi-automatic or fully automatic. Most people (including us) will recommend that you get a semi-automatic, since it combines the benefits of a manual motorbike with that of an automatic.
8383

@@ -100,7 +100,7 @@ We rented from [QT Motorbike](https://qtmotorbikesandtours.com.vn/motorbike-rent
100100
101101
> ❕ Tip: [Petrolimex gas stations](https://www.petrolimex.com.vn/stations.aspx) usually have English speaking attendants, and they all take credit card!
102102
103-
<h2 id="#police">Police</h2>
103+
<h2 id="police">Police</h2>
104104

105105
One of the negatives of DIYing the Ha Giang Loop is that you will most likely interact with the local traffic police. Vietnam requires foreign drivers to hold an International Driving Permit (IDP), and it **must be from 1968**, anything else is not valid. The IDP allows you to legally drive in Vietnam. If you do not have one, the police may issue fines, and you could be asked to stop driving.
106106

@@ -121,7 +121,7 @@ If you are stopped, you will likely be asked to pay a fine (bribe). They will te
121121
122122
{% image "/assets/img/posts/asia/whattobring.jpg", "Small wooden huts on the side of a mountain", "100vw", "Small wooden huts on the side of a mountain", "rounded", "lazy", "auto", "async", "", "" %}
123123

124-
<h2 id="#packing">What to Bring</h2>
124+
<h2 id="packing">What to Bring</h2>
125125

126126
- Motorbike
127127
- Helmet: make sure it fits well
@@ -144,7 +144,7 @@ If you are stopped, you will likely be asked to pay a fine (bribe). They will te
144144

145145
{% image "/assets/img/posts/asia/theroute.jpg", "Road carving through the mountains", "100vw", "Road carving through the mountains", "rounded", "lazy", "auto", "async", "", "" %}
146146

147-
<h2 id="#route">The Route</h2>
147+
<h2 id="route">The Route</h2>
148148

149149
### Day 1 - Ha Giang to Yen Minh
150150

‎src/en/posts/asia/komodo-island-tour.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,13 +32,13 @@ Everything you need to know BEFORE going to Komodo National Park!
3232

3333
{% image "/assets/img/posts/asia/komodocover.jpg", "Arial shot of islands surrounded by beaches and blue water", "100vw", "Beautiful arial shot of the Komodo Islands", "rounded", "lazy", "auto", "async", "", "" %}
3434

35-
<h2 id="#get-there">How to Get There</h2>
35+
<h2 id="get-there">How to Get There</h2>
3636

3737
There is no way to arrive directly in Komodo - instead you will need to fly or ferry into [Labuan Bajo](https://www.tkqlhce.com/click-101819299-17293132?url=https%3A%2F%2Fwww.booking.com%2Fcity%2Fid%2Flabuhanbajo.html%3Finac%3D0%26lang%3Den-us%26soz%3D1%26lang_click%3Dother%26cdl%3Did%26lang_changed%3D1), a city on a nearby island. There are many flight options available, leaving from Jakarta, Bali, or Lombok, so pick whatever fits best with your itinerary. If you are up for more of an adventure, there are also ferries that take you from Bali or Lombok to Labuan Bajo, however, these can take anywhere from two to three nights! They do usually come in at a lower cost, but it depends how much you value your time (and potential for seasickness).
3838

3939
> ❕ Tip: Arrive in Labuan Bajo at least one day before with enough time to get everything you need sorted - no later than **2pm** is our advice.
4040
41-
<h2 id="#tour">What to Look for in a Tour</h2>
41+
<h2 id="tour">What to Look for in a Tour</h2>
4242

4343
Head down near the port and along the main street, and you will find many shops offering tours. Make sure you shop around and visit multiple stalls, as well as ask at your accommodation to find the best price. Prices in person are much better than online - just make sure you have enough cash. We ended up getting an overnight, semi-private tour for 1,600,000 IDR per person. Check online to make sure the company you are thinking of traveling with is reputable.
4444

@@ -53,7 +53,7 @@ If you can, try to book a tour that has your overnight accommodation on the boat
5353

5454
{% image "/assets/img/posts/asia/komodosunset.jpg", "Multicoloured sunset viewed over the water from the side of a boat", "100vw", "Beautiful sunset near Komodo from our tour boat", "rounded", "lazy", "auto", "async", "", "" %}
5555

56-
<h2 id="#length">How Many Days</h2>
56+
<h2 id="length">How Many Days</h2>
5757

5858
There are usually two options when choosing a length for the tour: **one day** or **overnight**. Ask for both prices - we found the price of a two day tour to be a better deal once we factored in the cost of staying another night in Labuan Bajo - but your mileage may vary.
5959

@@ -64,7 +64,7 @@ There are usually two options when choosing a length for the tour: **one day** o
6464

6565
> ❕ Tip: If you take a two day tour, ensure you are visiting the Rinca and Komodo Islands on the same day to avoid paying the National Park fee twice.
6666
67-
<h2 id="#route">The Route</h2>
67+
<h2 id="route">The Route</h2>
6868

6969
We booked a tour that took us to nine locations where we got to snorkel, swim with manta rays and turtles, see a large colony of bats, and of course, look for the Komodo Dragons.
7070

@@ -80,7 +80,7 @@ Make sure your tour includes at least some of these locations!
8080

8181
{% image "/assets/img/posts/asia/komododaniela.jpg", "Daniela sitting on a pink sand beach", "100vw", "Daniela enjoying the pink sand beach", "rounded", "lazy", "auto", "async", "", "" %}
8282

83-
<h2 id="#packing">What to Bring</h2>
83+
<h2 id="packing">What to Bring</h2>
8484

8585
- Clothes that layer (including, but not limited to):
8686
- Sweater (it gets cold at night)
@@ -100,7 +100,7 @@ Make sure your tour includes at least some of these locations!
100100

101101
{% image "/assets/img/posts/asia/komododragon.jpg", "Close up of a Komodo Dragon", "100vw", "Close up of a Komodo Dragon", "rounded", "lazy", "auto", "async", "", "" %}
102102

103-
<h2 id="#dragon">The Komodo Dragon</h2>
103+
<h2 id="dragon">The Komodo Dragon</h2>
104104

105105
Komodo Dragons are amazing creatures, but they are wild animals, and seeing one is **never 100% guaranteed**. They can be especially hard to find during the mating season, which runs from June to August.
106106

‎src/en/posts/asia/nias-island.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ Nias is an island off the coast of Sumatra, that over the years has become diffi
3535

3636
{% image "/assets/img/posts/asia/niasgetthere.jpeg", "Wing Airline ATR 72 before takeoff", "100vw", "Wing Airline ATR 72 before takeoff", "rounded", "lazy", "auto", "async", "", "" %}
3737

38-
<h2 id="#get-there">How to Get There</h2>
38+
<h2 id="get-there">How to Get There</h2>
3939

4040
Getting to Nias requires a bit of preplanning since it can only be accessed via ferry or plane. The port of entry is in Gunungsitoli, the largest city in Nias, but there seems to be a ferry running once a week to Tuluk Dalam in the south.
4141

@@ -55,7 +55,7 @@ Additionally, from Nias you can get to the Batu Islands by ferry, but unfortunat
5555

5656
{% image "/assets/img/posts/asia/niasgetaround.jpeg", "Local fishing boats, docked at the end of a long day", "100vw", "Local fishing boats, docked at the end of a long day", "rounded", "lazy", "auto", "async", "", "" %}
5757

58-
<h2 id="#get-around">How to Get Around</h2>
58+
<h2 id="get-around">How to Get Around</h2>
5959

6060
Once on the island, options for getting around are limited. From the airport to the southern tip cost 600,000 IDR when we asked the taxi drivers, and they would not budge. The place we stayed, Harus Damai Inn offered it for 500,000 IDR.
6161

@@ -75,7 +75,7 @@ On the way back, we had a flight leaving at 6:30am, so we took a shared car back
7575
7676
Another way to get around is by motorbike, most accommodations offer rentals, and there are rental places available in Gunungsitoli. We tried to rent one from a couple places before we got there, but they all required a deposit beforehand and we did not feel comfortable doing so.
7777

78-
<h2 id="#budget">How Much to Spend</h2>
78+
<h2 id="budget">How Much to Spend</h2>
7979

8080
Nias is not the most affordable island in Indonesia and information can be limited online. Here is a breakdown of information we were able to find in person.
8181

@@ -89,17 +89,17 @@ Nias is not the most affordable island in Indonesia and information can be limit
8989

9090
{% image "/assets/img/posts/asia/niashowmanydays.jpeg", "Old foundations near the pro surfing side of the island", "100vw", "Old foundations near the pro surfing side of the island", "rounded", "lazy", "auto", "async", "", "" %}
9191

92-
<h2 id="#length">How Many Days</h2>
92+
<h2 id="length">How Many Days</h2>
9393

9494
For the amount of work required to get to Nias, we suggest staying at minimum of 5 days. We stayed for 7 and it went by really quick. There are also a couple other spots along the island you can visit, which would add more time to your stay.
9595

96-
<h2 id="#stay">Where to Stay</h2>
96+
<h2 id="stay">Where to Stay</h2>
9797

9898
There are a variety of places you can stay on Nias, if you are there to surf, staying at **The Point** is the best for catching waves. For the rest of us beginners, the Lagoon Taluk is good for learning. There are a few places to stay right on the beach (we stayed at [Harus Dami Inn](https://www.tkqlhce.com/click-101819299-17293132?url=https%3A%2F%2Fwww.booking.com%2Fhotel%2Fid%2Fharus-damai-inn.html)), but you can also stay in [Taluk Dalam](https://www.tkqlhce.com/click-101819299-17293132) if you want to stay in town.
9999

100100
{% image "/assets/img/posts/asia/niaswhattodo.jpeg", "Will surfing", "100vw", "Will surfing", "rounded", "lazy", "auto", "async", "", "" %}
101101

102-
<h2 id="#route">What to Do</h2>
102+
<h2 id="route">What to Do</h2>
103103

104104
**Surfing:** Both beginners looking to learn and experienced surfers would have a great time. Plus the water was nice and warm, so you can be out there for hours without getting cold.
105105

@@ -109,7 +109,7 @@ There are a variety of places you can stay on Nias, if you are there to surf, st
109109

110110
**Hinako Islands:** Just off the West coast of Nias, there is a small archipelago that is accessible by ferry. Your accommodation should be able to help arrange private transfers to the islands.
111111

112-
<h2 id="#volunteering">Volunteering</h2>
112+
<h2 id="volunteering">Volunteering</h2>
113113

114114
We found a beach conservation volunteering program at [Harus Dami](https://www.tkqlhce.com/click-101819299-17293132?url=https%3A%2F%2Fwww.booking.com%2Fhotel%2Fid%2Fharus-damai-inn.html) on [Worldpackers](https://www.worldpackers.com/). We cleaned up the beach each morning for about an hour or so and then we had the whole day to ourselves. They charged a fee of $10 USD per volunteer or $16 USD for a couple, per day. This helped cover food, accommodation, and kept their project going. Just make sure everyone is on the same page when it gets converted into Indonesia Rupiah. They told us they had plans to expand their program to include teaching English to the local kids and surf lessons over the coming year.
115115

0 commit comments

Comments
 (0)