Glowing Title

Thanks to Farrow’s site for the code.
Including the class in the title in _config.yml breaks.
In _includes/default/navbar.liquid site.title couldn’t be altered without affecting other behaviours of the theme.
So liquid code was used there to create a new variable hltitle with hl-html class for this specific use only.
css is included in _sass/custom.scss file created and this custom was included in _sass/type-on-strap.scss as @import 'custom';
Whoa!!! It works

Create the file _includes/breadcrumbs.html.
In _includes/default/navbar.liquid inject the liquid command at appropriate place. `

But it reads and breaks the permalink, so not accurate.
Gets space that is extra without any good functions.
Let’s discard it.

Latex css

Inclusion in head.liquid though works, breaks the theme features, but do not crashes, at least!

Including google font

link style sheet in _includes/default/head.liquid.
<link href="fonts.googleapis.com" rel="stylesheet"> didn’t work for sofia?
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia"> Worked for Sofia print.
Set in _sass/base/_variables.scss set the first choice to ‘Sofia’ before fall backs for font-family-logo variable of the theme that sets fonts for site title and subtitle.
Done in this line $font-family-logo: 'Sofia','Source Sans Pro', Helvetica, Arial, sans-serif;

Printing pdf nicely

@print defined properly in _sass/base/_global.scss .
Note to keep colour black, font latexish Charter family.

Portfolio making

Based on Portfolio for projects that has a special page with projects in a folder _portfolio, a new item can be designed for other purpose.
How it’s done?
Create a file in pages named PhyUtkal like portfolio.md
This may contain it’s own content.
It will automatically fetch the pages from _PhyUtkal folder and arrange images in a grid and clickable.
Each page in the source folder will have it’s detailed content. Here, we use paper details.
Now there can be no subfolder? create pages for individual papers and then link them to this page.

Call out system

Looking at quarto, material mkdocs, genspeck etc., lets try ‘call out’ option if possible html way!

Bootstrap to be enabled in yaml.

Well done! You successfully read this important alert primary message.

Heads up! This **alert secondary** needs your attention, but it's not super important.

Well done! You successfully read this important 'alert success' message.

Heads up! This 'alert danger' needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

INFO: alert-info.

Well done! You successfully read this important alert light message.

Heads up! This alert dark needs your attention, but it's not super important.

liquid way for single paragraph.

Then the liquid way might be tried. When using Kramdown {: .notice} can be added after a sentence to assign the ‘.notice’ to the <p></p> element. If you put {: #your-id-name} on the line underneath anything then it’ll make an id for that element and you can link to it.

liquid way for multiple paragraphs.

html way

Message

A basic message.