phc
/
website
6
4
Fork 0
Code Issues 8 Pull Requests Projects 1 Releases Wiki Activity

feat: new PHC logo
continuous-integration/drone/push Build is passing Details

Browse Source
main
Antonio De Lucreziis 2 days ago
parent ae490db61f
commit 48bd9e459c
6 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File

BIN
public/images/phc-logo-2024-11.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/images/phc-logo-2024-11@x8.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

2
src/components/Header.astro
Unescape Escape View File

@ -1,6 +1,6 @@
<header> <header>
<a href="/" class="logo"> <a href="/" class="logo">
<img src="/images/logo-circuit-board.svg" alt="phc logo" /> <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
</a> </a>
<input type="checkbox" id="header-menu-toggle" /> <input type="checkbox" id="header-menu-toggle" />
<div class="links desktop-only"> <div class="links desktop-only">

2
src/pages/index.astro
Unescape Escape View File

@ -15,7 +15,7 @@ const galleryCollage = (await Astro.glob('@/assets/gallery/*.jpg')).map(({ defau
<script src="../scripts/circuits-art.ts"></script> <script src="../scripts/circuits-art.ts"></script>
</div> </div>
<div class="logo"> <div class="logo">
<img src="/images/logo-circuit-board.svg" alt="phc logo" /> <img src="/images/phc-logo-2024-11@x8.png" alt="phc logo" />
</div> </div>
<div class="whats-phc card large"> <div class="whats-phc card large">
<input type="checkbox" class="hide" id="mobile-whats-phc-read-more" checked /> <input type="checkbox" class="hide" id="mobile-whats-phc-read-more" checked />

4
src/styles/main.scss
Unescape Escape View File

@ -97,10 +97,10 @@ body {
justify-content: space-between; justify-content: space-between;
.logo { .logo {
padding-left: 0.5rem; padding-left: 1rem;
img { img {
height: 4rem; height: 3.5rem;
} }
} }

6
src/styles/pages.scss
Unescape Escape View File

@ -110,9 +110,9 @@
img { img {
width: 100%; width: 100%;
filter: drop-shadow(6px 6px 0 var(--palette-black)) // filter: drop-shadow(6px 6px 0 var(--palette-black))
drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black)) // drop-shadow(4px 0 0 var(--palette-black)) drop-shadow(0 4px 0 var(--palette-black))
drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black)); // drop-shadow(-4px 0 0 var(--palette-black)) drop-shadow(0 -4px 0 var(--palette-black));
} }
} }

Write Preview
Loading…
Cancel
Save