update fonts

predragnikolic · Aug 19, 2024 · c6bc0eb · c6bc0eb
1 parent d3f7fef
commit c6bc0eb
Show file tree

Hide file tree

Showing 9 changed files with 50 additions and 9 deletions.
diff --git a/blog/git-diff-view-0-6-0-release.html b/blog/git-diff-view-0-6-0-release.html
@@ -5,9 +5,17 @@
     <link rel="icon" href="/img/favicon.svg">
     <meta name="theme-color" content="#161e20">
     <meta charset="utf-8">
+         <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+<link href="https://fonts.googleapis.com/css2?family=Jura:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+
     <link rel="stylesheet" type="text/css" href="/main.css">
     <link rel="stylesheet" type="text/css" href="/css/blog.css">
 
+
       <meta name='author' content='[email protected] (Предраг Николић)'>
       <meta name='description' content='The GitDiffView plugin for Sublime Text got a new UI and some UX improvements.'>
       <meta name='keywords' content='sublime-text'>

diff --git a/blog/pesme-moga-pradede.html b/blog/pesme-moga-pradede.html
@@ -5,9 +5,17 @@
     <link rel="icon" href="/img/favicon.svg">
     <meta name="theme-color" content="#161e20">
     <meta charset="utf-8">
+         <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+<link href="https://fonts.googleapis.com/css2?family=Jura:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+
     <link rel="stylesheet" type="text/css" href="/main.css">
     <link rel="stylesheet" type="text/css" href="/css/blog.css">
 
+
       <meta name='author' content='[email protected] (Предраг Николић)'>
       <meta name='description' content='Песмe препричава његов син Михајло Николић.'>
       <meta name='keywords' content='Ован на мотору'>

diff --git a/blog/visualize-your-database.html b/blog/visualize-your-database.html
@@ -5,9 +5,17 @@
     <link rel="icon" href="/img/favicon.svg">
     <meta name="theme-color" content="#161e20">
     <meta charset="utf-8">
+         <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+<link href="https://fonts.googleapis.com/css2?family=Jura:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+
     <link rel="stylesheet" type="text/css" href="/main.css">
     <link rel="stylesheet" type="text/css" href="/css/blog.css">
 
+
       <meta name='author' content='[email protected] (Предраг Николић)'>
       <meta name='description' content='An <a href="https://www.npmjs.com/package/@predragnikolic/pn-show-db">npm tool</a> to visualize your database <br />and generate SQL with a local Ollama model.'>
       <meta name='keywords' content='postgres, visualize, sql, ollama, phi, sqlcoder'>

diff --git a/css/.DS_Store b/css/.DS_Store
diff --git a/css/blog.css b/css/blog.css
@@ -1,6 +1,7 @@
 .blog_body {
 	background: linear-gradient(top, #161e20, #192224);
 	color: #ddd;
+	font-family: 'Jura';
 }
 
 .blog_body h1, h2, h3 {
@@ -14,7 +15,8 @@
 }
 
 .blog_title {
-	font-size: 40px;
+    font-family: "myFirstFont";
+	font-size: 2.7rem;
 	padding-top: 20px;
 }
 
@@ -43,6 +45,10 @@
 	font-weight: bold;
 }
 
+.blog pre {
+	font-family: 'Jura';
+}
+
 .blog .code-block {
 	white-space: pre-wrap;
 	display: block;
@@ -86,6 +92,7 @@
 }
 
 .blog code {
+	font-family: 'Jura';
 	background: #00000020;
 	padding: 0.1rem 0.4rem;
 	border-radius: 0.4rem;
@@ -105,4 +112,4 @@
 		font-size: 16px;
 	}
 
-}
+}
diff --git a/css/common.css b/css/common.css
@@ -128,6 +128,7 @@
 }
 
 .profile_name {
+    font-family: "Yeseva One";
     font-size: 38px;
     letter-spacing: 1.5px;
     margin-bottom: 0;
@@ -151,7 +152,7 @@
     position: absolute;
     top: 0;
     left: 1.4rem;
-    width: 0.2rem;
+    width: 0.1rem;
     height: 100%;
     background: var(--b-color);
 }
@@ -166,11 +167,11 @@
     z-index: 1;
     position: absolute;
     top: 0;
-    left: -3.2rem;
+    left: -3.15rem;
     width: 1rem;
     height: 1rem;
     border-radius: 50%;
-    border: 0.2rem solid var(--b-color);
+    border: 0.1rem solid var(--b-color);
     background: var(--background);
 }
 
@@ -229,4 +230,4 @@
     .font-xxl {
         font-size: 28px;
     }
-}
+}
diff --git a/index.html b/index.html
@@ -8,8 +8,9 @@
     <title>Предраг Николић</title>
      <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;500;700&family=Source+Sans+3:wght@300;400;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
 
+<link href="https://fonts.googleapis.com/css2?family=Jura:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
 
     <link rel="stylesheet" type="text/css" href="/main.css">
     <meta name="description" content="Програмер из Ликодре."/>

diff --git a/main.css b/main.css
@@ -19,7 +19,7 @@ html, body {
 
 body {
     margin: 0;
-    font-family: 'JetBrains Mono', monospace;    font-size: 18px;
+    font-family: 'Jura', monospace;    font-size: 18px;
     color: var(--text);
     background-color: var(--background);
 }
@@ -51,4 +51,4 @@ hr {
 #perlin-noise-bg {
     position: absolute;
     z-index: -1;
-}
+}
diff --git a/src/base/layout.html b/src/base/layout.html
@@ -5,8 +5,16 @@
     <link rel="icon" href="/img/favicon.svg">
     <meta name="theme-color" content="#161e20">
     <meta charset="utf-8">
+         <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+<link href="https://fonts.googleapis.com/css2?family=Jura:[email protected]&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap" rel="stylesheet">
+
+
     <link rel="stylesheet" type="text/css" href="/main.css">
     <link rel="stylesheet" type="text/css" href="/css/blog.css">
+
 <!-- {{BLOG_META}}-->
 </head>
 <body class="blog_body">