update script

This commit is contained in:
Raghavendra Kamath 2023-01-23 11:26:03 +05:30
parent a936b7fbdc
commit a859989e99
Signed by: raghukamath
GPG Key ID: E48B3E545FEFD8BD
15 changed files with 310 additions and 0 deletions

225
assets/css/style.css Normal file
View File

@ -0,0 +1,225 @@
:root {
--font-size-h1: 2em;
--font-size-h2: 1.25em;
--font-size-h3: 1em;
--font-size-small: .85em;
/* spacers */
--primary-spacer: 2rem;
--secondary-spacer: 1.5rem;
--tertiary-spacer: 1rem;
/* colors */
--white: #fff;
--black: #1a1a1a;
--dark-gray: #464f53;
--gray: #798286;
--high-gray: #c7ced1;
--mid-gray: #e0e8eb;
--low-gray: #f7f7f7;
--link-color: #3c64dd;
/*border*/
--border-mid-gray: 1px solid var(--mid-gray);
--border-high-gray: 1px solid var(--high-gray);
/* fonts*/
--system-fonts: -apple-system, BlinkMacSystemFont,"Segoe UI", "Roboto", Oxygen-Sans, Ubuntu, Cantarell,"Helvetica Neue", "Open Sans", "Noto Sans", "Droid Sans", sans-serif;
}
/* reset */
/*
Josh's Custom CSS Reset
https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
}
:focus-visible {
outline: 3px solid var(--link-color);
}
h2 a,
h1 a,
h3 a,
h4 a,
h5 a,
h6 a,
.menu-item a,
.logo,
.footer-links a,
.comment-meta a {
text-decoration: none;
}
/* fonts */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/Inter-Regular.woff2?v=3.13") format("woff2"),
url("/assets/fonts/Inter-Regular.woff?v=3.13") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/assets/fonts/Inter-Italic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/Inter-Bold.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("/assets/fonts/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-BoldItalic.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("/assets/fonts/Inter-Black.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-Black.woff?v=3.19") format("woff");
}
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("/assets/fonts/Inter-BlackItalic.woff2?v=3.19") format("woff2"),
url("/assets/fonts/Inter-BlackItalic.woff?v=3.19") format("woff");
}
html {
scroll-behavior: smooth;
font-size: 110%;
}
@media only screen and (min-width:1024px) {
html {
font-size:125%;
}
}
body {
font-family: "Inter", var(--system-fonts);
font-size: 1em;
font-kerning: normal;
letter-spacing:normal;
font-style: normal;
color: var(--dark-gray);
fill: var(--dark-gray);
background-color: var(--low-gray);
}
.main {
max-width: 34rem;
margin: 0 auto;
text-align: center;
}
.intro {
display: flex;
flex-direction: column;
align-items: center;
margin: var(--primary-spacer) var(--secondary-spacer);
}
.intro h1,
.intro p {
font-size: 1rem;
}
.dp {
width: 150px;
height: 150px;
border-radius: 50%;
border: calc(var(--tertiary-spacer)/3) solid white;
margin-bottom: var(--secondary-spacer);
box-shadow: 0 1px 2px var(--high-gray);
}
.list {
list-style: none;
padding: 0;
}
.links {
margin: var(--primary-spacer) var(--secondary-spacer);
}
.link-item {
margin: var(--secondary-spacer) 0;
}
.link {
display: flex;
align-items:center;
justify-content: center;
padding: .35rem;
text-decoration: none;
border-radius: calc(var(--tertiary-spacer) / 3);
background-color: var(--white);
border: var(--border-high-gray);
box-shadow: 0 1px 2px var(--high-gray);
transition: background-color 0.2s ease-out, color 0.2s ease-out, fill 0.2s ease-out;
color: var(--dark-gray);
}
.link svg {
margin-right: calc(var(--tertiary-spacer)/2);
}
.link:hover {
background-color: var(--mid-gray);
border-color: var(--gray);
color: var(--black);
color: var(--link-color);
fill: var(--link-color);
}

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.

After

Width:  |  Height:  |  Size: 5.3 KiB

