clean css
This commit is contained in:
parent
ede4162e18
commit
12500e942f
GPG Key ID:
E48B3E545FEFD8BD
|
|
@ -1,5 +1,5 @@
|
|||
baseURL = "https://raghukamath.com/"
|
||||
languageCode = "en-us"
|
||||
languageCode = "en"
|
||||
title = "raghukamath | Freelance Illustrator from Mumbai"
|
||||
theme = "bombil"
|
||||
summaryLength = 140
|
||||
|
|
|
|||
|
|
@ -3,3 +3,4 @@ title: about
|
|||
type: page
|
||||
layout: static
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -18,12 +18,12 @@ There is a lot of room for experiments and happy accidents. One thing to note is
|
|||
|
||||
**[DOWNLOAD](https://github.com/raghukamath/krita-brush-presets/archive/master.zip)**
|
||||
|
||||
You can download the brush pack from [here](https://github.com/raghukamath/krita-brush-presets/archive/master.zip).
|
||||
You can download the brush pack from [here](https://gitlab.com/raghukamath/krita-brush-presets/-/archive/v1.0/krita-brush-presets-v1.0.zip).
|
||||
|
||||
To install, just unzip the contents of the zip file, then in Krita got to settings > Manage resources, then click on open resource folder button. A folder will be opened in the file explorer then copy the contents inside the unzipped folder namely folders named - brushes and paintoppresets, then paste and merge the contents to the folders inside the resources folder. Then restart Krita, the brushes are ready to use, just search for pack01 in the brush filter. Go [here](https://docs.krita.org/Loading_and_Saving_Brushes) for more clear instructions.
|
||||
|
||||
I have added these brushes to a github repository [here](https://github.com/raghukamath/krita-brush-presets), so you can fork it or add suggestions there.
|
||||
I have added these brushes to a Gitlab repository [here](https://gitlab.com/raghukamath/krita-brush-presets), so you can fork it or add suggestions there.
|
||||
|
||||
I am sharing these with [CC0](https://creativecommons.org/publicdomain/zero/1.0/) licence, that means you can do whatever you want with them.
|
||||
|
||||
I am working in krita 3.0 currently, so I can't guarantee that these work in earlier version, although they may work in 2.9. Any improvement, suggestion or addition to the brush presets are welcome.
|
||||
I am working in Krita 3.0 currently, so I can't guarantee that these work in earlier version, although they may work in 2.9. Any improvement, suggestion or addition to the brush presets are welcome.
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ If you haven't ever asked for the color profile from your print shop then you ha
|
|||
|
||||
I do all my work in RGB and later based on the requirement I convert my artworks to CMYK. When I am working with a client, I ask them to provide a color profile from the print shop. Most of the time my clients get the conversions done at the printer and since the artwork will be used in various mediums, they don't ask the artwork in CMYK from me. And besides most print shops are now advanced enough to accept RGB images. The color profile I get from the print shop is created after taking into consideration various factors such as the performance of the printer, the type of paper which is going to be used, type of printing method, quality of inks, etc. The people at the print shop know about the printer better than I do so the color profile that they provide is going to be the best.
|
||||
|
||||
Then I import this color profile in [Krita](https://krita.org) or [Scribus](https://www.scribus.net/) and then I check if my colors are beyond the printer's color gamut. This is called soft proofing. Contrary to the naysayers, both Krita and Scribus (Free Software tools) have this capability. So even if I do my artwork in [GIMP](https://www.gimp.org/) or [Inkscape](https://inkscape.org/). I can always import my artwork in Krita or Scribus to proof the colors. Krita and Scribus will warn you about any color that is out of range and you can correct those colors. Since my monitor is calibrated I don't have to worry about the truthfulness of what I see on my screen. When I am satisfied I save a copy of the artwork which is flattened and then converted to the target color profile with correct rendering intent. This file is sent for Hard proofing i.e. getting an actual sample print. This clears any remaining discrepancies that may come in later due to the factors such as quality and texture of paper type of inks etc.
|
||||
Then I import this colour profile in [Krita](https://krita.org) or [Scribus](https://www.scribus.net/) and then I check if my colors are beyond the printer's color gamut. This is called soft proofing. Contrary to the naysayers, both Krita and Scribus (Free Software tools) have this capability. So even if I do my artwork in [GIMP](https://www.gimp.org/) or [Inkscape](https://inkscape.org/). I can always import my artwork in Krita or Scribus to proof the colours. Krita and Scribus will warn you about any colour that is out of range and you can correct those colours. Since my monitor is calibrated I don't have to worry about the truthfulness of what I see on my screen. When I am satisfied I save a copy of the artwork which is flattened and then converted to the target color profile with correct rendering intent. This file is sent for Hard proofing i.e. getting an actual sample print. This clears any remaining discrepancies that may come in later due to the factors such as quality and texture of paper type of inks etc.
|
||||
|
||||
I have been using this workflow for many years and I have seldom got any muddy prints. So in my opinion working in only CMYK is not worth it, you should work in RGB and then convert it to printers CMYK profile for the final print. Besides, you can choose to work with some other print shop in the future which will have a different color profile, so it doesn't make sense to keep your open files in one obscure CMYK color profile.
|
||||
|
||||
|
|
|
|||
|
|
@ -33,22 +33,22 @@ a new hosting provider, no exporting and importing database contents
|
|||
etc. Believe me it is really less hassle.
|
||||
|
||||
You write the blog post in markdown with your favourite text editor (in
|
||||
my case Kate and nano), then regenerate the website and upload the
|
||||
my case Kate and Nano), then regenerate the website and upload the
|
||||
content via Ftp, scp or rsync. Some times I just copy paste the file by
|
||||
accessing the webserver from my file manager - Dolphin. Some jekyll
|
||||
users use free github pages for their websites.
|
||||
accessing the webserver from my file manager - Dolphin. Some Jekyll
|
||||
users use free Github pages for their websites.
|
||||
|
||||
As the content of my website is not updated on a daily basis I thought
|
||||
using a cms is a bit of overkill, hence I chose jekyll here, there are
|
||||
using a cms is a bit of overkill, hence I chose Jekyll here, there are
|
||||
other static site generator like Hugo, Roots and Middleman, I will
|
||||
eventually try these too but for now I am comfortable with jekyll
|
||||
eventually try these too but for now I am comfortable with Jekyll
|
||||
|
||||
While I am not a professional developer and I am just starting to
|
||||
discover things, with the help from my sister I have managed to build
|
||||
this website with jekyll, I am sharing the pages and code on my [gitlab
|
||||
this website with Jekyll, I am sharing the pages and code on my [Gitlab
|
||||
repository](https://gitlab.com/raghukamath/website-raghukamath.com) so
|
||||
that anybody looking for a simple portfolio website can use it. The code
|
||||
is not that great but I think it will be usefull for noobish people like
|
||||
is not that great but I think it will be useful for noobish people like
|
||||
me who want to setup a portfolio website with minimal effort and focus
|
||||
more on drawing and painting :). The code is licenced under MIT licence
|
||||
while the original content like images, articles photographs are under
|
||||
|
|
@ -61,15 +61,15 @@ and use it to create your own portfolio website.
|
|||
|
||||
## Update - Jekyll to Pelican
|
||||
|
||||
After dabbling a bit in jekyll I now switched to
|
||||
After dabbling a bit in Jekyll I now switched to
|
||||
[Pelican](http://blog.getpelican.com/), This was a natural choice as I
|
||||
found that pelican is python based and since I am learning python as
|
||||
hobby I thought it would be fun. Although jekyll is absolutely good ,
|
||||
hobby I thought it would be fun. Although Jekyll is absolutely good ,
|
||||
pelican seems good for me now. It was fairly easy to port the theme and
|
||||
templates to jinja from liquid. I am also learning restructured text to
|
||||
templates to Jinja from liquid. I am also learning restructured text to
|
||||
write the post. But I must agree markdown is simple and easy :)
|
||||
|
||||
## Update 2 - Pelican to Hugo
|
||||
|
||||
I now use hugo for generating this site, the theme hasn't changed much
|
||||
I also migrated the .rst files to .md file with the help of pandoc and vims search and replace capabilities
|
||||
I now use Hugo for generating this site, the theme hasn't changed much
|
||||
I also migrated the .rst files to .md file with the help of Pandoc and vim's search and replace capabilities
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ Richard M Stallman was [visiting](https://rms-tour.gnu.org.in/) our country, and
|
|||
|
||||
## Sketches
|
||||
|
||||
After understanding the initial requirement from Abhas, I sat down to visualize some concepts. I am not that great of a copywriting person, so in order to get some copy material, I started reading the [FSF website](https://www.fsf.org/). Given that I was already late to create anything, I wanted something that would be done in 2 days time, while simultaneously working with other projects. I started sketching some rough layouts. From a lot of 5 layouts, I liked three. I scanned them using Skanlite, these sketches were very rough at that moment and would need proper layouting and design, but they were a good base for me to work.
|
||||
After understanding the initial requirement from Abhas, I sat down to visualize some concepts. I am not that great of a copywriting person, so in order to get some copy material, I started reading the [FSF website](https://www.fsf.org/). Given that I was already late to create anything, I wanted something that would be done in 2 days time, while simultaneously working with other projects. I started sketching some rough layouts. From a lot of 5 layouts, I liked three. I scanned them using Skanlite, these sketches were very rough at that moment and would need proper lay outing and design, but they were a good base for me to work.
|
||||
|
||||
|
||||
|
||||
|
|
@ -28,7 +28,7 @@ I had three concepts -
|
|||
|
||||
- In the second poster, I wanted to ask people to donate to FSF, so I went with a hand giving a heart, this was not a great thought, and I didn’t feel any excitement in executing this, nevertheless I kept it for backup in case I fell short of time.
|
||||
|
||||
- The third sketch was also inspired from FSF website, they have a hashtag for donation program called #thankGNU, so I thought using this as the basis of my design, so repurposing my earlier hand visual, I replaced the heart with a bouquet of flowers, which will have a heart-shaped card saying #thankGNU!.
|
||||
- The third sketch was also inspired from FSF website, they have a hashtag for donation program called #thankGNU, so I thought using this as the basis of my design, so re purposing my earlier hand visual, I replaced the heart with a bouquet of flowers, which will have a heart-shaped card saying #thankGNU!.
|
||||
|
||||
I know these are somewhat quick and safe concepts, but given the time I had remaining in my hand, I went ahead with these.
|
||||
|
||||
|
|
@ -50,7 +50,7 @@ In the second image I wanted to have a feel of old-style book illustration, So I
|
|||
|
||||
Once my illustrations were ready, It was time to move on to the next part. Adding the text and other things to the layout. For this I chose Scribus. Both Scribus and Krita have CMYK support. You can soft proof your artwork make changes according to the color profile that you get from the printer in both applications. But I mostly do my work in RGB and then if required I convert them to CMYK, most printers will do the color conversion nowadays so it is not required, however in case it is needed, we can work in CMYK with Free Software tools.
|
||||
|
||||
I use only Opensource Fonts for my design work, and use any closed font only if the client has licensed them for use. One good way to browse for suitable fonts is google font repository. I have the entire repository cloned and I can search for fonts via their [website](https://fonts.google.com/). Occasionally I also browse fonts on [Font Library](https://fontlibrary.org/) they also have a nice collection. I decided to use Montserrat by Julieta Ulanovsky for the posters. Placing text was very quick in Scribus, once you make a style you can apply the same style to any number of paragraph or title. This helped in quickly placing text in both designs as I didn’t have to recreate the text properties.
|
||||
I use only Open source Fonts for my design work, and use any closed font only if the client has licensed them for use. One good way to browse for suitable fonts is google font repository. I have the entire repository cloned and I can search for fonts via their [website](https://fonts.google.com/). Occasionally I also browse fonts on [Font Library](https://fontlibrary.org/) they also have a nice collection. I decided to use Montserrat by Julieta Ulanovsky for the posters. Placing text was very quick in Scribus, once you make a style you can apply the same style to any number of paragraph or title. This helped in quickly placing text in both designs as I didn’t have to recreate the text properties.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ tags = ["Krita", "CC-BY", "open source", "tutorials" ]
|
|||
thumb = "/img/videos-thumbs/daef-thumb-01.jpg"
|
||||
description = "This is the first episode in the series on digital art with free and open source software. This episode covers the basics of painting in krita."
|
||||
keywords = ["krita", "Basics", "Tutorial", "digital art with foss", "interface basics", "UI", "krita" ]
|
||||
slug = "digital-art-with-foss-espisode-1"
|
||||
slug = "digital-art-with-foss-episode-1"
|
||||
|
||||
+++
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ title = "Digital art with foss episode 2"
|
|||
date = "2018-04-22T21:48:00+05:30"
|
||||
tags = ["Krita", "CC-BY", "open source", "tutorials"]
|
||||
thumb = "/img/videos-thumbs/daef-thumb-01.jpg"
|
||||
description = "This Episode talks about customising and making your workspace in krita. We also explaore the dockers in Krita."
|
||||
description = "This episode talks about customising and making your workspace in krita. We also explore the dockers in Krita."
|
||||
keywords = ["krita", "Basics", "Tutorial", "digital art with foss", "interface basics", "UI", "krita"]
|
||||
slug = "digital-art-with-foss-episode-2"
|
||||
|
||||
|
|
@ -23,7 +23,7 @@ who don't know what free software is please read
|
|||
## Episode Notes
|
||||
|
||||
Krita's flexible workspace is really easy to customise according to our
|
||||
needs. In this video we se how to customise and create our own
|
||||
needs. In this video we see how to customise and create our own
|
||||
workspace. We also learn about dockers in Krita.
|
||||
|
||||
## Episode Credits
|
||||
|
|
|
|||
|
|
@ -5,12 +5,12 @@ tags = ["Krita", "CC-BY", "open source", "tutorials" ]
|
|||
thumb = "/img/videos-thumbs/daef-thumb-01.jpg"
|
||||
description = "In this episode we will learn how to navigate around the canvas in Krita using shortcuts and gui tools"
|
||||
keywords = ["krita", "Basics", "Tutorial", "digital art with foss", "interface basics", "UI", "krita"]
|
||||
slug = "digital-art-with-foss-expisode-03"
|
||||
slug = "digital-art-with-foss-episode-03"
|
||||
+++
|
||||
|
||||
In this episode we will learn how to navigate around the canvas in
|
||||
Krita. This video will have lots of shortcut so for your convenience I
|
||||
have prepared a pdf with list of these shortcuts as a pdf with all the
|
||||
have prepared a PDF with list of these shortcuts as a PDF with all the
|
||||
shortcuts mentioned in this video, you can download it from the link
|
||||
[here](https://raghukamath.com/course/ep03/Krita-navigation-shortcuts.pdf).
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ tags = ["Krita", "CC-BY", "open source", "tutorials" ]
|
|||
thumb = "/img/videos-thumbs/daef-thumb-01.jpg"
|
||||
description = "This is the fifth episode in the series on digital art with free and open source software. This episode covers concept of Layers in Digital painting."
|
||||
keywords = ["krita", "Basics", "Tutorial", "digital art with foss", "interface basics", "UI", "krita" ]
|
||||
slug = "digital-art-with-foss-espisode-5"
|
||||
slug = "digital-art-with-foss-episode-5"
|
||||
|
||||
+++
|
||||
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@ title = "Festival of lights - timelapse painting"
|
|||
date = "2016-12-24T16:07:00+05:30"
|
||||
tags = ["process"]
|
||||
thumb = "/img/process-fol-thumb.jpg"
|
||||
description = "I got an opportunity to be included in the first Krita Artbook. This is a timelapse video of the painting."
|
||||
description = "I got an opportunity to be included in the first Krita Art book. This is a time lapse video of the painting."
|
||||
keywords = ["diwali", "lights", "illustration", "process", "tutorial", "speed painting", "krita", "linux artists", "krita artbook"]
|
||||
slug ="festival-of-lights-timelapse-painting"
|
||||
slug ="festival-of-lights-time-lapse-painting"
|
||||
+++
|
||||
|
||||
I am grateful to krita foundation for giving me an opportunity of getting published among the fine artists from all over the world. My illustration is chosen for the first artbook by Krita foundation called **Made with Krita**. This artbook will be given as rewards for the backer of the kickstarter [campaign](https://www.kickstarter.com/projects/krita/krita-2016-lets-make-text-and-vector-art-awesome)
|
||||
I am grateful to krita foundation for giving me an opportunity of getting published among the fine artists from all over the world. My illustration is chosen for the first art book by Krita foundation called **Made with Krita**. This art book will be given as rewards for the backer of the kick-starter [campaign](https://www.kickstarter.com/projects/krita/krita-2016-lets-make-text-and-vector-art-awesome)
|
||||
|
||||
I recorded the process of the painting, below is the timelapse video of the process.
|
||||
I recorded the process of the painting, below is the time lapse video of the process.
|
||||
|
||||
{{< video src="/videos/Festival-of-lights-Made-in-Krita.mp4" poster="festival-of-light.jpg" type="mp4" >}}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "Seamless Handmade Textures"
|
||||
date = "2019-11-30T12:17:00+05:30"
|
||||
tags = ["open source", "textures", "resources", "cc-by-sa"]
|
||||
tags = ["open source", "textures", "resources", "CC-BY-SA"]
|
||||
thumb = "/journal/handmade-texture/handmade-texture-thumb-600.jpg"
|
||||
description = "Sharing some of the handmade texture that I created with Krita while working on various projects"
|
||||
keywords = "Krita, handmade texture, texture pack, krita, linux, cc-by, free"
|
||||
|
|
@ -12,41 +12,42 @@ keywords = "Krita, handmade texture, texture pack, krita, linux, cc-by, free"
|
|||
|
||||
I am sharing these free seamless handmade or hand-painted textures.These were made while I was working on various projects. Not all are hand-painted some are scanned and prepared from the original item, for example, the cartridge texture is a scan of a paper, some might have made by using resources in the public domain. These are shared under [CC-BY-SA](https://creativecommons.org/licenses/by-sa/4.0/) license, so you are free to reuse modify or share these. I have added all these to a Gitlab [repository](https://gitlab.com/raghukamath/Handmade-textures) and I'll be updating and adding more to this repository as and when I make a new texture. I also welcome any contribution to this repository. You can download the entire repository along with the textures and their source files from [here](https://gitlab.com/raghukamath/Handmade-textures/-/archive/master/Handmade-textures-master.zip). If you want to download individual textures click on the thumbnails below.
|
||||
|
||||
|
||||
<div class="grid-of-three">
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"> <a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/001-cement-texture-hires.png"><img src="/journal/handmade-texture/001-cement-texture.jpg" alt="free seamless cement texture"></a>
|
||||
Cement plaster texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/001-cement-texture.jpg" alt="free seamless cement texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/001-cement-texture-hires.png">
|
||||
Cement plaster texture</a></p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/002-brick-seamless-hires.png"><img src="/journal/handmade-texture/002-brick-seamless.jpg" alt="free seamless brick texture"></a>
|
||||
Seamless brick texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/002-brick-seamless.jpg" alt="free seamless brick texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/002-brick-seamless-hires.png">Seamless brick texture</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/003-leaves-seamless-hires.png"><img src="/journal/handmade-texture/003-leaves-seamless.jpg" alt="free seamless fallen leaves texture"></a>
|
||||
A heap of green leaves</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/003-leaves-seamless.jpg" alt="free seamless fallen leaves texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/003-leaves-seamless-hires.png">A heap of green leaves</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/004-cartridge-texture-hires.png"><img src="/journal/handmade-texture/004-cartridge-texture.jpg" alt="free seamless cartridge paper texture"></a>
|
||||
Seamless cartridge paper texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/004-cartridge-texture.jpg" alt="free seamless cartridge paper texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/004-cartridge-texture-hires.png">Seamless cartridge paper texture</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/005-mdf-seamless-hires.png"><img src="/journal/handmade-texture/005-mdf-seamless.jpg" alt="free seamless mdf panel texture"></a>
|
||||
Seamless MDF board texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/005-mdf-seamless.jpg" alt="free seamless mdf panel texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/005-mdf-seamless-hires.png">Seamless MDF board texture</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/006-wall-plaster-hires.png"><img src="/journal/handmade-texture/006-wall-plaster.jpg" alt="free seamless wall plaster texture"></a>
|
||||
Seamless wall plaster texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/006-wall-plaster.jpg" alt="free seamless wall plaster texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/raw/master/kra/output/hires/006-wall-plaster-hires.png">Seamless wall plaster texture</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="work-post">
|
||||
<p class="raw-para"><a class="thumb" target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/-/raw/master/kra/output/hires/007-mosaic-tiles-hires.png"><img src="/journal/handmade-texture/007-mosaic-tiles-lowres.jpg" alt="free seamless cement mosaic texture"></a>
|
||||
Seamless cement mosaic texture</p>
|
||||
<div>
|
||||
<p class="raw-para"><img src="/journal/handmade-texture/007-mosaic-tiles-lowres.jpg" alt="free seamless cement mosaic texture"><a target="_blank" href="https://gitlab.com/raghukamath/Handmade-textures/-/raw/master/kra/output/hires/007-mosaic-tiles-hires.png">Seamless cement mosaic texture</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ I have done some professional illustration in Inkscape but they were not so deta
|
|||
|
||||
I am drawing an owl which is directing an orchestra in the twilight of a moon. I tried to keep the colors to minimum may be around shades of blue and yellow and slight oranges here and there.
|
||||
|
||||
At first I scan my initial very rough and ugly sketch of an Owl on a a5 notepad paper. For scanning my artworks I use a software called [Xsane](http://www.xsane.org/xsane-introduction.html). It is very feature complete and simple to use and does what I want without the need of tinkering too much.
|
||||
At first I scan my initial very rough and ugly sketch of an Owl on a A5 notepad paper. For scanning my artworks I use a software called [Xsane](http://www.xsane.org/xsane-introduction.html). It is very feature complete and simple to use and does what I want without the need of tinkering too much.
|
||||
|
||||
|
||||
|
||||
|
|
@ -40,7 +40,7 @@ You can see the time-lapse of the process in the video below.
|
|||
|
||||
{{< video src="/videos/Twilight_Orchestra_Krita_Inkscape.mp4" poster="owl-video-thumb.jpg" type="mp4" >}}
|
||||
|
||||
The finished vector illustration is below, you can click the image to get the original vector file in svg format. The artwork is under [CC-By-SA 4.0 License.](https://creativecommons.org/licenses/by-sa/4.0/)
|
||||
The finished vector illustration is below, you can [download](https://raghukamath.com/img/owl/owl.svg) the original vector file in svg format. The artwork is under [CC-By-SA 4.0 License.](https://creativecommons.org/licenses/by-sa/4.0/)
|
||||
|
||||
<a class="nostyle" href="https://raghukamath.com/img/owl/owl.svg"><img src="/img/owl/owl-finished.jpg" alt="Ownl Sketch"></a>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ date = "2016-11-12T00:30:00+05:30"
|
|||
tags = ["open source", "brush-packs", "resources", "krita"]
|
||||
thumb = "/img/brushpackv2-thumb.jpg"
|
||||
description = "Some of my brushes that I use while painting with Krita. free to download, use and modify."
|
||||
keywords = ["Krita", "brush bundle", "brush pack", "krita", "linux", "krita 3"]
|
||||
keywords = ["Krita", "brush bundle", "brush pack", "krita", "Linux", "krita 3"]
|
||||
slug = "brush-pack-for-krita-v20"
|
||||
|
||||
+++
|
||||
|
|
@ -19,7 +19,7 @@ presets to the pack and also tweaked some of the brushes to utilise
|
|||
newly added parameter in Krita such as
|
||||
[ratio](https://docs.krita.org/Parameters#Ratio). I have also reduced
|
||||
the brush tip images used in the pack and utilised the default auto
|
||||
tips. An example config can be seen in the image below.
|
||||
tips. An example configuration can be seen in the image below.
|
||||
|
||||
|
||||
|
||||
|
|
@ -43,9 +43,9 @@ just search for pack01 in the brush filter. Go [here](https://docs.krita.org/en/
|
|||
|
||||
This time I have also created a bundle file for this pack, you can
|
||||
download the bundle file from [this
|
||||
repo](https://gitlab.com/raghukamath/krita-brush-presets/blob/master/bundles/Raghukamath-Brush-Pack.bundle).
|
||||
repository](https://gitlab.com/raghukamath/krita-brush-presets/blob/master/bundles/Raghukamath-Brush-Pack.bundle).
|
||||
|
||||
I have added these brushes to a gitlab repository
|
||||
I have added these brushes to a Gitlab repository
|
||||
[here](https://gitlab.com/raghukamath/krita-brush-presets), so you can
|
||||
fork it or add suggestions there.
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ keywords = ["Krita sprint 2018", "Krita", "Sprint", "FOSS", "ditital art softwar
|
|||
I had an awesome opportunity to be a part of this years
|
||||
[Krita](https://krita.org/en/) sprint in The Netherlands. Once in a
|
||||
while artists and developers who are working in Krita meet to discuss
|
||||
bugs, improvements and roadmap for Krita. The Sprint was organised by
|
||||
bugs, improvements and road map for Krita. The Sprint was organised by
|
||||
the Krita Foundation and KDE e.V.
|
||||
|
||||
I got to meet all the people that I know only by IRC nicknames. Boud and
|
||||
|
|
@ -18,7 +18,7 @@ Irina were excellent hosts and made sure that everyone was feeling
|
|||
comfortable. I started working with [Wolthera](http://wolthera.info/)
|
||||
and [Timothée](http://timotheegiet.com), porting the remaining pages of
|
||||
the manual in the tutorial section to Sphinx. We are porting the manual
|
||||
from MediaWiki to Sphinx to make sure you can download the manual in pdf
|
||||
from Media Wiki to Sphinx to make sure you can download the manual in pdf
|
||||
form for offline use.
|
||||
|
||||
I met Valarii Malov who is doing an awesome job maintaining the graphics
|
||||
|
|
@ -45,7 +45,7 @@ the resource management, I hope the future version of Krita will have
|
|||
awesome resource management.
|
||||
|
||||
Boud gave us his hardware and graphics tablet to try and test, We also
|
||||
had fun booting up ubuntu on his Wacom mobile studio. Apart from some
|
||||
had fun booting up Ubuntu on his Wacom mobile studio. Apart from some
|
||||
hiccup while using the touch keyboard everything worked out of the box.
|
||||
|
||||
We also discussed the pending things that need to be finished and
|
||||
|
|
|
|||
|
|
@ -13,8 +13,7 @@ keywords = "Swatantra 2017, icfoss, raghukamath, kerala, trivandrum, open source
|
|||
by Govt. of Kerala, with a goal to spread free software knowledge by
|
||||
connecting and collaborating with international free software
|
||||
communities and organisations. I was invited to be a part of their
|
||||
triennial conference called
|
||||
[Swatantra](https://en.wikipedia.org/wiki/Swatantra_2014) 2017. There
|
||||
triennial conference called [Swatantra](https://en.wikipedia.org/wiki/Swatantra_2014) 2017. There
|
||||
were close to 22 speakers from all over the world and this time there
|
||||
was a section on art in open source. This is the first time that a free
|
||||
software conference in India had a section focused on art.
|
||||
|
|
@ -23,21 +22,19 @@ The venue was a nice heritage hotel in Trivandrum, Kerala. Trivandrum is
|
|||
a fantastic city, it is calmer and laid back when compared to Mumbai, it
|
||||
has some Art-deco styled buildings which are often fused with
|
||||
traditional Kerala style architecture. Spent a wonderful time there with
|
||||
[David Revoy](http://www.davidrevoy.com/) , [Timothée
|
||||
Giet](http://timotheegiet.com/blog/), [Praveen](http://www.j4v4m4n.in/),
|
||||
[David Revoy](http://www.davidrevoy.com/) , [Timothée Giet](http://timotheegiet.com/blog/), [Praveen](http://www.j4v4m4n.in/),
|
||||
Sumantro, Yogesh, Aruna, other free software enthusiasts from
|
||||
[fsci](http://fsci.org.in/). It was wonderful to meet Arun, Abhas and
|
||||
also Nishant who records music on Linux!
|
||||
|
||||
At the conference we were greeted by goodies, they gave us an awesome
|
||||
bag, USB and other items. The conference started with a keynote speech
|
||||
from [Karen
|
||||
Sandler](https://sfconservancy.org/news/2017/dec/22/karen-swatantra/),
|
||||
from [Karen Sandler](https://sfconservancy.org/news/2017/dec/22/karen-swatantra/),
|
||||
followed by amazing sessions by David Revoy who explained the making of
|
||||
[Pepper & Carrot](https://www.peppercarrot.com/) ,
|
||||
[Sumantro](https://fedoraproject.org/wiki/User:Sumantrom) explained how
|
||||
to contribute to Fedora, [Aruna](https://twitter.com/arunasank) spoke
|
||||
about how foss empowered her. Timothée showed us how to animate in
|
||||
about how FOSS empowered her. Timothée showed us how to animate in
|
||||
Synfig and the journey of Gcompris until now. There were many speakers
|
||||
and parallel sessions and I was confused in choosing which ones to
|
||||
attend:).
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ slug = "the-hunt-timelapse-painting"
|
|||
+++
|
||||
|
||||
I recorded my screen during the last painting session. It took me 5hrs
|
||||
to do this piece the video is speeded up so that it can fit in 5
|
||||
to do this piece the video is sped up so that it can fit in 5
|
||||
minutes. I plan to record more such painting it helps me to find weak
|
||||
points in my work flow :)
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ date = "2015-11-30T23:27:00+05:30"
|
|||
thumb = "/img/speed-painting-thumb.jpg"
|
||||
tags = ["process"]
|
||||
description = "2hr speed-painting in krita. I tried to finish this painting in 2 hr, I might have taken 5-10 minutes extra :) "
|
||||
keywords = "speed painting, krita, linux, floss painting"
|
||||
keywords = "speed painting, krita, Linux, floss painting"
|
||||
|
||||
+++
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ copy or redistribute the content and artwork.
|
|||
|
||||
All the original content and images in this website created by me, unless specifically stated, are licensed under the - Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0). You can share the artwork as long as you follow the following terms:
|
||||
|
||||
- **Attribution** --- You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
|
||||
- **Attribution** --- You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licenser endorses you or your use.
|
||||
- **Share Alike** --- If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
|
||||
|
||||
**No additional restrictions** --- You may not apply legal terms or
|
||||
|
|
@ -31,4 +31,4 @@ All the code shared in this website is under [General Public License Version-3](
|
|||
|
||||
## Fonts
|
||||
|
||||
Fonts used in this website is [Lato](http://www.lukaszdziedzic.eu/#Lato) designed by [Łukasz Dziedzic](http://www.lukaszdziedzic.eu), which is licensed under [Open Font License](http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web).
|
||||
Fonts used in this website is [Inter](https://rsms.me/inter/) designed by [Rasmus Andersson](https://rsms.me), which is licensed under [Open Font License](http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web).
|
||||
|
|
|
|||
|
|
@ -69,12 +69,6 @@ generated token ("Session") will be stored as a cookie in your browser in order
|
|||
to remember you on future visits. If you are not logged in, no cookies will be
|
||||
stored in your browser
|
||||
|
||||
### Spam service by Akismet
|
||||
|
||||
The commenting system that I use on this website uses [Akismet](https://akismet.com/)
|
||||
automatic spam filtering, they may store and use some of your data for spam filteration
|
||||
process. I request you to read their privacy policy too.
|
||||
|
||||
## Data protection
|
||||
|
||||
The log files which record your IP address and the data collected for the
|
||||
|
|
@ -91,3 +85,4 @@ actually belongs to you unless I am sure, I won't oblige to the request.
|
|||
|
||||
Thank you for taking time to read this, if you have any more questions please
|
||||
feel free to email me - raghu@raghukamath.com.
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
title: Reading
|
||||
type: page
|
||||
layout: static
|
||||
---
|
||||
|
||||
# Reading List
|
||||
|
||||
I will try to maintain a list of books and e-books that I am currently reading and plan to read in future.
|
||||
|
||||
|
||||
## Currently Reading 📖
|
||||
|
||||
|
||||
|Title | Author | Started on |
|
||||
|:------:|:------------------:|:--------------:|
|
||||
|[रश्मिरथी](https://en.wikipedia.org/wiki/Rashmirathi) | श्री रामधारी सिंह "दिनकर" | 21 July 2020 |
|
||||
|
||||
|
||||
|
||||
|
|
@ -5,13 +5,13 @@ workthumb = "/img/D-klog-thumb-300x300.jpg"
|
|||
thumb = "/img/D-klog-thumb-600.jpg"
|
||||
tags = ["realistic"]
|
||||
client = "pidilite"
|
||||
keywords = ["Pidilite", "illustrations", "d-klog", "pidilite india", "krita", "linux", "floss painting"]
|
||||
keywords = ["Pidilite", "illustrations", "d-klog", "pidilite india", "krita", "Linux", "floss painting"]
|
||||
slug = "illustration-for-pidilite-dklog"
|
||||
description = "An Illustration done for Pidilite D-klog. This illustration was completely done in Krita on a linux system"
|
||||
description = "An Illustration done for Pidilite D-klog. This illustration was completely done in Krita on a Linux system"
|
||||
+++
|
||||
|
||||
An Illustration done for Pidilite D-klog. This illustration was
|
||||
completely done in Krita on a linux system
|
||||
completely done in Krita on a Linux system
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@ title = "JSW Steel India"
|
|||
date = "2017-08-17T19:18:00+05:30"
|
||||
workthumb = "/img/jsw-steel-thumb-300x300.jpg"
|
||||
thumb = "/img/jsw-steel-thumb-600.jpg"
|
||||
tags = ["3D"]
|
||||
tags = ["3D", "commission"]
|
||||
client = "JSW Steel"
|
||||
desciption = "A map of India created with steel elements"
|
||||
description = "A map of India created with steel elements"
|
||||
keywords = ["3d", "blender", "india", "illustrations", "JSW steel", "Steel building", "India steel"]
|
||||
+++
|
||||
|
||||
This commisioned illustration was for [JSW Steel
|
||||
This commissioned illustration was for [JSW Steel
|
||||
India](https://en.wikipedia.org/wiki/JSW_Steel_Ltd) , they wanted a map
|
||||
of India created from steel structures, to denote that steel powers the
|
||||
infrastructure in India. This was a collaboration with Prasad Kulkarni
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
+++
|
||||
title = "Tapri"
|
||||
title = "Tapri - An Indian Tea Stall"
|
||||
date = "2015-11-30T16:42:00+05:30"
|
||||
workthumb = "/img/tapri-thumb-300x300.jpg"
|
||||
thumb = "/img/tapri-thumb-600.jpg"
|
||||
|
|
@ -8,8 +8,6 @@ description = "A small series of illustrations depicting people and things that
|
|||
keywords = ["Indian Tea Stalls", "Travel", "Tea India", "India", "Tea maker", "Tea seller"]
|
||||
+++
|
||||
|
||||
## An Indian Tea Stall
|
||||
|
||||
A small series of illustrations depicting people and things that I saw
|
||||
at Tapri (Indian roadside Tea-stalls) at various places. Tapri is a
|
||||
place where we relax, gossip, hangout, chalk out business plans,
|
||||
|
|
@ -18,7 +16,7 @@ related to this place. If you have one please share, I will be glad to
|
|||
listen.
|
||||
|
||||
Now you can buy the prints from my society6 page
|
||||
[here](https://society6.com/product/tapri-indian-tea-stall-5fc_print#1=1).
|
||||
[here](https://raghukamath.redbubble.com).
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ draft = "true"
|
|||
+++
|
||||
|
||||
A nostalgic memory of catching and playing with tadpoles, while returning from school. the paddy fields used to have millions of them. Exploring some brushes and painterly style in Krita.
|
||||
The joy of mixing color on canvas is truly amazing and Krita highlights that aspect very much even in digital space.
|
||||
The joy of mixing colour on canvas is truly amazing and Krita highlights that aspect very much even in digital space.
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -5,17 +5,17 @@ workthumb = "/img/festival-of-light-thumb.jpg"
|
|||
thumb = "/img/festival-of-light-thumb-600.jpg"
|
||||
tags = ["realistic"]
|
||||
client = "Krita foundation"
|
||||
description = "A Illustration done for Krita Artbook submission"
|
||||
description = "A Illustration done for Krita Art book submission"
|
||||
keywords = ["floss painting", "digital painting tutorial", "krita timelapse", "timelapse", "floss art", "made in krita", "artbook", "krita"]
|
||||
slug = "festival-of-lights"
|
||||
+++
|
||||
|
||||
An illustration done for first Krita artbook by Krita foundation called
|
||||
**Made with Krita**. This artbook will be given as a reward for backers
|
||||
of the Krita\'s kickstarter
|
||||
An illustration done for first Krita art book by Krita foundation called
|
||||
**Made with Krita**. This art book will be given as a reward for backers
|
||||
of the Krita\'s kick-starter
|
||||
[campaign](https://www.kickstarter.com/projects/krita/krita-2016-lets-make-text-and-vector-art-awesome).
|
||||
|
||||
You can order the artbook from the krita foundation through this
|
||||
You can order the art book from the krita foundation through this
|
||||
[link](https://gumroad.com/l/LLUIt#).
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,6 @@ workthumb = "/works/lemonade/lemonade-thumb-300.jpg"
|
|||
tags = ["personal", "cc-by"]
|
||||
keywords = ["lemon", "summer", "krita", "lady", "indian", "lime green"]
|
||||
description = "An Inking and coloring practice, I did last weekend. The theme was to create a refreshing illustration of a lady in summer"
|
||||
draft = "true"
|
||||
+++
|
||||
|
||||
An Inking and coloring practice, I did last weekend. The theme was to create a refreshing illustration of a lady in summer
|
||||
|
|
|
|||
|
|
@ -4,12 +4,12 @@ date = "2015-11-30T18:47:00+05:30"
|
|||
workthumb = "/img/thumb2-300x300.jpg"
|
||||
thumb = "/img/process-maharaja.jpg"
|
||||
tags = ["realistic", "personal", "CC-BY-SA"]
|
||||
description = "Maharaja – a character concept from a story that I am developing. This is done in FLOSS painting software Krita 2.9 on a linux system."
|
||||
keywords = ["maharaja", "india illustration", "mumbai", "linux digital art", "floss digital painting", "dictator portrait", "protrait illustrations"]
|
||||
description = "Maharaja – a character concept from a story that I am developing. This is done in FLOSS painting software Krita 2.9 on a Linux system."
|
||||
keywords = ["maharaja", "india illustration", "Mumbai", "Linux digital art", "floss digital painting", "dictator portrait", "portrait illustrations"]
|
||||
slug = "maharaja-concept-for-new-story"
|
||||
+++
|
||||
|
||||
Maharaja -- a character concept from a story that I am developing. This
|
||||
is done in FLOSS painting software Krita 2.9 on a linux system.
|
||||
is done in FLOSS painting software Krita 2.9 on a Linux system.
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -6,13 +6,13 @@ thumb = "/img/nutrela-lion-thumb-600.jpg"
|
|||
tags = ["realistic", "mascot"]
|
||||
client = "Design Orb, Ruchi Soya"
|
||||
description = "A Mascot design and illustration done for Nutrela plus soya chunks"
|
||||
keywords = ["ruchi soya", "illustration", "india", "lion illustration", "lion mascot", "nutrela mascot", "nutrela", "soya chunks", "soya for kids"]
|
||||
keywords = ["ruchi soya", "illustration", "India", "lion illustration", "lion mascot", "nutrela mascot", "nutrela", "soya chunks", "soya for kids"]
|
||||
slug = "mascot-for-nutrela"
|
||||
+++
|
||||
|
||||
I did a mascot illustration for Design Orb and [Ruchi
|
||||
soya](https://en.wikipedia.org/wiki/Ruchi_Soya). Ruchi Soya is the
|
||||
largest manufacturer of edible oil in india. They also produce Soya
|
||||
largest manufacturer of edible oil in India. They also produce Soya
|
||||
foods. This mascot will be used in package of Nutrela plus soya chunks,
|
||||
designed by Design orb.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title = "Shepherdess"
|
|||
date = 2019-09-21T21:00:34+05:30
|
||||
thumb = "/works/shepherdess/shepherdess-thumb-600.jpg"
|
||||
workthumb = "/works/shepherdess/shepherdess-thumb-300.jpg"
|
||||
tags = ["commission", "cc-by-sa"]
|
||||
tags = ["commission", "CC-BY-SA"]
|
||||
keywords = ["silk worm", "shepherdess", "krita", "lady", "indian", "small world"]
|
||||
description = "A commission artwork done for a friend. It is about a shepherdess who rears silkworms for a living."
|
||||
+++
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 302 KiB After Width: | Height: | Size: 300 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 193 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
|
@ -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 <raghu@raghukamath.com>",
|
||||
"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"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
'@fullhuman/postcss-purgecss': {
|
||||
content: [
|
||||
'./themes/bombil/layouts/**/*.html',
|
||||
'./themes/bombil/assets/js/*.js',
|
||||
'./themes/bombil/static/js/*.js',
|
||||
'./layouts/**/*.html',
|
||||
'./static/js/*.js'
|
||||
],
|
||||
whitelist: [
|
||||
'highlight',
|
||||
'pre',
|
||||
'video',
|
||||
'code',
|
||||
'content',
|
||||
'h3',
|
||||
'h4',
|
||||
'ul',
|
||||
'li'
|
||||
]
|
||||
},
|
||||
autoprefixer: {},
|
||||
cssnano: {preset: 'default'}
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
@ -3,17 +3,9 @@
|
|||
/* variables */
|
||||
|
||||
:root {
|
||||
|
||||
--line-height: 1.6;
|
||||
--size-base: 1em;
|
||||
--size-xs: 12px;
|
||||
--size-sm: 14px;
|
||||
--size-md: 1.5em;
|
||||
--size-lg: 2.25em;
|
||||
--size-xl: 3.375em;
|
||||
--size-xxl: 5.063em;
|
||||
--size-0: 0;
|
||||
|
||||
--base-root: 1.5rem;
|
||||
--base-relative: 1.5em;
|
||||
|
||||
/* colors */
|
||||
--gray: #565656;
|
||||
--black: #000;
|
||||
|
|
@ -25,7 +17,6 @@
|
|||
--light-gray: #EEE;
|
||||
|
||||
/* screens */
|
||||
--screen-palm: 970px;
|
||||
--screen-laptop: 1200px;
|
||||
|
||||
/* fonts */
|
||||
|
|
@ -34,7 +25,6 @@
|
|||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
font-size: 18px;
|
||||
scroll-behavior: smooth;
|
||||
animation: fade 0.45s;
|
||||
}
|
||||
|
|
@ -44,6 +34,11 @@ html {
|
|||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes slidein {
|
||||
from { transform: translate(0); }
|
||||
to { transform: translate(5px); }
|
||||
}
|
||||
|
||||
/* remove scroll for accessibility*/
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
|
|
@ -52,21 +47,76 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
*, *:before, *:after {
|
||||
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: var(--line-height);
|
||||
line-height: 1.65;
|
||||
color: var(--gray);
|
||||
fill: var(--gray);
|
||||
max-width: var(--screen-laptop);
|
||||
margin: 0 auto;
|
||||
padding: var(--size-md);
|
||||
}
|
||||
|
||||
/* typography */
|
||||
|
|
@ -78,85 +128,137 @@ 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 */
|
||||
|
||||
.site-header {
|
||||
font-size: .85em;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: var(--base-root);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
text-transform: uppercase;
|
||||
padding: var(--size-sm);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo svg {
|
||||
margin-right: var(--size-sm);
|
||||
margin-right: .5rem;
|
||||
}
|
||||
|
||||
/** js **/
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 720px) {
|
||||
.hide {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
border-bottom: 2px dotted 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;
|
||||
}
|
||||
|
|
@ -166,7 +268,7 @@ h6 {
|
|||
}
|
||||
|
||||
.nav-link {
|
||||
padding: var(--size-sm) var(--size-md);
|
||||
margin:0 calc(var(--base-root)*1.5) 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -175,86 +277,96 @@ h6 {
|
|||
}
|
||||
|
||||
.intro-text {
|
||||
margin: var(--size-xl) auto;
|
||||
margin: calc(var(--base-root)*2.5) auto;
|
||||
text-align: center;
|
||||
padding: var(--size-sm);
|
||||
padding: var(--base-root);
|
||||
}
|
||||
|
||||
.divider {
|
||||
display: block;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
overflow: visible;
|
||||
border-bottom: 1px dashed var(--secondary-gray);
|
||||
margin: var(--size-xl) var(--size-sm);
|
||||
border-bottom: 2px dotted var(--secondary-gray);
|
||||
margin: calc(var(--base-root)*1.75) var(--base-root);
|
||||
}
|
||||
|
||||
.content,
|
||||
.tag-title {
|
||||
padding: 0 var(--size-sm);
|
||||
}
|
||||
|
||||
.content .subdiv,
|
||||
.tag-list {
|
||||
margin: var(--size-md) 0;
|
||||
}
|
||||
|
||||
.content article,
|
||||
.content.about {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin: calc(var(--base-root)*1.75) var(--base-root);
|
||||
}
|
||||
|
||||
/* post navigation */
|
||||
.post-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: var(--size-lg);
|
||||
margin-bottom: var(--size-lg);
|
||||
margin-top: var(--base-root);
|
||||
margin-bottom: var(--base-root);
|
||||
border-top: 1px dashed var(--secondary-gray);
|
||||
border-bottom: 1px 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;
|
||||
}
|
||||
|
||||
.prev {
|
||||
margin-right: auto;
|
||||
padding: calc(var(--base-root)/3) 0;
|
||||
}
|
||||
|
||||
.post h2 {
|
||||
margin-top: calc(var(--base-relative)/2);
|
||||
margin-bottom: calc(var(--base-relative)/4);
|
||||
}
|
||||
|
||||
.list .summary {
|
||||
margin-top: var(--size-xs);
|
||||
margin-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dp img,
|
||||
.thumb img {
|
||||
border-radius: calc(var(--size-md) / 2);
|
||||
.thumb {
|
||||
border-radius: calc(var(--base-root) / 3);
|
||||
}
|
||||
|
||||
.related {
|
||||
margin-bottom: var(--size-xl);
|
||||
margin-bottom: calc(var(--base-root)*1.75);
|
||||
}
|
||||
|
||||
.comments {
|
||||
border-top: 1px dashed var(--secondary-gray);
|
||||
}
|
||||
|
||||
|
||||
/*single post*/
|
||||
.post-header h1 {
|
||||
margin-bottom: calc(var(--base-relative)/3);
|
||||
}
|
||||
|
||||
.post-text {
|
||||
margin: var(--base-root) 0;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
.single-page {
|
||||
margin-top: var(--size-xl);
|
||||
margin-top: calc(var(--base-relative)*2.5);
|
||||
}
|
||||
|
||||
.work-post .raw-para {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@media screen and (min-width: 720px) {
|
||||
.static {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* font size */
|
||||
|
||||
.size-small {
|
||||
font-size: var(--size-md);
|
||||
}
|
||||
|
||||
.intro-text,
|
||||
.content-max-width {
|
||||
max-width: 46.971em;
|
||||
max-width: 45rem;
|
||||
}
|
||||
|
||||
/* elements */
|
||||
|
|
@ -264,20 +376,14 @@ img {
|
|||
}
|
||||
|
||||
.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 {
|
||||
|
|
@ -291,25 +397,50 @@ a:hover {
|
|||
fill: var(--black);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
/* grids */
|
||||
.grid-of-three,
|
||||
.grid-of-two {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-gap: var(--size-lg);
|
||||
grid-gap: calc(var(--base-root)*1.75);
|
||||
margin-bottom: calc(var(--base-root)*1.75);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
@media screen and (min-width: 720px) {
|
||||
.grid-of-three {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: var(--size-lg);
|
||||
}
|
||||
|
||||
.grid-of-two {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-gap: var(--size-lg);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -320,22 +451,17 @@ a:hover {
|
|||
}
|
||||
|
||||
.arrow {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.dp {
|
||||
|
||||
text-align: center;
|
||||
margin-bottom: var(--size-xl);
|
||||
|
||||
}
|
||||
|
||||
.thumb {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -343,71 +469,66 @@ a:hover {
|
|||
max-width: 400px;
|
||||
}
|
||||
|
||||
.work-post:hover {
|
||||
filter: drop-shadow(0 0 0.25rem var(--gray));
|
||||
transition: filter 0.3s ease-in;
|
||||
}
|
||||
|
||||
.work-post,
|
||||
.post {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
@media screen and (min-width: 720px) {
|
||||
.post {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: var(--size-sm);
|
||||
margin-top: var(--size-xs);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.post-text p {
|
||||
margin-top: var(--size-md);
|
||||
margin-bottom: var(--size-md);
|
||||
}
|
||||
|
||||
.active,
|
||||
.post-text a,
|
||||
.link {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: var(--link-color);
|
||||
text-decoration-thickness: 3px;
|
||||
font-size: calc(var(--base-relative)/2);
|
||||
text-transform: capitalize;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.link,
|
||||
.post-text a {
|
||||
white-space: nowrap;
|
||||
.raw-para {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.raw-para a:hover {
|
||||
box-shadow: none;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.tag-cloud {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footer .tag-cloud {
|
||||
margin-top: var(--size-base);
|
||||
}
|
||||
|
||||
.footer .tag-list-item {
|
||||
margin-bottom: var(--size-xs);
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.tag-list-item {
|
||||
display: inline-block;
|
||||
margin-right: var(--size-xs);
|
||||
margin-bottom: calc(var(--base-root)/2);
|
||||
}
|
||||
|
||||
|
||||
.tag-link {
|
||||
padding: calc(var(--size-xs)/2);
|
||||
padding: calc(var(--base-root)/8) calc(var(--base-root)/4);
|
||||
background-color: var(--light-gray);
|
||||
border-radius: calc(var(--size-xs)/2);
|
||||
border-radius: calc(var(--base-root)/6);
|
||||
margin-right: calc(var(--base-root)/3);
|
||||
margin-bottom: calc(var(--base-root)/3);
|
||||
}
|
||||
|
||||
.tag-link:hover {
|
||||
|
|
@ -419,12 +540,6 @@ a:hover {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.post-text a:hover,
|
||||
.link:hover {
|
||||
background-color: var(--link-color);
|
||||
border-bottom: 0;
|
||||
box-shadow: 0 0 0 5px var(--link-color);
|
||||
}
|
||||
|
||||
.post-text .thumb {
|
||||
border-bottom: unset;
|
||||
|
|
@ -443,9 +558,15 @@ a:hover {
|
|||
}
|
||||
|
||||
.to-top {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
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: 124px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.video {
|
||||
|
|
@ -455,30 +576,6 @@ a:hover {
|
|||
|
||||
.time,
|
||||
.client{
|
||||
margin-right: var(--size-xs);
|
||||
}
|
||||
|
||||
/** js **/
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
.hide {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px) {
|
||||
.nav {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
#commento {
|
||||
margin-top: var(--size-sm);
|
||||
margin-right: calc(var(--base-root)/3);
|
||||
margin-bottom: calc(var(--base-root)/3);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
{{ range .Pages }}
|
||||
{{ if eq .Section "journal" }}
|
||||
<article class="post h-entry">
|
||||
<a class="thumb" href="{{ .RelPermalink }}">
|
||||
<img src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img class="thumb" src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
</a>
|
||||
<header>
|
||||
<h2 class="p-name"><a class="u-url title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
|
||||
|
|
@ -15,8 +15,8 @@
|
|||
</article>
|
||||
{{ else }}
|
||||
<article class="work-post">
|
||||
<a class="thumb" href="{{ .RelPermalink }}">
|
||||
<img src="{{ .Params.workthumb }}" alt="{{ .Title }}-thumb">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img class="thumb" src="{{ .Params.workthumb }}" alt="{{ .Title }}-thumb">
|
||||
</a>
|
||||
</article>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,19 +1,17 @@
|
|||
{{ define "main" }}
|
||||
<div class="intro-text">
|
||||
<p class="content-max-width h-card">Hi, I am <span class="p-name">Raghavendra Kamath</span> (raghukamath), an Illustrator from <span class="p-locality">Mumbai</span> <span class="p-country">India</span>.
|
||||
I use only Free (libre) and Open Source tools to create illustrations, comic book pages, book covers and visual for ads …
|
||||
<a href="{{ .Site.BaseURL }}about" class="link u-url u-uid">Read more about me <span class="arrow">→</span></a>
|
||||
<p class="intro-text"> Hi, I am Raghavendra Kamath (raghukamath), an Illustrator and Designer from Mumbai India.
|
||||
I use only Free (libre) and Open Source tools to create illustrations, comic book pages, book covers and visual for ads … <br>
|
||||
<a href="{{ .Site.BaseURL }}about" class="link">Read more about me <span class="arrow">→</span></a>
|
||||
</p>
|
||||
</div>
|
||||
<hr class="divider">
|
||||
{{.Content}}
|
||||
<section class="content">
|
||||
<h2>Portfolio</h2>
|
||||
<div class=" list grid-of-three subdiv">
|
||||
<div class="list grid-of-three">
|
||||
{{ range first 9 (where .Site.RegularPages "Section" "works") }}
|
||||
<div class="work-post">
|
||||
<a class="thumb" href="{{ .RelPermalink }}">
|
||||
<img src="{{ .Params.workthumb }}" alt="{{ .Title }}-thumb">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img class="thumb" src="{{ .Params.workthumb }}" alt="{{ .Title }}-thumb">
|
||||
</a>
|
||||
</div>
|
||||
{{ end}}
|
||||
|
|
@ -23,12 +21,12 @@
|
|||
<hr class="divider">
|
||||
<section class="content">
|
||||
<h2>Blogroll</h2>
|
||||
<div class="grid-of-two list subdiv h-feed">
|
||||
<div class="grid-of-two list h-feed">
|
||||
{{ range where .Site.RegularPages "Section" "journal" }}
|
||||
<article class="post h-entry">
|
||||
<header>
|
||||
<a class="thumb" href="{{ .RelPermalink }}">
|
||||
<img src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img class="thumb" src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
</a>
|
||||
<h2 class="p-name"><a class=" u-url title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
|
||||
{{- partial "meta-post.html" . -}}
|
||||
|
|
@ -38,4 +36,22 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
<section hidden class="u-author h-card">
|
||||
<div hidden>
|
||||
<img class="u-photo" src="https://raghukamath.com/img/dp.jpg" alt="profile picture of Raghavendra Kamath">
|
||||
<p>
|
||||
<a class="u-url" rel="me" href="{{.Site.BaseURL}}">
|
||||
<span class="p-name">Raghavendra Kamath</span>
|
||||
</a>
|
||||
<span class="p-nickname">
|
||||
raghukamath
|
||||
</span>
|
||||
<span class="p-org">emblik.sutdio </span>
|
||||
<span class="p-locality">Mumbai</span>
|
||||
<span class="p-country-name"> India</span>
|
||||
<span class="p-note">Illustrator, Designer, comic book lover and Free Software enthusiast. Founder emblik.studio</span>
|
||||
<a class="u-email" href="mailto:raghu@raghukamath.com">raghu at raghukamath dot com </a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
{{ define "main" }}
|
||||
<div class='single-page content {{ if eq .Title "about" }} about content-max-width {{end }}'>
|
||||
<main class='single-page content'>
|
||||
<div class="static content-max-width">
|
||||
{{ if eq .Title "about" }}
|
||||
<div class="h-card">
|
||||
<div class="dp"><img class="u-photo" src="{{.Site.BaseURL}}img/dp.jpg" alt="profile picture of Raghavendra Kamath"></div>
|
||||
<p class="drop-cap p-note">Hello my name is <span class="p-name">Raghavendra Kamath</span> AKA
|
||||
<span class="p-nickname">'raghukamath'</span>. I am an illustrator & designer living in a suburb of
|
||||
<span class="p-locality">Mumbai</span> called Badlapur in <span class="p-country"> India</span>.
|
||||
<div class="dp"><img src="{{.Site.BaseURL}}img/dp.jpg" alt="profile picture of Raghavendra Kamath"></div>
|
||||
<p class="drop-cap">Hello my name is Raghavendra Kamath AKA
|
||||
'raghukamath'. I am an illustrator & designer living in a suburb of
|
||||
Mumbai called Badlapur in India.
|
||||
</p>
|
||||
|
||||
<p>I have been illustrating in a variety of styles since {{ sub now.Year 2009 }} years.
|
||||
|
|
@ -18,9 +18,9 @@
|
|||
<p>I am also a supporter of open source movement for the past {{ sub now.Year 2014 }} years, my workflow involves use of
|
||||
opensource tools which provide robust flexibility and great output. In my free time I enjoy reading about new opensource projects and if possible I often passionately try to help them.</p>
|
||||
<p> My recent hobby is to learn some programing languages such as C++, Python and Javascript.</p>
|
||||
<p> Drop me a line at <a class="link u-email" rel="me" href="mailto:raghu@raghukamath.com?Subject=enquiry">raghu@raghukamath.com</a>.
|
||||
<p> Drop me a line at <a class="link" href="mailto:raghu@raghukamath.com?Subject=enquiry">raghu at raghukamath dot com</a>.
|
||||
I am mostly available online on <a href="https://kiwiirc.com/client">IRC</a> at freenode as <b>raghukamath</b> or on
|
||||
<a href="https://riot.im">Matrix</a> as <b>@raghukamath@matrix.org</b>. You can also follow me on
|
||||
<a href="https://riot.im">Matrix</a> as <b>@raghukamath:matrix.org</b>. You can also follow me on
|
||||
<a href="http://mastodon.art/@raghukamath">Mastodon</a> or check my doodles and processes on my
|
||||
<a href= "{{.Site.BaseURL }}journal">journal</a>.
|
||||
</p>
|
||||
|
|
@ -33,9 +33,12 @@
|
|||
<ul>
|
||||
<li><a href="https://freetalk.show/005/" class="link">Interview by Abhas for Free Talk Show</a></li>
|
||||
<li><a href="https://krita.org/en/item/interview-with-raghavendra-kamath/" class="link">Interview on Krita.org</a></li>
|
||||
</div>
|
||||
</ul>
|
||||
<h3><a class="link" href="{{.Site.BaseURL}}/reading">My Reading List →<a/></h3>
|
||||
|
||||
{{ else }}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -2,4 +2,5 @@
|
|||
<h2>Comments</h2>
|
||||
<div id="commento"></div>
|
||||
<script src="https://commento.emblik.studio/js/commento.js"></script>
|
||||
<noscript> Comments on this website require javascript to be enabled, but I respect your decision to disable it. You can mail me your comment at <a class="link" href="mailto:raghu@raghukamath.com?Subject=comment on {{ .Title }}">raghu at raghukamath dot com</a></noscript>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -12,32 +12,34 @@
|
|||
<section class="content">
|
||||
<h3>Quick Links</h3>
|
||||
<p>
|
||||
<a target="_blank" href="https://www.paypal.me/raghukamath">Donate</a> –
|
||||
<a rel="noreferrer nofollow" target="_blank" href="https://www.paypal.me/raghukamath">Donate</a> –
|
||||
<a href="https://box.raghukamath.com/cloud/index.php/s/2dbZ8tyaFcPqABK">Source Files</a> –
|
||||
<a href="{{ .Site.BaseURL }}tutorials">Tutorials</a> –
|
||||
<a href="{{ .Site.BaseURL }}talks">Talks</a> –
|
||||
<a rel="me" target="_blank" href="http://mastodon.art/@{{ .Site.Data.usernames.mastodon }}">Mastodon</a> –
|
||||
<a rel="me" target="_blank" href="https://dribbble.com/raghukamath">Dribbble</a> –
|
||||
<a rel="me" target="_blank" href="https://raghukamath.redbubble.com">Prints on Redbubble</a> –
|
||||
<a rel="me" target="_blank" href="https://gitlab.com/{{ .Site.Data.usernames.gitlab }}">Gitlab</a> –
|
||||
<a href="{{ .Site.BaseURL }}reading">Reading List</a> –
|
||||
<a rel="noreferrer nofollow" target="_blank" href="http://mastodon.art/@{{ .Site.Data.usernames.mastodon }}">Mastodon</a> –
|
||||
<a rel="noreferrer nofollow" target="_blank" href="https://dribbble.com/raghukamath">Dribbble</a> –
|
||||
<a rel="noreferrer nofollow" target="_blank" href="https://raghukamath.redbubble.com">Prints on Redbubble</a> –
|
||||
<a rel="noreferrer nofollow" rel="me" target="_blank" href="https://gitlab.com/{{ .Site.Data.usernames.gitlab }}">Gitlab</a> –
|
||||
<!--<a href="{{ .Site.BaseURL }}/Shop">Shop</a>,-->
|
||||
{{ if .IsPage }}
|
||||
<a href="/index.xml">RSS Feed</a>
|
||||
{{ else }}
|
||||
<a href='{{ with .OutputFormats.Get "rss" -}}{{ .RelPermalink }}{{ end }}'>RSS Feed</a> {{ end }}
|
||||
<a href="/index.xml">RSS Feed</a>
|
||||
{{ else }}
|
||||
<a href='{{ with .OutputFormats.Get "rss" -}}{{ .RelPermalink }}{{ end }}'>RSS Feed</a> {{ end }}
|
||||
</p>
|
||||
</section>
|
||||
<section class="content">
|
||||
<h3>Privacy Policy, License and Copyright</h3>
|
||||
<p> All contents © copyright 2009 -
|
||||
{{ now.Year }} <a class="p-author h-card" rel="author" href="{{ .Site.BaseURL}}">Raghavendra Kamath</a> and
|
||||
{{ now.Year }} <a class="p-author" rel="author" href="{{ .Site.BaseURL}}">Raghavendra Kamath</a> and
|
||||
respective brands unless otherwise
|
||||
noted. All rights reserved. <a class="link" href="{{ .Site.BaseURL }}license">Read more</a> about the licenses.
|
||||
You can read the Privacy Policy and Terms of Service <a href="{{ .Site.BaseURL }}privacy" class="link">here</a>.
|
||||
noted. All rights reserved. Please read the <a class="link" href="{{ .Site.BaseURL }}license">Licenses page</a> and the <a href="{{ .Site.BaseURL }}privacy" class="link">Privacy Policy and Terms Of Service</a> for more detailed information.
|
||||
</p>
|
||||
</section>
|
||||
<p class="to-top"><a id="js-top"><b>↑ go to top ↑</b></a></p>
|
||||
<a class="to-top with-js" id="js-top">↑ go to top ↑</a>
|
||||
<noscript> <style> .with-js{display:none}</style><a class="to-top" href="#to-top">↑ go to top ↑</a></noscript>
|
||||
|
||||
</footer>
|
||||
{{ with resources.Get "js/main.js" | minify }}
|
||||
<script>{{ .Content | safeJS }}</script>
|
||||
{{ end }}
|
||||
{{ with resources.Get "js/main.js" | minify }}
|
||||
<script>{{ .Content | safeJS }}</script>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -33,18 +33,17 @@
|
|||
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}" />
|
||||
<meta name="keywords" content="{{with .Keywords}}{{ delimit . ", "}}{{ else }}{{ .Site.Params.keywords }}{{ end }}" />
|
||||
<meta name="author" content="{{ .Site.Params.author }}"/>
|
||||
{{ with resources.Get "css/main.css" | minify }}
|
||||
{{ with resources.Get "css/main.css" | postCSS | minify}}
|
||||
<style>{{ .Content | safeCSS }}</style>
|
||||
{{ end }}
|
||||
{{ $fonts := resources.Get "css/fonts.css" }}
|
||||
{{ $style := $fonts | resources.Minify | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $style.Permalink }}">
|
||||
{{ if ne .Title "404 Page not found" }}
|
||||
<link rel="canonical" href="{{ .Permalink }}" />
|
||||
{{ end }}
|
||||
<link href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
|
||||
<link rel="shortcut icon" href="{{ .Site.BaseURL}}/favicon.ico">
|
||||
<link rel="shortcut icon" href='data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<path fill="dimgray" d="M 1.5784245,1.29e-5 C 0.7043502,1.29e-5 5.62e-5,0.6304957 5.53e-5,1.411756 v 5.2368184 c -0.00722,0.734249 0.699614,0.8305 0.8965527,0.7296 C 1.8825073,7.1282664 2.8802978,6.6913154 3.8599187,6.0498173 5.6943191,4.8485862 7.1384599,3.0174608 7.9364507,0.9967327 8.0722667,0.7990405 8.0132097,-0.0036492 7.2839899,1.29e-5 Z M 14.278415,0.4991697 c -0.902174,3.3100647 -3.017011,6.4521807 -6.1258333,8.7955337 -0.205474,0.129347 -0.555404,0.7420766 0.05888,1.1680776 3.5232983,1.979652 6.5489023,4.753277 8.7268293,7.869792 0.318455,0.455606 0.737799,0.335579 0.895162,0.286448 0.542041,-0.221794 0.916598,-0.708904 0.916598,-1.278922 V 1.411756 C 18.750052,0.6304957 18.047588,1.29e-5 17.173513,1.29e-5 h -2.23938 c -0.495735,0.022885 -0.64281,0.420673 -0.655722,0.4991568 z M 5.53e-5,13.595595 v 3.744504 c 0,0.781261 0.7042949,1.409913 1.5783692,1.409913 H 9.4629447 C 10.242846,18.700784 10.276682,17.872375 9.9543667,17.560986 8.7135277,16.312972 7.2834865,15.243361 5.7678772,14.447033 4.0553405,13.54724 2.3478326,13.034491 0.7538165,12.90386 0.6112358,12.886553 0.0403387,12.9628 5.53e-5,13.595595 Z"/>
|
||||
</svg>'>
|
||||
<link rel="me" href="https://mastodon.art/@{{ .Site.Data.usernames.mastodon }}"/>
|
||||
<link rel="author" href="https://mastodon.art/@{{ .Site.Data.usernames.mastodon }}"/>
|
||||
<link rel="me" href="https://twitter.com/@{{ .Site.Data.usernames.twitter }}"/>
|
||||
<link rel="me" href="https://twitter.com/{{ .Site.Data.usernames.twitter }}"/>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,21 @@
|
|||
<header class="site-header">
|
||||
<a class="logo" href="{{ .Site.BaseURL }}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<path d="M 1.5784245,1.29e-5 C 0.7043502,1.29e-5 5.62e-5,0.6304957 5.53e-5,1.411756 v 5.2368184 c -0.00722,0.734249 0.699614,0.8305 0.8965527,0.7296 C 1.8825073,7.1282664 2.8802978,6.6913154 3.8599187,6.0498173 5.6943191,4.8485862 7.1384599,3.0174608 7.9364507,0.9967327 8.0722667,0.7990405 8.0132097,-0.0036492 7.2839899,1.29e-5 Z M 14.278415,0.4991697 c -0.902174,3.3100647 -3.017011,6.4521807 -6.1258333,8.7955337 -0.205474,0.129347 -0.555404,0.7420766 0.05888,1.1680776 3.5232983,1.979652 6.5489023,4.753277 8.7268293,7.869792 0.318455,0.455606 0.737799,0.335579 0.895162,0.286448 0.542041,-0.221794 0.916598,-0.708904 0.916598,-1.278922 V 1.411756 C 18.750052,0.6304957 18.047588,1.29e-5 17.173513,1.29e-5 h -2.23938 c -0.495735,0.022885 -0.64281,0.420673 -0.655722,0.4991568 z M 5.53e-5,13.595595 v 3.744504 c 0,0.781261 0.7042949,1.409913 1.5783692,1.409913 H 9.4629447 C 10.242846,18.700784 10.276682,17.872375 9.9543667,17.560986 8.7135277,16.312972 7.2834865,15.243361 5.7678772,14.447033 4.0553405,13.54724 2.3478326,13.034491 0.7538165,12.90386 0.6112358,12.886553 0.0403387,12.9628 5.53e-5,13.595595 Z"/>
|
||||
</svg>raghukamath</a>
|
||||
<div id="js-button" class="hamberger">
|
||||
☰
|
||||
</div>
|
||||
<header id="to-top" class="site-header">
|
||||
<a class='logo' href="{{ .Site.BaseURL }}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<path fill="currentColor" d="M 1.5784245,1.29e-5 C 0.7043502,1.29e-5 5.62e-5,0.6304957 5.53e-5,1.411756 v 5.2368184 c -0.00722,0.734249 0.699614,0.8305 0.8965527,0.7296 C 1.8825073,7.1282664 2.8802978,6.6913154 3.8599187,6.0498173 5.6943191,4.8485862 7.1384599,3.0174608 7.9364507,0.9967327 8.0722667,0.7990405 8.0132097,-0.0036492 7.2839899,1.29e-5 Z M 14.278415,0.4991697 c -0.902174,3.3100647 -3.017011,6.4521807 -6.1258333,8.7955337 -0.205474,0.129347 -0.555404,0.7420766 0.05888,1.1680776 3.5232983,1.979652 6.5489023,4.753277 8.7268293,7.869792 0.318455,0.455606 0.737799,0.335579 0.895162,0.286448 0.542041,-0.221794 0.916598,-0.708904 0.916598,-1.278922 V 1.411756 C 18.750052,0.6304957 18.047588,1.29e-5 17.173513,1.29e-5 h -2.23938 c -0.495735,0.022885 -0.64281,0.420673 -0.655722,0.4991568 z M 5.53e-5,13.595595 v 3.744504 c 0,0.781261 0.7042949,1.409913 1.5783692,1.409913 H 9.4629447 C 10.242846,18.700784 10.276682,17.872375 9.9543667,17.560986 8.7135277,16.312972 7.2834865,15.243361 5.7678772,14.447033 4.0553405,13.54724 2.3478326,13.034491 0.7538165,12.90386 0.6112358,12.886553 0.0403387,12.9628 5.53e-5,13.595595 Z"/>
|
||||
</svg>raghukamath</a>
|
||||
<button id="js-button" aria-label="Open Menu" class="hamberger">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<path d="M 1.8181819,0 C 0.81090905,0 0,0.81090905 0,1.8181819 0,2.8254547 0.81090905,3.6363637 1.8181819,3.6363637 H 18.181819 C 19.189091,3.6363637 20,2.8254547 20,1.8181819 20,0.81090905 19.189091,0 18.181819,0 Z m 0,8.1818183 C 0.81090905,8.1818183 0,8.9927276 0,10.000001 c 0,1.007272 0.81090905,1.818181 1.8181819,1.818181 H 18.181819 C 19.189091,11.818182 20,11.007273 20,10.000001 20,8.9927276 19.189091,8.1818183 18.181819,8.1818183 Z m 0,8.1818187 C 0.81090905,16.363637 0,17.174545 0,18.181819 0,19.189091 0.81090905,20 1.8181819,20 H 18.181819 C 19.189091,20 20,19.189091 20,18.181819 20,17.174545 19.189091,16.363637 18.181819,16.363637 Z" fill="currentColor" />
|
||||
</svg>
|
||||
</button>
|
||||
<nav id="js-dropdown" class="nav hide">
|
||||
<ul class="menu-list">{{ range .Site.Menus.main }}<li class='menu-item'><a href="{{ .URL }}" class='nav-link {{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }} active {{ end }} '>{{ .Name | upper }}</a></li>{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
<noscript> <style> #js-button, #js-dropdown {display:none;}</style>
|
||||
<nav class="nav">
|
||||
<ul class="menu-noscript">{{ range .Site.Menus.main }}<li class='menu-noscript-item'><a href="{{ .URL }}" class='{{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }} active {{ end }} '>{{ .Name | upper }}</a></li>{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
</noscript>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -7,10 +7,8 @@
|
|||
{{ with .Params.client }}<span class="meta client">Client: {{ . }}</span>{{ end }}
|
||||
{{ end }}
|
||||
{{ if .Params.tags }}
|
||||
<div>
|
||||
<ul class="tag-cloud tags meta">
|
||||
{{ range $index, $tag := .Params.tags }}<li class="tag-list-item"><a class="p-category tag-link" href="{{ "/" | relURL }}{{ . | urlize }}">{{ . }}</a></li>{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ range $index, $tag := .Params.tags }}
|
||||
<a class="p-category tag-link" href="{{ "/" | relURL }}{{ . | urlize }}">{{ . }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
{{ if or .PrevInSection .NextInSection }}
|
||||
<div class="post-nav">
|
||||
{{if .PrevInSection}}
|
||||
<a class="nav-link" href="{{ .PrevInSection.Permalink }}" class="" title="{{ .PrevInSection.Title }}">← Prev.</a>
|
||||
{{end}}
|
||||
{{if .NextInSection}}
|
||||
<a class="nav-link" href="{{ .NextInSection.Permalink }}" class="" title="{{ .NextInSection.Title }} ">Next →</a>
|
||||
<a class="prev" href="{{ .NextInSection.Permalink }}" class="" title="{{ .NextInSection.Title }}"><span class="arrow">←</span> Prev.</a>
|
||||
{{end}}
|
||||
{{if .PrevInSection}}
|
||||
<a class="next" href="{{ .PrevInSection.Permalink }}" class="" title="{{ .PrevInSection.Title }} ">Next <span class="arrow">→</span></a>
|
||||
{{end}}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<main class="grid-of-two content list tag-list h-entry">
|
||||
{{ range .Pages }}
|
||||
<article class="tag post h-entry">
|
||||
<a class="thumb" href="{{ .RelPermalink }}">
|
||||
<img src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<img class="thumb" src="{{- .Params.thumb -}}" alt="{{ .Title }}-thumb">
|
||||
</a>
|
||||
<header>
|
||||
<h2 class="p-name"><a class="title-link" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue