indrajith/indrajith-dev-crystal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Layout Changes and Cosmetics

Browse Source 
* Font Changes
* Header Logo Image removed
This commit is contained in:
Indrajith K L
2024-10-21 01:36:47 +05:30
parent be3490d126
commit 19ddc5cef1
2 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/styles.css
View File

@@ -15,15 +15,14 @@ body {
} }
body { body {
/* font-family: Verdana; */ font-family: "Space Mono", monospace;
font-family: "Lato", sans-serif;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 15px; font-size: 15px;
max-width: 900px; max-width: 900px;
margin: auto; margin: auto;
background: #ffffd6; background: #e6e9ea;
background-image: var(--body-bg-image); /* background-image: var(--body-bg-image); */
} }
p { p {
@@ -79,13 +78,8 @@ footer ul>li>p {
margin-block-start: unset; margin-block-start: unset;
} }
.logo-container {
padding-top: 10px;
}
.logo { .logo {
text-decoration: none; text-decoration: none;
font-size: 220%;
color: #000000; color: #000000;
} }

8
src/views/layout.ecr
View File

@@ -10,13 +10,13 @@
<link rel="me" href="https://mastodon.social/@indrajithkl"> <link rel="me" href="https://mastodon.social/@indrajithkl">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="logo-container"> <h1>
<a class="logo" href="/"><img src="/images/logo.png" alt="logo"/></a> <a class="logo" href="/">indrajith.dev</a>
</div> </h1>
<h4 class="slogan">(Software is Art)</h4> <h4 class="slogan">(Software is Art)</h4>
<nav> <nav>
<ul> <ul>