diff --git a/config.toml b/config.toml index 31181b6..ce09ac8 100644 --- a/config.toml +++ b/config.toml @@ -31,3 +31,26 @@ disableKinds = ["taxonomyTerm"] identifier = "about" url = "/about/" weight = 3 + +[related] + includeNewer = true + threshold = 80 + toLower = false + + [[related.indices]] + name = "keywords" + weight = 100 + + [[related.indices]] + name = "tags" + weight = 70 + + [[related.indices]] + name = "date" + weight = 10 + + +[markup] + [markup.goldmark] + [markup.goldmark.renderer] + unsafe = true diff --git a/content/recipes/Kook-kuvale-salli-upkari.md b/content/recipes/Kook-kuvale-salli-upkari.md index aca93ef..4ab18e7 100644 --- a/content/recipes/Kook-kuvale-salli-upkari.md +++ b/content/recipes/Kook-kuvale-salli-upkari.md @@ -1,7 +1,7 @@ +++ title = "Kuvale Saali Ani Kooka Upkari" date = 2011-12-18T7:10:00+05:30 -tags = ["GSB cuisine", "Side Dish"] +tags = ["GSB cuisine", "Side Dish", "vegetarian"] thumb = "/img/thumbs/kook-thumb.png" description = "A delicious side dish combining chineese potatoes and leftover peels of ashgourd." keywords = ["Kamath's Kitchen", "kuvale", "ash gourd", "gsb", "india", "gravy", "recipe", "chinese potato", "peels", "kooka"] diff --git a/content/recipes/Kuvale-Sasam.md b/content/recipes/Kuvale-Sasam.md index 6ee4945..aee708f 100644 --- a/content/recipes/Kuvale-Sasam.md +++ b/content/recipes/Kuvale-Sasam.md @@ -1,7 +1,7 @@ +++ title = "Kuvale Sasam (Ash Gourd Gravy)" date = 2011-12-25T9:43:00+05:30 -tags = ["GSB cuisine", "Curry"] +tags = ["GSB cuisine", "Curry", "vegetarian"] thumb = "/img/thumbs/kuvale-sassam-thumb.png" description = "A classsic gsb style coconut based ash gourd curry." keywords = ["Kamath's Kitchen", "kuvale", "ash gourd", "gsb", "india", "gravy", "recipe", "curry"] diff --git a/content/recipes/alsande-randai.md b/content/recipes/alsande-randai.md index 53f0fb8..01aa035 100644 --- a/content/recipes/alsande-randai.md +++ b/content/recipes/alsande-randai.md @@ -3,18 +3,18 @@ title = "Alsande Randai - Yardlong beans curry" date = 2020-04-01T12:56:00+05:30 thumb = "/img/thumbs/alsande-randai-thumb.png" tags = ["GSB cuisine", "curry", "vegetarian"] -description = "A quick and simple coconut based curry prepared from yardlong beans" -keywords = ["Kamath's Kitchen", "alsande", "yardlong bean", "alsande randai", "india", "recipe", "gsb", "konkani"] +description = "A quick and simple coconut based curry prepared from yard-long beans" +keywords = ["Kamath's Kitchen", "alsande", "yard-long bean", "alsande randai", "India", "recipe", "gsb", "konkani"] +++ This is a very quick and simple coconut based curry made from yardlong beans. -We call it Alsande Randai in Konkani. Alsande means yardlong beans or snake beans and randai means curry. +We call it Alsande Randai in Konkani. Alsande means yard-long beans or snake beans and randai means curry. This goes well with rice and is generally served in lunch and dinner. ## Ingredients for the base masala - 1 Cup freshly grated Coconut -- 7-8 Dry red chillies (byadgi chillies) -- 1 tbsp urad dal (split black gram) +- 7-8 Dry red chillies (Byadgi chillies) +- 1 tbsp Urad Dal (split black gram) - 1 tbsp coriander seeds - 1⁄4 tsp fenugreek seeds - Pinch of turmeric @@ -22,7 +22,7 @@ This goes well with rice and is generally served in lunch and dinner. ## Ingredients for the curry -- 500 grams yardlong beans. +- 500 grams yard-long beans. - 3 tbsp oil - 1/2 tsp mustard seeds - 1 sprig of curry leaves @@ -35,7 +35,7 @@ Let us prepare the base masala for this curry. This masala can be used as the ba 1. Take the oil in a pan and fry the dried red chilies, fenugreek seeds, coriander seeds, and urad dal until it gets light brown. Keep aside and let it cool. 2. Put some warm water in a bowl and add the tamarind to it, so that it melts and turns into a liquid paste. 3. Grind the fried spices with grated coconut and tamarind water into a fine paste. -4. After washing cut the yardlong beans into 1 inch long pieces, bring it to boil in a curry pot. This curry is not thick so use about 1 liter of water. +4. After washing cut the yard-long beans into 1 inch long pieces, bring it to boil in a curry pot. This curry is not thick so use about 1 liter of water. ![alsande-cutinto pieces](/img/alsande-randai/alsande-cutinto-pieces.jpg) diff --git a/content/recipes/arvi-tikki.md b/content/recipes/arvi-tikki.md index 8490769..7d2702f 100644 --- a/content/recipes/arvi-tikki.md +++ b/content/recipes/arvi-tikki.md @@ -2,7 +2,7 @@ title = "Arvi Tikki" date = 2012-01-08T00:56:00+05:30 thumb = "/img/thumbs/arvi-tikki-thumb.png" -tags = ["Snacks"] +tags = ["Snacks", "vegetarian"] description = "A delicious easy to make fried snack from Arvi" Keywords = ["Kamath's Kitchen", "arvi", "eddoe", "colocasia tuber", "india", "snack", "recipe", "gsb"] +++ @@ -61,12 +61,12 @@ let's start with the step by step method. shallow frying. 6. Heat oil in a pan and add the patties gently, fry on medium till golden yellow. The patties should be now crispy. -7. Serve hot with peanut curd chutney or anything else like pudina +7. Serve hot with peanut curd chutney or anything else like Pudina (mint) chutney or tomato sauce.
Note – This recipe can be prepared for a fast (vrat), just keep in mind that -you should use rajgira or singhara flour instead of corn flour and bread +you should use Rajgira or Singhara flour instead of corn flour and bread crumbs.
I am sure you will enjoy this dish. Please email me and tell me about diff --git a/content/recipes/corn-herb-pulav-with-paneer.md b/content/recipes/corn-herb-pulav-with-paneer.md index 860b972..266086a 100644 --- a/content/recipes/corn-herb-pulav-with-paneer.md +++ b/content/recipes/corn-herb-pulav-with-paneer.md @@ -1,7 +1,7 @@ +++ title = "Corn & Herb Pulao with Paneer" date = 2011-12-04T12:24:00+05:30 -tags = ["pulao", "herbs", "rice"] +tags = ["pulao", "herbs", "rice", "vegetarian"] thumb = "/img/thumbs/corn-herb-pulav-thumb.png" description = "Basmati Rice boiled with corn, herbs and some cottage cheese." keywords = ["Kamath's Kitchen", "corn", "pulav", "herb", "mint", "coriander", "cottage cheese", "paneer", "india", "pulao", "pilaf"] @@ -9,14 +9,14 @@ slug = "corn-herb-pulav-with-paneer" +++ Today I am going to share a winter special dish; it is called Corn & -herb Pulao with paneer, This recipe highly nutritive with all the herbs +herb Pulao with Paneer, This recipe highly nutritive with all the herbs and corn in it, Corn contains folic acid,Vitamin C,and insoluble fibre, -along with ajwain it helps us to tackle some common digestive +along with Ajwain it helps us to tackle some common digestive problems,this recipe contains vitamin a and vitamin c , minerals such as iron, copper and calcium. We will also put some dry fruits to make it super healthy :) . As the -name says it also contains herbs like ajwain mint etc. You'll need +name says it also contains herbs like Ajwain mint etc. You'll need roughly about 50 minutes to make this dish. ![corn herb pulav](/img/corn-herb-pulav/cornandherbs.jpg) @@ -31,10 +31,10 @@ require for this dish are listed below : - Sweet corn kernels - 1/2 cup, - matar (shelled peas) - 1/2 cup, - raisin --15, -- fresh ajwain leaves two or three, +- fresh Ajwain leaves two or three, - 5 cashews (halves), - fresh mint leaves two or three, -- Curry leaves (kadi patta) -- 10 leaves +- Curry leaves (kadi-patta) -- 10 leaves - green chillies -- 6 - ginger -- 1 inch piece - Curd -- 1 tbsp. @@ -42,10 +42,10 @@ require for this dish are listed below : - coriander leaves 1/2 cup -- chop these finely - coconut scraped -- 2 cup, - 1 whole lemon juice, -- garam masala powder -- 1/4, -- turmeric Powder 1/2 tsp. +- Garam masala powder -- 1/4, +- Turmeric Powder 1/2 tsp. - Green Chutney -- 1 tsp. -- paneer -- 1/2 cup +- Paneer -- 1/2 cup - cumin seeds -- 1/2 tsp. - mustard seeds 1/2 tsp. - salt to taste @@ -58,7 +58,7 @@ the method (step by step guide) : ## Method: 1. First we will make the masala. Put the coconut, ginger, chillies, - and all the leaves (mint, ajwain, kadipatta) in a mixer and grind + and all the leaves (mint, Ajwain, Kadi-patta) in a mixer and grind into fine paste. 2. Take a frying pan and put ghee in it allow it to heat. 3. Fry the cashew nuts till they get golden yellow in colour. Remove @@ -75,10 +75,10 @@ the method (step by step guide) : 2. Now we going to add the rice (drained), before adding rice just mix the ingredients in the pan nicely. After adding rice stir it for about 2 minutes. -3. We may now add garam masala, turmeric lemon juice and salt. +3. We may now add Garam masala, turmeric lemon juice and salt. 4. Now we should cook this by adding 4 cups of hot water. Cook till water gets evaporated. -5. Now mix the panner cubes. +5. Now mix the Paneer cubes. 6. Garnish with coriander and cashews and serve hot along with Kadhi and carrot salad. diff --git a/content/recipes/easy-and-simple-kadhi-with-carrot-salad.md b/content/recipes/easy-and-simple-kadhi-with-carrot-salad.md index 63e73c5..c679457 100644 --- a/content/recipes/easy-and-simple-kadhi-with-carrot-salad.md +++ b/content/recipes/easy-and-simple-kadhi-with-carrot-salad.md @@ -1,7 +1,7 @@ +++ title = "Easy And Simple Kadhi With Carrot Salad" date = 2012-01-01T20:40:00+05:30 -tags = ["salads", "curry"] +tags = ["salads", "curry", "vegetarian"] thumb = "/img/thumbs/kadhi-thumb.png" description = "A yummy gravy prepared with buttermilk accomapanied by a crunchy carrot salad" keywords = ["Kamath's Kitchen", "kadhi", "carrot", "salads", "india", "snack", "recipe"] diff --git a/content/recipes/ekpani-chutney.md b/content/recipes/ekpani-chutney.md index cf8e799..6c5f787 100644 --- a/content/recipes/ekpani-chutney.md +++ b/content/recipes/ekpani-chutney.md @@ -1,7 +1,7 @@ +++ title = "Ekpani (Centella) Chutney" date = 2017-03-21T17:25:00+05:30 -tags = ["Pickles & Chutneys", "herbs", "condiments"] +tags = ["Pickles & Chutneys", "herbs", "condiments", "vegetarian"] thumb = "/img/thumbs/ekpani-chutney-thumb.png" description = "A unique herbal chutney which is nutritious as well as tasty. It is often served with rice porridge. It can also be used as condiment in various dishes." keywords = ["ekpani", "centella", "indian pennywort", "asiatic pennywort", "indian chutney", "gsb ekpani chutney", "condiment"] diff --git a/content/recipes/ginger-onion-fish-curry.md b/content/recipes/ginger-onion-fish-curry.md index a6fe702..43f5142 100644 --- a/content/recipes/ginger-onion-fish-curry.md +++ b/content/recipes/ginger-onion-fish-curry.md @@ -1,16 +1,16 @@ +++ -title = "Ginger-Onion-Fish-Curry" +title = "Ginger Onion Fish Curry" date = 2011-12-11T06:18:00+05:30 tags = ["GSB cuisine", "fish", "curry"] thumb = "/img/thumbs/ginger-onion-fish-curry-thumb.png" -description = "Croakar fish onion and ginger, this curry is best when served with hot rice." +description = "Croaker fish onion and ginger, this curry is best when served with hot rice." keywords = ["Kamath's Kitchen", "croaker curry", "gsb fish dish", "gsb", "india", "gravy", "recipe", "ginger", "onion", "fish"] slug = "ginger-onion-fish-curry" +++ Today I'm going to share a Fish Curry dish. It is a fish curry with ginger Onion and green chillies. The best fish suited for this recipe is -Dhoma or Croakar fish, but you can experiment with other fishes also. +Dhoma or Croaker fish, but you can experiment with other fishes also. And if you do so please tell me too. This is fairly simple curry which will require roughly 30 minutes (1 hr for marinating the fish). This curry is very much Konkani (G.S.B) in flavour, there are also many diff --git a/content/recipes/how-to-make-garam-masala-magic-powder.md b/content/recipes/how-to-make-garam-masala-magic-powder.md index ee21dbe..5913165 100644 --- a/content/recipes/how-to-make-garam-masala-magic-powder.md +++ b/content/recipes/how-to-make-garam-masala-magic-powder.md @@ -4,7 +4,7 @@ date = 2012-04-01T10:00:00+05:30 tags = ["spices", "masalas"] thumb = "/img/thumbs/masala-thumb.png" description = "A recipe of my personal garam masala powder" -keywords = ["Kamath's Kitchen", "masala", "spices", "india", "curry powder", "recipe", "gsb"] +keywords = ["Kamath's Kitchen", "masala", "spices", "India", "curry powder", "recipe", "gsb"] slug = "how-to-make-garam-masala-magic-powder" +++ @@ -24,7 +24,7 @@ Usually masala is made just before cooking the dish or curry, but some people who like to save time like me prepare the masala in advance and keep them in airtight container. I prepare the masalas annually. -So from today onwards stop buying readymade masala pouches from the +So from today onward stop buying ready-made masala pouches from the market and prepare a jar of masala for yourself. There is no other masala better than the one which is prepared at home. First and foremost there are lots of spices to be added in our masala, please refer the diff --git a/content/recipes/kadgi-chakko.md b/content/recipes/kadgi-chakko.md index 9fd9417..b95dff5 100644 --- a/content/recipes/kadgi-chakko.md +++ b/content/recipes/kadgi-chakko.md @@ -1,7 +1,7 @@ +++ title = "Kadgi Chakko" date = 2012-01-22T11:07:00+05:30 -tags = ["GSB cuisine", "Side Dish"] +tags = ["GSB cuisine", "Side Dish", "vegetarian"] thumb = "/img/thumbs/kadgi-chakko-thumb.png" description = "Kadgi chakko is a Konkani side dish just like sukka masala or any other dry dish. It is often served along with rice and daal (daali toy)." keywords = ["Kamath's Kitchen", "jackfruit", "sukka masala", "chakko", "konkani recipe", "gsb dishes", "recipes", "india", "smitha kamath"] diff --git a/content/recipes/keerlu-ambade-gashi/index.md b/content/recipes/keerlu-ambade-gashi/index.md new file mode 100644 index 0000000..ea26285 --- /dev/null +++ b/content/recipes/keerlu-ambade-gashi/index.md @@ -0,0 +1,58 @@ ++++ +title = "Keerlu Ambade Gashi - Bamboo Shoot & Hog Plum curry " +date = 2020-08-15T12:00:00+05:30 +thumb = "/img/thumbs/keerlu-ambade-gashi.png" +tags = ["GSB cuisine", "curry", "vegetarian"] +description = "A recipe which is my family's favourite, prepared from brined Bamboo Shoots and Hog plums" +keywords = ["Kamath's Kitchen", "bamboo", "Keerlu", "ambado", "India", "recipe", "gsb", "konkani"] ++++ + +![Keerlu Ambade Gashi curry served](keerlu-ambade-gashi-served.jpg) + +This curry is a favourite in family, my husband used to love this curry very much. Bamboo shoots are not available around the the year hence we preserve the shoots in brine and use them when needed. We mainly cook this dish in monsoon. The sourness is added by using Hog plum, which was introduced to south Asia by the Portuguese. + +![Picture of Ingredients for Keerlu Ambade Gashi](ingredients.jpg) + +## Ingredients +- Bamboo shoots 1/2 kilogram. +- 4-5 whole Hog Plums (Can be substituted by Tamarind) +- Half of a coconut, grated. +- 10 Dried Red Chillies (Madrasi variant) +- 1 Tbsp coriander seeds. +- 1 Tbsp Urad Dal (split black gram) +- 1/2 Tsp Turmeric + +### For Tempering the curry +- 1/2 Tsp Mustard Seed +- 1 twig of curry leaves. +- 2 Tbsp of Coconut oil. + +## Method + +1. Wash and clean the Bamboo shoots. Then cut them in 2-3 inch cubes. Soak them into the water to remove excess salt that the bamboo have absorbed from the brine. + +![Bamboo Shoots Washed and cut into cubes](Bamboo-Shoots-washed.jpg) + +{{< video src="/video/cutting-bamboo-shoots.mp4" poster="video-keerlu.png" type="mp4" >}} + +2. Take the Hog Plum into a pestle and crush them a bit. + +![Hog plums in a wooden pestle](hog-plums.jpg) + +3. Take a pressure cooker with adequate water and put both Bamboo shoots and Hog Plums into it. Cook them until you hear 3 whistles. +4. take a Fry pan, add some oil and fry coriander seed and urad daal until they get golden in colour. Keep aside to cool. +5. In the same frying pan add some Dried Red Chillies and fry them for 1 minute. Don't burn them otherwise the curry will be bitter and the colour will get affected. +6. Take a mixer and blender and add the fried ingredients along with the grated coconuts. Grind them into fine paste. + +![Ground masala for the keerlu Ambade gashi](masala.jpg) + +7. Put the ground paste into the pressure cooker containing the Bamboo shoots and hog plums. Bring it to boil. +8. Taste the curry and add salt only if required. +9. Take some oil in a tempering pan and add the mustard seeds and curry leaves. +10. Once they start to crackle transfer them to the curry pot and close the lid immediately. + +![Tempering the curry](After-tempering.jpg) + +![Keerlu Ambade Gashi curry served](keerlu-ambade-gashi-served-bottom.jpg) + +I am sure you will enjoy this dish. Please email me and tell me about your experience cooking this recipe. diff --git a/content/recipes/kele-salli-upkari.md b/content/recipes/kele-salli-upkari.md index a537141..a41272c 100644 --- a/content/recipes/kele-salli-upkari.md +++ b/content/recipes/kele-salli-upkari.md @@ -1,7 +1,7 @@ +++ title = "Kele Salli Upkari" date = 2011-11-27T11:38:00+05:30 -tags = ["Upkari", "GSB cuisine", "Side Dish"] +tags = ["Upkari", "GSB cuisine", "Side Dish", "vegetarian"] thumb = "/img/thumbs/kele-saali-upkari.png" description = "A healthy and tasty side dish made from banana peels" keywords = ["Kamath's Kitchen", "banan peels", "kele salli", "G.S.B", "side dish", "india"] @@ -49,7 +49,7 @@ So let's get started with the ingredients: 2. Put the mustard seeds in the heated oil wait till it stops crackling. 3. Put the Urad daal. -4. Now add the curry leaf and wait until the urad daal turns golden +4. Now add the curry leaf and wait until the Urad daal turns golden reddish in colour. 5. We will now add the red chilli flakes in the pan and sauté it for 2 minutes. diff --git a/content/recipes/patrado-steamed-colocasia-leaves.md b/content/recipes/patrado-steamed-colocasia-leaves.md index ba5785d..8d17188 100644 --- a/content/recipes/patrado-steamed-colocasia-leaves.md +++ b/content/recipes/patrado-steamed-colocasia-leaves.md @@ -2,7 +2,7 @@ title = "Patrado - Steamed Colocasia leaves" date = 2019-01-01T12:56:00+05:30 thumb = "/img/thumbs/patrado-thumb.png" -tags = ["GSB cuisine", "Snacks"] +tags = ["GSB cuisine", "Snacks", "vegetarian"] description = "A tasty dish prepared from colocasia leaves steamed with coconut, moong beans, rice and masala." keywords = ["Kamath's Kitchen", "arvi", "eddoe", "colocasia leaves", "india", "snack", "recipe", "gsb", "konkani"] +++ diff --git a/content/recipes/stuffed-apple-gourds-tinday.md b/content/recipes/stuffed-apple-gourds-tinday.md index 05b6b8c..df00168 100644 --- a/content/recipes/stuffed-apple-gourds-tinday.md +++ b/content/recipes/stuffed-apple-gourds-tinday.md @@ -66,7 +66,7 @@ Serves : 5 ![apple-gourds scooping](/img/apple-gourd/apple-gourd-sccoping2.jpg) 2. Heat some oil in a pan , add Mustard seeds and cumin seeds, once you - hear slight crackle add curry leaves and asofoetida, stir for a + hear slight crackle add curry leaves and asafoetida, stir for a while, Now add ginger and green chillies and stir again. ![apple-gourds recipe steps](/img/apple-gourd/apple-gourd-step2a.jpg) diff --git a/content/recipes/vaali-bendi/index.md b/content/recipes/vaali-bendi/index.md new file mode 100644 index 0000000..18b8c62 --- /dev/null +++ b/content/recipes/vaali-bendi/index.md @@ -0,0 +1,47 @@ ++++ +title = "Vaali Bendi - Malabar Spinach curry" +date = 2020-08-15T12:16:00+05:30 +thumb = "/img/thumbs/vaali-bendi.png" +tags = ["GSB cuisine", "curry", "vegetarian"] +description = "A quick and simple authentic GSB curry prepared from Malabar Spinach or Basella alba" +keywords = ["Kamath's Kitchen", "Malabar Spinach", "Basella Alba", "India", "recipe", "gsb", "konkani"] ++++ + +![Malabar spinach curry served](served-top.jpg) + +This is an authentic curry prepared in a typical GSN household, made from Malabar spinach. Malabar spinach is a tropical edible vine found here in the subcontinent. The curry can be made quickly in half an hours time. My mother used to say that this vine aids in digestion relation problems. + +![Picture of Ingredients for Malabar spinach curry](ingredients.jpg) + +![Picture of Ingredients to grind for Malabar spinach curry](ingredients-to-grind.jpg) + +## Ingredients +- 1 bunch of Malabar Spinach +- Half of a coconut, grated. +- 10 Dried Red Chillies (Madrasi variant) +- 1 bulb of medium garlic. +- 2 Tbsp Oil +- 1 Small lime sized ball of Tamarind. +- 1cup black bean (Can be substituted with Horse gram, Black eyed beans or red beans) +- Salt as per taste. + +## Method + +1. Wash and clean the Malabar Spinach thoroughly. Then cut them in 2-3 inch long pieces along with the leaf. +2. Take a pressure cooker and put adequate water so that the spinach and the beans will get submerged. Add some salt. Cook until you hear two whistles. + +![Malabar Spinach Curry boiling in a curry pot](boiling.jpg) + +3. Fry the Dried Red chillies for a minute in a pinch of oil enough to coat the chillies. Keep them aside to cool. +4. Take a mixer and grinder. Add the grated Coconut, Tamarind and the chillies that we fried. Grind them into fine paste. +5. Open the lid of the pressure cooker and add the ground Masala paste and bring it to boil. +6. Take a small tempering pan, add oil in it. Crush the garlic without peeling them and add them to the pan. Wait till they turn golden in color. + +![Garlic fried in oil for malabar spinach curry](golden-garlics-for-tempering.jpg) + +7. Now temper the curry with the garlic. +8. Serve piping hot with steamed rice. + +![Malabar Spinach Curry served](curry-served.jpg) + +I am sure you will enjoy this dish. Please email me and tell me about your experience cooking this recipe. diff --git a/package.json b/package.json new file mode 100644 index 0000000..da1caf4 --- /dev/null +++ b/package.json @@ -0,0 +1,15 @@ +{ + "name": "raghukamath.com", + "version": "1.0.0", + "description": "personal website", + "main": "index.js", + "repository": "git@gitlab.com:raghukamath/website-raghukamath.com.git", + "author": "Raghavendra Kamath ", + "license": "GPL-3.0-or-later", + "dependencies": { + "@fullhuman/postcss-purgecss": "^1.3.0", + "autoprefixer": "^9.8.6", + "cssnano": "^4.1.10", + "postcss-cli": "^7.1.1" + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..730de41 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,32 @@ +module.exports = { + plugins: { + '@fullhuman/postcss-purgecss': { + content: [ + './themes/raavas/layouts/**/*.html', + './themes/raavas/assets/js/*.js', + './themes/raavas/static/js/*.js', + './layouts/**/*.html', + './static/js/*.js' + ], + whitelist: [ + 'highlight', + 'pre', + 'video', + 'code', + 'content', + 'h3', + 'h4', + 'ul', + 'table', + 'li', + 'quote', + 'fig-caption', + 'figure', + 'raw-para' + ], + whitelistPatternsChildren: [/table$/], + }, + autoprefixer: {}, + cssnano: {preset: 'default'} + } +}; diff --git a/static/favicon.ico b/static/favicon.ico deleted file mode 100755 index 1a6dd34..0000000 Binary files a/static/favicon.ico and /dev/null differ diff --git a/static/video/cutting-bamboo-shoots.mp4 b/static/video/cutting-bamboo-shoots.mp4 new file mode 100644 index 0000000..8616597 Binary files /dev/null and b/static/video/cutting-bamboo-shoots.mp4 differ diff --git a/themes/raavas/assets/css/fonts.css b/themes/raavas/assets/css/fonts.css deleted file mode 100644 index e7b60c8..0000000 --- a/themes/raavas/assets/css/fonts.css +++ /dev/null @@ -1,20 +0,0 @@ -@charset "utf-8"; - -/* font face */ - -@font-face { - font-family: "Lato"; - src: url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff'); - font-weight: 400; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: "Lato"; - src: url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff'); - font-weight: 700; - font-style: normal; - font-display: swap; -} - diff --git a/themes/raavas/assets/css/main.css b/themes/raavas/assets/css/main.css index eb55342..00b9aed 100644 --- a/themes/raavas/assets/css/main.css +++ b/themes/raavas/assets/css/main.css @@ -1,25 +1,21 @@ @charset "utf-8"; + /* variables */ :root { - --size-base: 1em; - --size-xs: .5em; - --size-sm: .75em; - --size-md: 1.5em; - --size-lg: 2.25em; - --size-xl: 3.375em; - --size-xxl: 5.063em; - + --base-root: 1.5rem; + --base-relative: 1.5em; /* colors */ --gray: #565656; --black: #000; --white: #FFF; - --link-color: #FFE1BB; + --link-color: peachpuff; + --link-dark: #ffd777; --primary-color: var(--gray); --secondary-gray: #DDD; + --light-gray: #EEE; /* screens */ - --screen-palm: 970px; --screen-laptop: 1200px; /* fonts */ @@ -27,10 +23,9 @@ } html { - box-sizing: border-box; - font-size: 20px; - scroll-behavior: smooth; - animation: fade 0.45s; + box-sizing: border-box; + scroll-behavior: smooth; + animation: fade 0.45s; } @keyframes fade { @@ -38,29 +33,89 @@ html { to { opacity: 1; } } +@keyframes slidein { + from { transform: translate(0); } + to { transform: translate(5px); } +} + /* remove scroll for accessibility*/ @media (prefers-reduced-motion: reduce) { - html { - scroll-behavior: auto; - } + html { + scroll-behavior: auto; + } } - - *, *:before, *:after { - box-sizing: inherit; + box-sizing: inherit; } +/* fonts */ + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("../fonts/Inter-Regular.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-Regular.woff?v=3.13") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("../fonts/Inter-Italic.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-Italic.woff?v=3.13") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("../fonts/Inter-Bold.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-Bold.woff?v=3.13") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("../fonts/Inter-BoldItalic.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-BoldItalic.woff?v=3.13") format("woff"); +} + +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url("../fonts/Inter-Black.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-Black.woff?v=3.13") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url("../fonts/Inter-BlackItalic.woff2?v=3.13") format("woff2"), + url("../fonts/Inter-BlackItalic.woff?v=3.13") format("woff"); +} + + + body { - font-family: "Lato", var(--system-fonts); + font-family: "Inter", var(--system-fonts); + font-size: 1.15rem; + font-kerning: normal; + letter-spacing:normal; font-style: normal; - line-height: 1.5; + line-height: 1.65; color: var(--gray); fill: var(--gray); max-width: var(--screen-laptop); margin: 0 auto; - padding: var(--size-md); } /* typography */ @@ -72,80 +127,117 @@ h4, h5, h6 { line-height: 1.25; - margin-bottom: 0; - margin-top: var(--size-lg); + margin-top: calc(var(--base-relative)*1.5); + margin-bottom: calc(var(--base-relative)/1.5); } h1 { - font-size: var(--size-lg); + font-size: 1.65em; } h2 { - font-size: var(--size-md); + font-size: 1.25em; } -h3, -h4, -h5, -h6 { - font-size: var(--size-base); +table { + border-spacing: 0; + border-collapse: collapse; + max-width: 46.971em; + width: 100% +} + +table tr { + background-color: var(--white); + border-top: 1px solid var(--secondary-gray); +} + +table td, table th { + padding: calc(var(--base-relative)/2); + border: 1px solid var(--secondary-gray); +} + +table tr:nth-child(2n), table th { + background-color: var(--light-gray); } /* page content */ -/* header */ + .site-header { - font-size: 0.85em; + font-weight: 700; letter-spacing: 1px; - line-height: 1; display: flex; flex-wrap: wrap; justify-content: space-between; - align-content: center; + align-items: center; + margin: var(--base-root); + line-height: 1; } .logo { - font-size: 1.25em; text-transform: uppercase; - font-weight: 700; - padding: var(--size-sm); + font-weight: 900; +} + + + +.nav { + width: 100%; + border-bottom: 2px dashed var(--secondary-gray); +} + +@media screen and (min-width: 720px) { + .nav { + width: unset; + border: 0; + } } .hamberger { - display: block; - cursor: pointer; - width: var(--size-xxl); - text-align: right; - font-size: var(--size-md); - padding: var(--size-sm); + padding: 0; + margin: 0; + line-height: 0; + background-color: var(--white); + border: none; + color: var(--gray); } -@media screen and (min-width: 700px) { +@media screen and (min-width: 720px) { .hamberger { display: none; } } .menu-list { - margin-top: var(--size-sm); + margin-top: 0; padding: 0; } .menu-item { list-style: none; - display: block; +} + +.menu-noscript { + margin: var(--base-root) 0; + padding: 0; + display: flex; + flex-wrap: wrap; +} + +.menu-noscript-item { + list-style: none; + margin-right: calc(var(--base-root)*1.5); } .nav-link { display: block; - padding: var(--size-sm); + margin: var(--base-root) 0; } .menu-item:last-child a { margin-right: 0; - padding-right: var(--size-sm); } -@media screen and (min-width: 700px) { +@media screen and (min-width: 720px) { .menu-item { display: inline-block; } @@ -155,7 +247,7 @@ h6 { } .nav-link { - padding: var(--size-sm) var(--size-md); + margin:0 calc(var(--base-root)*1.5) 0 0; } } @@ -164,45 +256,34 @@ h6 { } /* header */ -.home, -.post { - display:flex; - flex-direction:column + +.content { + margin: calc(var(--base-root)*2) var(--base-root); } -@media screen and (min-width:700px) { - .home, - .post { - flex-direction:unset - } -} - -.post:not(:last-child) { - padding-bottom: var(--size-xl); - margin-bottom: var(--size-xl); - border-bottom: 1px dashed var(--secondary-gray); +.tag-title { + margin: calc(var(--base-root)*2) auto; } +/* primary */ .primary { width:100%; - margin-top: var(--size-lg); } -@media screen and (min-width:700px) { +@media screen and (min-width:720px) { .primary { width:75% } } +/* sidebar */ + .sidebar { width:100%; order:2; - padding-top: var(--size-md); - border-top: 1px dashed var(--secondary-gray); - margin-top: var(--size-xl); } -@media screen and (min-width:700px) { +@media screen and (min-width:720px) { .sidebar { width:25%; order:unset; @@ -219,132 +300,160 @@ h6 { } .sidebar-list li { - padding: calc(var(--size-xs)/2); + padding: 0 calc(var(--base-root)/2) calc(var(--base-root)/2) 0; display: inline-block; } -@media screen and (min-width:700px) { +@media screen and (min-width:720px) { .sidebar-list li { - padding: calc(var(--size-xs)/2) 0; + padding: 0 calc(var(--base-root)/2) calc(var(--base-root)/2) 0; display: block; } + .sidebar h3 { + margin-top:0; + } } -.sidebar-list li:first-child { - padding-top: 0; +.home, +.post { + display:flex; + flex-direction:column +} + +@media screen and (min-width:720px) { + .home, + .post { + flex-direction:unset + } +} + +.post:not(:last-child) { + padding-bottom: var(--base-root); + margin-bottom: var(--base-root); + border-bottom: 2px dashed var(--secondary-gray); } .divider { - display: block; border: 0; - text-align: center; overflow: visible; - border-bottom: 1px dashed var(--secondary-gray); - margin: var(--size-xl) var(--size-sm); -} - -.content { - padding: 0 var(--size-sm); -} - -.tag-title { - margin-bottom: var(--size-md); - margin-right: auto; - margin-left: auto; + border-bottom: 2px dashed var(--secondary-gray); + margin: calc(var(--base-root)*1.75) var(--base-root); } .title { - margin-top: 0; + margin: calc(var(--base-root)/2) 0; } -.content article, -.content.about { +.content article { margin-right: auto; margin-left: auto; } +.post-header h1 { + margin-bottom: calc(var(--base-relative)/3); +} + +/* post navigation */ + .post-nav { display: flex; justify-content: space-between; - margin-top: var(--size-lg); - margin-bottom: var(--size-lg); - border-top: 1px dashed var(--secondary-gray); - border-bottom: 1px dashed var(--secondary-gray); + margin-top: var(--base-root); + margin-bottom: var(--base-root); + border-top: 2px dashed var(--secondary-gray); + border-bottom: 2px dashed var(--secondary-gray); } -.list h2 { - margin-top: var(--size-sm); - margin-bottom: var(--size-xs); + +.next { + margin-left: auto; + padding: calc(var(--base-root)/3) 0; } -.list .summary { - margin-top: var(--size-xs); - margin-bottom: 0; -} - -.thumb img { - border-radius: calc(var(--size-xs) / 2); +.prev { + margin-right: auto; + padding: calc(var(--base-root)/3) 0; } .related { - margin-bottom: var(--size-xl); + margin-bottom: calc(var(--base-root)*1.75); } .comments { - border-top: 1px dashed var(--secondary-gray); + border-top: 2px dashed var(--secondary-gray); } .single-page { - margin-top: var(--size-xl); -} - - -/* font size */ - -.size-small { - font-size: var(--size-md); + margin-top: calc(var(--base-relative)*2.5); } .content-max-width { - max-width: 46.971em; + max-width: 45rem; +} + +@media screen and (min-width: 720px) { +.static { + margin-left: auto; + margin-right: auto; +} } /* elements */ img { - vertical-align: middle; max-width: 100%; } .figure { - margin-top: var(--size-md); - margin-right: 0; - margin-left: 0; + margin: 0 auto; } .fig-caption { text-align: center; font-style: italic; - margin-top: var(--size-sm); -} - -ul { - padding-left: var(--size-base); - margin: var(--size-sm) 0; + margin-top: calc(var(--base-relative)/2); + font-size: calc(var(--base-relative)/2); } a { text-decoration: none; color: var(--gray); - transition: background-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.1s ease-out, fill 0.3s ease-out; + transition: background-color 0.2s ease-out, color 0.2s ease-out, box-shadow 0.1s ease-out, fill 0.2s ease-out; } a:hover { color: var(--black); fill: var(--black); - transition: background-color 0.7s ease-out, color 0.7s ease-out, box-shadow 0.3s ease-out, fill 0.7s ease-out; } + +.active, +.post-text a, +.link, +table td a { + text-decoration: underline; + text-decoration-color: var(--link-color); + text-decoration-thickness: 3px; +} + +.post-text a:hover, +.link:hover, +.to-top:hover, +table td a:hover { + background-color: var(--link-color); + border-bottom: 0; + box-shadow: 0 0 0 3px var(--link-color); + border-radius: calc(var(--base-root)/6); +} + +.prev:hover .arrow, +.next:hover .arrow, +.link:hover .arrow { + animation: .35s ease-out infinite alternate slidein; +} + + + /* custom css */ ::selection { @@ -352,48 +461,69 @@ a:hover { } .arrow { - font-size: 0.75rem; line-height: 1; + display: inline-block; } .thumb { display: block; - margin: 0 0 var(--size-md) 0; -} - -@media screen and (min-width: 700px) { - .thumb { - margin: 0 var(--size-md) 0 0; - } -} - -.thumb img { width: 100%; } +.post-image { + margin: 0; +} + +@media screen and (min-width: 720px) { + .post-image { + margin: 0 calc(var(--base-root)*2) 0 0; +} +} + .post-meta { - font-size: var(--size-sm); - margin-top: var(--size-xs); + font-size: calc(var(--base-relative)/2); + text-transform: capitalize; + line-height:1; } -.post-text p { - margin-top: var(--size-md); - margin-bottom: var(--size-md); +.meta { + padding: calc(var(--base-root)/8) calc(var(--base-root)/4); + margin-bottom: calc(var(--base-root)/3); } -.tag:hover .title-link, -.active, -.post-text a, -.link { - text-decoration: underline; - text-decoration-color: var(--link-color); - text-decoration-thickness: 3px; +.tag-meta { + display: flex; + flex-wrap: wrap; +} + +.tag-cloud { + margin: 0; + padding: 0; + text-transform: capitalize; +} + +.tag-list-item { + display: inline-block; + margin-bottom: calc(var(--base-root)/2); +} + + +.tag-link { + padding: calc(var(--base-root)/8) calc(var(--base-root)/4); + background-color: var(--light-gray); + border-radius: calc(var(--base-root)/6); + margin-right: calc(var(--base-root)/3); + margin-bottom: calc(var(--base-root)/3); +} + +.tag-link:hover { + background-color: var(--link-color); } .quote { background-color: #fffcea; - margin: var(--size-md) 0; - padding: var(--size-xs); + margin: calc(var(--base-relative)/1.5) 0; + padding: calc(var(--base-relative)/2); border-left: 3px solid var(--link-color); } @@ -402,19 +532,6 @@ a:hover { white-space: nowrap; } -.taglink::after { - content: ","; -} - -.taglink:last-child::after { - content: "."; -} - -.post-text img { - display: block; - margin: 0 auto; -} - .post-text a:hover, .link:hover { background-color: var(--link-color); @@ -422,43 +539,30 @@ a:hover { box-shadow: 0 0 0 5px var(--link-color); } -.post-text .thumb { - border-bottom: unset; - padding-bottom: 0; - font-style: unset; -} - -.post-text .thumb img { - border-radius: 0; -} - -.post-text .thumb:hover { - background-color: unset; - border-bottom: unset; - box-shadow: unset; -} - -.to-top { - text-align: center; - cursor: pointer; - width: 100%; -} - -.footer { - padding-top: var(--size-xl); -} - .video { width: 100%; height: auto; } +.to-top { + cursor: pointer; + margin: calc(var(--base-root)*1.75) auto; + display: block; + font-size: calc(var(--base-relative)/1.5); + border: 0; + background: none; + font-weight: 700; + width: 126px; + text-align: center; +} + + /** js **/ .hide { display: none; } -@media screen and (min-width: 700px) { +@media screen and (min-width: 720px) { .hide { display: block; } @@ -468,33 +572,23 @@ a:hover { width: 100%; } -@media screen and (min-width: 700px) { +@media screen and (min-width: 720px) { .nav { width: unset; } } -#commento { - margin-top: var(--size-sm); +.comments { + border-top: 2px dashed var(--secondary-gray); } - -.half, -.three-forth, -.quarter { +.half { width: 100%; } -@media screen and (min-width: 700px) { +@media screen and (min-width: 720px) { .half { width: 50%; } - .quarter { - width: 25%; - } - - .three-forth { - width: 75%; - } } diff --git a/themes/raavas/layouts/404.html b/themes/raavas/layouts/404.html index 4cff8fe..4a33723 100644 --- a/themes/raavas/layouts/404.html +++ b/themes/raavas/layouts/404.html @@ -1,6 +1,9 @@ {{ define "main" }} -
-