85
index.html Normal file
View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href='data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="dimgray" d="M1.578 0C.704 0 0 .63 0 1.412v5.237c-.007.734.7.83.897.73a9.823 9.823 0 0 0 2.963-1.33C5.694 4.85 7.138 3.018 7.936.998c.136-.198.077-1-.652-.997Zm12.7.5c-.902 3.31-3.017 6.451-6.125 8.795-.206.13-.556.742.058 1.168 3.524 1.98 6.55 4.753 8.727 7.87.319.455.738.335.895.286.542-.222.917-.709.917-1.279V1.412C18.75.63 18.048 0 17.174 0h-2.24a.68.68 0 0 0-.656.5zM0 13.595v3.744c0 .781.704 1.41 1.578 1.41h7.885c.78-.05.814-.878.491-1.189a17.336 17.336 0 0 0-4.186-3.114c-1.713-.9-3.42-1.413-5.014-1.543-.143-.017-.714.059-.754.692Z"/></svg>'>
<link rel="preload" href="/assets/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/assets/fonts/Inter-Black.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="alternate" type="application/atom+xml" href="https://raghukamath.com/feed/atom/" title="Atom feed for Raghukamath's website">
<link rel="me" href="https://mastodon.art/@raghukamath"/>
<link rel="author" href="https://mastodon.art/@raghukamath"/>
<link rel="me" href="https://twitter.com/raghukamath"/>
<meta name="description" content="Links of Raghukamath - Digital Painter and Freelance Illustrator from Mumbai" />
<meta name="keywords" content="raghavendra kamath, raghukamath, digital, illustration, 2d, painting, ubuntu, fedora, mypaint, linux, open, source, indian, illustrator, mumbai, Krita, tutorials, free software, open source, digital painting, learn, gimp, scribus, portfolio, inkscape, raghu, kamath, freelance, blender" />
<meta name="author" content="raghukamath"/>
<title>Links of Raghukamath &#8211; Digital Painter and Freelance Illustrator from Mumbai</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Raghukamath &raquo; Feed" href="https://raghukamath.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Raghukamath &raquo; Comments Feed" href="https://raghukamath.com/comments/feed/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@raghukamath" /><meta property="og:title" content="Home"/>
<meta property="og:description" content="Digital Painter and Freelance Illustrator from Mumbai"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://raghukamath.in/"/>
<meta property="og:site_name" content="raghukamath.in"/>
<meta name="date" content="11-06-2021">
<meta property="og:image" content="https://raghukamath.com/downloads/defaultimage.jpg"/>
<style>
</style>
<link rel="canonical" href="https://raghukamath.in/" />
<link rel='shortlink' href='https://raghukamath.in/' />
</head>
<body>
<main class="main">
<section class="intro">
<img class="dp" src="/assets/img/display-picture-raghukamath.jpg" alt="display picture of raghukamath">
<h1>Raghavendra Kamath (raghukamath)</h1>
<p>Hello 👋🏼, I'm a visual artist from India.<br>Check out the links for more.</p>
</section>
<section class="links">
<ul class="list">
<li class="link-item">
<a class="link" target="_blank" href="https://raghukamath.com">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>Blog / Website
</a>
</li>
<li class="link-item">
<a class="link" target="_blank" href="https://emblik.studio">
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"/><path d="M10.8 14.7H15c.5 0 .7-.4.2-1L12 10.5l-3.7 3.8c-.4.4-.3.7 0 1l3.4 3.3c.2.3.4.2.6 0l1.5-1.4M12 7.6V5.1m4.3 5.4L18 8.7M7.7 10.5 6 8.7" stroke-width="1.5"/></svg>My Studio - Portfolio
</a>
</li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://mastodon.art/raghukamath">
<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 20.18s-4.97 2.14-10.38-.46c-2.94-1.39-3.2-6.12-3.31-9.4-.12-3.87.6-6.01 2.63-7.48C6.81.6 15.43.32 18.47 2.5a5.99 5.99 0 0 1 2.41 4.52c.11 1.65.19 5.1-.52 6.65-.46 1.02-2.11 2.44-6.02 2.78-4 .38-7.6-.49-7.6-.49s-.76 2.6 3.3 2.79c2.5.1 4.63-.27 4.63-.27.87-.03 1.17 1.24.08 1.7z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stop-color="currentColor"/><path d="M6.35 13.03V7.58c0-2.63 4.6-2.63 4.6 0 0-2.63 4.7-2.63 4.7 0v5.45m-4.7-5.45v3.5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stop-color="currentColor"/></svg>Mastodon
</a>
</li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://instagram.com/emblikstudio">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>Instagram
</a>
</li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://www.youtube.com/c/Raghavendrakamath1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>Youtube
</a>
</li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://raghukamath.com/feed/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg>Blog Feeds
</a>
</li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://ko-fi.com/raghukamath">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>Buy Me a Coffee</a></li>
<li class="link-item">
<a class="link" rel="noreferrer nofollow" target="_blank" href="https://www.inprnt.com/gallery/raghukamath/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>Buy Prints</a></li>
</ul>
</section>
</main>
</body>
</html>