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.
notes
Custom folder Icons with Material Icon Theme
notes
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.
notes
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.
notes
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
essay
To PostgreSQL
Earlier this week, I went to a seminar on Amazon AWS conducted by one of their partner organizations.
notes
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>
notes
SQLite is the most deployed and most used database
Avinash is sharing some cool facts about SQLite.
SQLite is the most deployed and most used database. There are over one trillion (1000000000000 or a million million) SQLite databases in active use.
SQLite is likely used more than all other database engines combined. Billions and billions of copies of SQLite exist in the wild. It’s everywhere.
These are mind blowing, have a look into that.
notesExample Using
Example Using
To extract the value of a tag from an XML-like string in PL/SQL
To extract the value of a tag from the given XML-like string in PL/SQL, you can use the EXTRACTVALUE function or XMLTABLE for XML processing.
Example Using EXTRACTVALUE
DECLARE
xml_data CLOB := '<Status>200</Status><Message>Success</Message>';
l_message VARCHAR2(50);
BEGIN
-- Extract the FunctionalReferenceID value
l_message := EXTRACTVALUE(XMLTYPE('<root>' || xml_data || '</root>'), '/root/Message');
-- Print the value
DBMS_OUTPUT.PUT_LINE('FunctionalReferenceID: ' || l_message);
END;
Example Using XMLTABLE
DECLARE
xml_data CLOB := '<Status>200</Status><Message>Success</Message>';
l_message VARCHAR2(50);
BEGIN
-- Use XMLTABLE to extract the Message
SELECT value
INTO l_message
FROM XMLTABLE(
'/root/Message'
PASSING XMLTYPE('<root>' || xml_data || '</root>')
COLUMNS value VARCHAR2(50) PATH '.'
);
-- Print the value
DBMS_OUTPUT.PUT_LINE('Message: ' || l_message);
END;
essay
Understanding Suspense
React Suspense comes handy when you want to show an indication to user that something is loading in your app. Loader is the simplest example for a Suspense component. Let’s deep dive into the details of Suspense.