Oops! You seem to have found the place where I procrastinate.

+
+
+

That page is not here!

+

Oops! You seem to have found an empty jar.

There's nothing here. :(
you can check out my latest recipes here

+
{{ end }} diff --git a/themes/raavas/layouts/_default/list.html b/themes/raavas/layouts/_default/list.html index 065774a..cbc0085 100644 --- a/themes/raavas/layouts/_default/list.html +++ b/themes/raavas/layouts/_default/list.html @@ -3,9 +3,9 @@ {{ range .Pages }}
-
+
- {{ .Title }}-thumb + {{ .Title }}-thumb
diff --git a/themes/raavas/layouts/index.html b/themes/raavas/layouts/index.html index 6afa176..8ccc01d 100644 --- a/themes/raavas/layouts/index.html +++ b/themes/raavas/layouts/index.html @@ -4,19 +4,19 @@

Tags

    {{ range $name, $taxonomy := .Site.Taxonomies.tags }} {{ with $.Site.GetPage (printf "/tags/%s" $name) }} -
  • - {{ $name }} +
  • + {{ $name }}
    • {{ end }} {{ end }} -

    +
-
+
{{ range (where .Site.RegularPages "Section" "recipes") }} diff --git a/themes/raavas/layouts/page/static.html b/themes/raavas/layouts/page/static.html index d36f6ed..c690c2d 100755 --- a/themes/raavas/layouts/page/static.html +++ b/themes/raavas/layouts/page/static.html @@ -1,5 +1,6 @@ {{ define "main" }} -
+
+
{{ if eq .Title "about"}}

Hello I am Smitha R Kamath. I am a housewife and a food lover. I live in Mumbai with my family. I enjoy cooking and experimenting with various dishes. I am starting this blog on 20 November 2011, so that I can share some of my recipes and also learn from everyone. @@ -10,5 +11,6 @@ {{ else }} {{ .Content }} {{ end }} -

+
+
{{ end }} diff --git a/themes/raavas/layouts/partials/footer.html b/themes/raavas/layouts/partials/footer.html index 50c2cc5..d5ac2a8 100755 --- a/themes/raavas/layouts/partials/footer.html +++ b/themes/raavas/layouts/partials/footer.html @@ -1,14 +1,14 @@
-