hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles improvements

Browse Source
This commit is contained in:
Hazem Krimi
2024-01-26 00:39:08 +01:00
parent 67a42d867b
commit f5adf3bde1
5 changed files with 29 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/baseof.css
+4 -18
View File
@@ -1,20 +1,6 @@
@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans.ttf') format('ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('/fonts/OpenSans-Italic.ttf') format('ttf');
font-weight: normal;
font-style: italic;
}
:root { :root {
--black: #131314; --black: #131314;
--white: white; --white: #dddddd;
--crimson: #bd1839; --crimson: #bd1839;
--light-gray: #e7e7e7; --light-gray: #e7e7e7;
--dark-background: #1d1b1b; --dark-background: #1d1b1b;
@@ -52,7 +38,7 @@
} }
body { body {
font-family: 'Open Sans', sans-serif; font-family: OpenSans, sans-serif;
font-size: 16px; font-size: 16px;
line-height: normal; line-height: normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@@ -65,11 +51,11 @@ body {
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0.5rem !important; width: 0.5rem;
} }
body::-webkit-scrollbar-thumb { body::-webkit-scrollbar-thumb {
background-color: var(--text) !important; background-color: var(--text);
} }
#links .linkedin, #links .linkedin,
assets/css/index.css
+1 -1
View File
@@ -36,7 +36,7 @@ main #intro #action-buttons a {
main #intro #action-buttons a:first-of-type { main #intro #action-buttons a:first-of-type {
background-color: var(--first-action-background); background-color: var(--first-action-background);
color: var(--white); color: white;
} }
main #intro #action-buttons a:last-of-type { main #intro #action-buttons a:last-of-type {
assets/css/partials.css
+4 -4
View File
@@ -108,14 +108,14 @@
.card .demo { .card .demo {
background-color: #353535; background-color: #353535;
color: var(--white); color: white;
border-radius: 0.4375rem; border-radius: 0.4375rem;
text-decoration: none; text-decoration: none;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.card .demo .eye { .card .demo .eye {
stroke: var(--white); stroke: white;
} }
input, input,
@@ -243,8 +243,8 @@ footer #footer-face {
header #header-face img, header #header-face img,
footer #footer-face img { footer #footer-face img {
width: 32px; width: 2rem;
height: 32px; height: 2rem;
} }
header #header-face span, header #header-face span,
assets/js/baseof.js
+2 -2
View File
@@ -86,8 +86,8 @@ function loadTheme() {
'--header-shadow', '--header-shadow',
theme === 'light' ? 'var(--shadow)' : 'none' theme === 'light' ? 'var(--shadow)' : 'none'
); );
root.style.setProperty('--text', theme === 'light' ? 'black' : 'white'); root.style.setProperty('--text', theme === 'light' ? 'var(--black)' : 'var(--white)');
root.style.setProperty('--color', theme === 'light' ? 'black' : 'white'); root.style.setProperty('--color', theme === 'light' ? 'var(--black)' : 'var(--white)');
document.querySelector( document.querySelector(
theme === 'light' ? 'header .moon' : 'header .sun' theme === 'light' ? 'header .moon' : 'header .sun'
layouts/_default/baseof.html
+18
View File
@@ -10,6 +10,9 @@
{{ $favIcon16 := resources.Get "favicon-16x16.png" }} {{ $favIcon16 := resources.Get "favicon-16x16.png" }}
{{ $favIcon := resources.Get "favicon.ico" }} {{ $favIcon := resources.Get "favicon.ico" }}
{{ $normalFont := resources.Get "fonts/OpenSans.ttf" }}
{{ $italicFont := resources.Get "fonts/OpenSans-Italic.ttf" }}
{{ $faceImage := resources.Get "images/big-face.webp" }} {{ $faceImage := resources.Get "images/big-face.webp" }}
<!DOCTYPE html> <!DOCTYPE html>
@@ -51,6 +54,21 @@
<link rel="icon" type="image/png" sizes="16x16" href="{{ $favIcon16.Permalink }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ $favIcon16.Permalink }}">
<link rel="icon" type="image/x-icon" href="{{ $favIcon.Permalink }}"> <link rel="icon" type="image/x-icon" href="{{ $favIcon.Permalink }}">
<link
rel="preload"
href="{{ $normalFont.Permalink }}"
as="font"
type="font/ttf"
crossorigin
/>
<link
rel="preload"
href="{{ $italicFont.Permalink }}"
as="font"
type="font/ttf"
crossorigin
/>
<link rel="stylesheet" href="{{ $baseStyles.Permalink }}"> <link rel="stylesheet" href="{{ $baseStyles.Permalink }}">
<link rel="stylesheet" href="{{ $partialsStyles.Permalink }}"> <link rel="stylesheet" href="{{ $partialsStyles.Permalink }}">
{{ block "styles" . }}{{ end }} {{ block "styles" . }}{{ end }}