dan/links
dan/links
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

✨ Add profile image

Browse source
This commit is contained in:
Dan Jones 2023-01-02 09:08:08 -06:00
commit 1a959a4dbf
3 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
build/img/profile-manga.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 95 KiB

3
index.html
View file

@ -9,6 +9,9 @@
</head>
<body>
<header class="py-3 mb-4 border-bottom">
<figure class="figure">
<img src="img/profile-manga.jpg" class="figure-img img-fluid rounded-circle" alt="{{name}}"/>
</figure>
<div class="container d-flex flex-wrap justify-content-center">
<h1 class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto text-dark px-4 py-2 border border-white rounded">
{{name}}

15
scss/style.scss
View file

@ -1,3 +1,5 @@
@use "sass:map";
// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@import "../node_modules/bootstrap/scss/functions";
@ -39,8 +41,19 @@ body {
position: relative;
}
h1 {
header {
h1 {
background-color: $mostly-white;
}
figure {
max-width: 10rem;
text-align: center;
margin: map.get($spacers, 5) auto $spacer;
img {
max-width: 100%;
}
}
}
section ul {