thomascole/Personal-Site
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Added certs to about page

Browse Source
This commit is contained in:
Thomas Cole 2021-08-25 09:29:42 -04:00
parent a519ca9049
commit 2599f4e9d9
4 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/dante_certified_logo_level1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/img/dante_certified_logo_level2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/img/dante_certified_seal_level3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

28
src/pages/about.astro
View File

@ -44,6 +44,17 @@ const data = await response.text();
display: none !important;
}
.cert-seal{
width: auto;
height: 200px;
padding: 1em;
}
.cert-grid{
display: flex;
place-content: center;
}
@media (max-width: 1024px) {
.md-container{
width: 95%;
@ -94,7 +105,22 @@ const data = await response.text();
<div class="card-content">
<Markdown content={data}/>
</div>
</div>
</div>
<br>
<div class="card">
<header class="card-header">
<h2 class="card-header-title no-margin">
Certifications
</h2>
</header>
<div class="cert-grid">
<img class="cert-seal" src="/img/dante_certified_logo_level1.png" alt="dante_cert_level3.png">
<img class="cert-seal" src="/img/dante_certified_logo_level2.png" alt="dante_cert_level3.png">
<img class="cert-seal" src="/img/dante_certified_seal_level3.png" alt="dante_cert_level3.png">
</div>
</div>
</div>
</div>
</BaseLayout>