Henry-Hiles/website-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reworking images

Browse source
This commit is contained in:
Henry Hiles 2023-05-21 15:02:11 -04:00
parent 4100d04f5d
commit 51a59fce69
16 changed files with 110 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/Jumbo.astro
View file

@ -6,11 +6,13 @@ import Divider from "./Divider.astro"
<header>
<section id={styles.jumbo}>
<h1>Henry Hiles</h1>
<Divider />
<span id={styles.shortAbout}>
Full Stack .NET Developer & Discord Bot Developer
</span>
<div>
<h1>Henry Hiles</h1>
<Divider />
<span id={styles.shortAbout}>
Full Stack .NET Developer & Discord Bot Developer
</span>
</div>
<RoundDivider />
</section>
</header>

22
src/layouts/Layout.astro
View file

@ -14,7 +14,25 @@ const { page } = Astro.props
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" href="/favicon.ico" />
<link rel="icon" href="/images/NewLogo.svg" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="/images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/images/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
<meta name="generator" content={Astro.generator} />
<meta content="Henry Hiles" property="og:title" />
<meta
@ -22,7 +40,7 @@ const { page } = Astro.props
property="og:description"
/>
<meta content="https://henryhiles.com" property="og:url" />
<meta content="/favicon.ico" property="og:image" />
<meta content="/images/favicon.ico" property="og:image" />
<meta content="#14bc9d" data-react-helmet="true" name="theme-color" />
<title>Henry Hiles - {page}</title>
</head>

14
src/styles/Jumbo.module.css
View file

@ -5,9 +5,9 @@
text-align: center;
}
#jumbo img {
width: 200px;
}
/* #jumbo > div {
height: 100vh;
} */
#jumbo i {
margin: 20px 0 30px;
@ -17,3 +17,11 @@
display: block;
padding: 20px 10px;
}
#logo {
width: 25rem;
}
#logo {
color: aqua;
}