Install Material Icon Theme
In settings.json:
"material-icon-theme.folders.associations": {
"folder-name": "Home"
}
folder-name is the folder name and Home is the icon.
You can find the files and folders icons in here.
Custom folder Icons with Material Icon Theme
Sticky footers
To make a sticky footer in the Bootstrap you can use the below.
<body class="d-flex flex-column min-vh-100">
<main class="flex-fill">
<!-- Your page content here -->
</main>
<footer class="bg-dark text-white text-center py-2">
<!-- Your footer content here -->
</footer>
</body>
d-flex flex-column min-vh-100on : makes the body fill the viewport and act like a vertical Flexbox container.flex-fillon : makes the content area take up all available vertical space, pushing the footer down.footer: stays at the bottom even with short content.
You can never die
If a writer falls in love with you, you can never die. ― Mik Everett
You can reread the above quote to this: “If the person dear to you is an artist, you can never die.”
Yes, because they will carry you in their art pieces. If they are a writer, they will hide you between the lines of their favorite poems or stories. If they are a photographer, you will be in their photos forever. If they are a musician, they will blend you into the rhythm. If they are a painter, they will add you into the corners of their canvas. And the list goes on.
You will be forever engraved in their art, sometimes in plain sight, sometimes hidden. When others see the art, the artist will see you.
Upgrade Hugo
To install or update Hugo extended using HomeBrew, you can use the below,
Install the extended version:
brew install hugo
Or if you already have it and just want to upgrade:
brew upgrade hugo
Check the version to using hugo version.
Modernization of Apps
One of the main topics discussed in the seminar I attended was modernizing legacy applications.
Legacy applications are typically monolithic in nature, making it difficult to scale or integrate new features quickly. The monolithic apps ruled the software industry for a very longer time, but now people are moving (already many moved) to its great alternative, the microservice architecture.
I’ve come across monolithic applications that are tightly coupled with environments like Oracle or .NET, where growth can become a painful process. Over time, these systems tend to become slow, expensive to maintain, and resistant to change.
Links
The Avenues
The expanded Avenues Mall is a beautiful place to explore. These photos are from the sea-facing area.
Unknown universe
We will meet again
in an unknown universe,
where I am the wizard,
and you, my witch
where I will cast
the most divine spell:
“Tvayi prema karomi.”
Beneath the raining stars,
We will fall in love again,
after a million lifetimes.
Office plants
After my eyes grew tired, I stepped outside the office to relax. I stood there for a while and noticed these plants growing in the middle of the desert and they brought me a sense of peace.
Hide details in the mobile screen with Bootstrap
In the feed page I need to hide the dotted line in the mobile screens. So here you can see how its can be done in Bootstrap.
d-none d-md-flex: shows only on md and up (desktop/tablet)d-block d-md-none: shows only on mobiletext-nowrap: prevents text from wrapping
<div class="mb-3">
<!-- Desktop layout -->
<div class="d-none d-md-flex align-items-center">
<a href="{{ .Permalink }}" class="text-decoration-none fw-medium me-2 text-nowrap">
Sample heading
</a>
<div class="flex-grow-1 border-bottom dotted-line mx-2"></div>
<p class="text-muted small text-nowrap mb-0">Date</p>
</div>
<!-- Mobile layout -->
<div class="d-block d-md-none">
<a href="{{ .Permalink }}" class="text-decoration-none fw-medium d-block mb-1">
Sample heading
</a>
<p class="text-muted small mb-0">Date</p>
</div>
</div>