Fix CV font: use dedicated CVBase layout instead of main site layout
The main site Base layout sets a dark monospace font that overrides the CV's Poppins font. CV pages now use CVBase which has no global font overrides.
This commit is contained in:
17
src/layouts/CVBase.astro
Normal file
17
src/layouts/CVBase.astro
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
---
|
||||||
|
const { title } = Astro.props;
|
||||||
|
---
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>{title}</title>
|
||||||
|
<link rel="icon" href="/src/img/favicon.ico" type="image/x-icon" />
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<slot />
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,8 +1,8 @@
|
|||||||
---
|
---
|
||||||
import Base from '../../layouts/Base.astro';
|
import CVBase from '../../layouts/CVBase.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Base title="Dan Grubb CV">
|
<CVBase title="Dan Grubb CV">
|
||||||
<div class="cv-page">
|
<div class="cv-page">
|
||||||
<!-- HEADER -->
|
<!-- HEADER -->
|
||||||
<header class="l-header" id="header">
|
<header class="l-header" id="header">
|
||||||
@ -317,7 +317,7 @@ import Base from '../../layouts/Base.astro';
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</Base>
|
</CVBase>
|
||||||
|
|
||||||
<style is:global>
|
<style is:global>
|
||||||
@import '../../styles/cv.css';
|
@import '../../styles/cv.css';
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
---
|
---
|
||||||
import Base from '../../layouts/Base.astro';
|
import CVBase from '../../layouts/CVBase.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Base title="Dan Grubb CV - More Information">
|
<CVBase title="Dan Grubb CV - More Information">
|
||||||
<div class="cv-page">
|
<div class="cv-page">
|
||||||
<header class="l-header" id="header">
|
<header class="l-header" id="header">
|
||||||
<nav class="nav bd-container">
|
<nav class="nav bd-container">
|
||||||
@ -268,7 +268,7 @@ import Base from '../../layouts/Base.astro';
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</Base>
|
</CVBase>
|
||||||
|
|
||||||
<style is:global>
|
<style is:global>
|
||||||
@import '../../styles/cv.css';
|
@import '../../styles/cv.css';
|
||||||
|
|||||||
Reference in New Issue
Block a user